/** Generated: Wednesday, 4th of June 2025, 05:16:27 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 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;-webkit-text-size-adjust:100%;-ms-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:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}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;-webkit-box-shadow:none!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^="javascript:"]:after,a[href^="#"]: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(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.eot);src:url(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/chakra_web/site/templates/fonts/glyphicons-halflings-regular.svg#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:"\002a"}.glyphicon-plus:before{content:"\002b"}.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:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.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"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.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;margin-left:-5px;list-style:none}.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;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.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 \00A0'}.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:'\00A0 \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;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;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}.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}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 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}.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]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]: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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);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}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.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+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}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}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;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;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.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;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);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);-webkit-box-shadow:none;box-shadow:none;opacity:.65}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;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.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.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;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.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.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;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.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.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;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.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.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;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.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.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;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.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.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;-webkit-box-shadow:none;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;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;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;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);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{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;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;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;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-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}}.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-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@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}.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-top:8px;margin-right:15px;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;-webkit-box-shadow:none;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-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@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;-webkit-box-shadow:none;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-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-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-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-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-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-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:"/\00a0"}.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: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>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>.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;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;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}}@-o-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;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);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;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-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:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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}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.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}.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;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);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{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.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{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.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{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);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-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;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;filter:alpha(opacity=0);opacity:0;line-break:auto}.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-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}.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}.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-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;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;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.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}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.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}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;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{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));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:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));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;filter:alpha(opacity=90);outline:0;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}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-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-image:-o-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-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)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}
/*# sourceMappingURL=bootstrap-theme.min.css.map */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/chakra_web/site/templates/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/chakra_web/site/templates/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/chakra_web/site/templates/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/chakra_web/site/templates/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/chakra_web/site/templates/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/chakra_web/site/templates/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') 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}.fa-lg{font-size:1.33333333em;line-height:.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.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{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}.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-feed:before,.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-pp: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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-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-intersex:before,.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-genderless:before{content:"\f22d"}.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"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.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}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/chakra_web/site/templates/styles/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/chakra_web/site/templates/styles/fonts/slick.eot');
    src: url('/chakra_web/site/templates/styles/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/chakra_web/site/templates/styles/fonts/slick.woff') format('woff'), url('/chakra_web/site/templates/styles/fonts/slick.ttf') format('truetype'), url('/chakra_web/site/templates/styles/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
:root {
	--smart-primary-rgb: 0, 92, 153;
	--smart-primary: rgb(var(--smart-primary-rgb));
	--smart-primary-color: #ffffff;
	--smart-secondary: #2D2D30;
	--smart-secondary-color: #ffffff;
	--smart-error: #B00020;
	--smart-error-color: #ffffff;
	--smart-success: #8BC34A;
	--smart-success-color: #ffffff;
	--smart-background: #fefefe;
	--smart-background-color: #5A5A5A;
	--smart-surface: #F5F5F5;
	--smart-surface-color: #323232;
	--smart-disabled: #CCCCCC;
	--smart-disabled-color: #555;
	--smart-ui-state-hover: #ebebeb;
	--smart-ui-state-color-hover: #333;
	--smart-ui-state-border-hover: #ebebeb;
	--smart-ui-state-active: var(--smart-primary);
	--smart-ui-state-color-active: var(--smart-primary-color);
	--smart-ui-state-border-active: var(--smart-primary);
	--smart-ui-state-focus: #e2e0e0;
	--smart-ui-state-color-focus: #333;
	--smart-ui-state-border-focus: #e2e0e0;
	--smart-ui-state-selected: rgba(var(--smart-primary-rgb), .1);
	--smart-ui-state-color-selected: var(--smart-primary);
	--smart-ui-state-border-selected: rgba(var(--smart-primary-rgb), .1);
	--smart-item-border-width: 1px;
	--smart-item-border-radius: var(--smart-border-radius);
	--smart-item-border-top-left-radius: var(--smart-border-radius);
	--smart-item-border-top-right-radius: var(--smart-border-radius);
	--smart-item-border-bottom-left-radius: var(--smart-border-radius);
	--smart-item-border-bottom-right-radius: var(--smart-border-radius);
	--smart-font-size: 14px;
	--smart-font-weight: inherit;
	--smart-font-family: Roboto, "Helvetica Neue", sans-serif;
	--smart-font-family-icon: smart-icons;
	--smart-font-family-icon-src: local('font/smart-icons'), url(/chakra_web/site/templates/styles/font/smart-icons.woff2) format('woff2'), url(/chakra_web/site/templates/styles/font/smart-icons.woff) format('woff'), url(/chakra_web/site/templates/styles/font/smart-icons.ttf) format('truetype'), url(/chakra_web/site/templates/styles/font/smart-icons.eot) format('embedded-opentype');
	--smart-border-width: 1px;
	--smart-border-radius: 4px;
	--smart-border-top-left-radius: var(--smart-border-radius);
	--smart-border-top-right-radius: var(--smart-border-radius);
	--smart-border-bottom-left-radius: var(--smart-border-radius);
	--smart-border-bottom-right-radius: var(--smart-border-radius);
	--smart-border: #E0E0E0;
	--smart-outline: #b2b2b2;
	--smart-editor-selection: var(--smart-primary);
	--smart-editor-selection-color: var(--smart-primary-color);
	--smart-alternation-index0-color: var(--smart-surface-color);
	--smart-alternation-index0-border: var(--smart-surface);
	--smart-alternation-index0-background: var(--smart-surface);
	--smart-alternation-index1-color: #111;
	--smart-alternation-index1-border: #9BBB59;
	--smart-alternation-index1-background: #9BBB59;
	--smart-alternation-index2-color: #fff;
	--smart-alternation-index2-border: #FC3752;
	--smart-alternation-index2-background: #FC3752;
	--smart-tick-color: var(--smart-border);
	--smart-tick-label-color: var(--smart-background-color);
	--smart-box-height: 450px;
	--smart-box-width: 450px;
	--smart-bar-height: 48px;
	--smart-bar-width: 400px;
	--smart-editor-height: 30px;
	--smart-editor-width: 250px;
	--smart-editor-drop-down-width: 300px;
	--smart-editor-drop-down-height: 400px;
	--smart-editor-drop-down-padding-size: 3px;
	--smart-editor-drop-down-max-width: 800px;
	--smart-editor-drop-down-min-width: 100px;
	--smart-editor-drop-down-max-height: 400px;
	--smart-editor-drop-down-min-height: 50px;
	--smart-editor-drop-down-resize-bar-height: 15px;
	--smart-editor-drop-down-vertical-offset: 5px;
	--smart-editor-drop-down-z-index: 9999;
	--smart-editor-label-padding: 4px;
	--smart-editor-addon-width: 27px;
	--smart-column-icon-size: 30px;
	--smart-icon-table: '\e800';
	--smart-icon-star: '\e801';
	--smart-icon-star-empty: '\e802';
	--smart-icon-plus: '\e803';
	--smart-icon-minus: '\e804';
	--smart-icon-attention-circled: '\e805';
	--smart-icon-align-left: '\e806';
	--smart-icon-align-right: '\e807';
	--smart-icon-align-center: '\e808';
	--smart-icon-reload: '\e809';
	--smart-icon-cancel: '\e80d';
	--smart-icon-close: '\e80d';
	--smart-icon-cancel-circled: '\e80e';
	--smart-icon-plus-circled: '\e810';
	--smart-icon-power: '\e811';
	--smart-icon-minus-circled: '\e814';
	--smart-icon-arrow-up-alt: '\e817';
	--smart-icon-radio: '\e818';
	--smart-icon-refresh: '\e819';
	--smart-icon-chart: '\e81a';
	--smart-icon-check-squared: '\e81b';
	--smart-icon-resize-full: '\e81c';
	--smart-icon-resize-small: '\e81d';
	--smart-icon-resize-vertical: '\e80c';
	--smart-icon-resize-horizontal: '\e80f';
	--smart-icon-lock: '\e821';
	--smart-icon-sort: '\e823';
	--smart-icon-delete: '\e826';
	--smart-icon-search: '\e828';
	--smart-icon-calendar: '\e829';
	--smart-icon-edit: '\e82a';
	--smart-icon-popup: '\e82c';
	--smart-icon-lock-open: '\e82e';
	--smart-icon-add-filter: '\e82f';
	--smart-icon-block: '\e832';
	--smart-icon-settings: '\e833';
	--smart-icon-duplicate: '\e834';
	--smart-icon-copy-record: '\e835';
	--smart-icon-download-alt: '\e836';
	--smart-icon-clock: '\e837';
	--smart-icon-attention: '\e838';
	--smart-icon-help-circled: '\e839';
	--smart-icon-mail: '\e83c';
	--smart-icon-up: '\e83f';
	--smart-icon-first-page: '\e900';
	--smart-icon-arrow-down: '\e901';
	--smart-icon-arrow-left: '\e902';
	--smart-icon-arrow-right: '\e903';
	--smart-icon-arrow-up: '\e904';
	--smart-icon-arrow-down-filled: '\e812';
	--smart-icon-arrow-left-filled: '\e816';
	--smart-icon-arrow-right-filled: '\e81e';
	--smart-icon-arrow-up-filled: '\e815';
	--smart-icon-last-page: '\e905';
	--smart-icon-more-horiz: '\e906';
	--smart-icon-skip-next: '\e907';
	--smart-icon-check: '\e908';
	--smart-icon-mode-edit: '\e909';
	--smart-icon-replay: '\e90c';
	--smart-icon-visibility: '\e90d';
	--smart-icon-visibility-off: '\e90e';
	--smart-icon-link-ext: '\f08e';
	--smart-icon-check-empty: '\f096';
	--smart-icon-filter: '\f0b0';
	--smart-icon-resize-full-alt: '\f0b2';
	--smart-icon-menu: '\f0c9';
	--smart-icon-sort-1: '\f0dc';
	--smart-icon-paste: '\f0ea';
	--smart-icon-circle-empty: '\f10c';
	--smart-icon-circle: '\f111';
	--smart-icon-ellipsis: '\f141';
	--smart-icon-minus-squared: '\f146';
	--smart-icon-ok-squared: '\f14a';
	--smart-icon-sort-name-up: '\f15d';
	--smart-icon-sort-name-down: '\f15e';
	--smart-icon-sort-alt-up: '\f160';
	--smart-icon-sort-alt-down: '\f161';
	--smart-icon-sort-number-up: '\f162';
	--smart-icon-sort-number-down: '\f163';
	--smart-icon-dot-circled: '\f192';
	--smart-icon-toggle-off: '\f204';
	--smart-icon-toggle-on: '\f205';
	--smart-icon-group: '\f247';
	--smart-icon-ungroup: '\f248';
	--smart-icon-window-maximize: '\f2d0';
	--smart-icon-window-minimize: '\f2d1';
	--smart-icon-window-restore: '\f2d2';
	--smart-icon-window-pin-alt: '\e82d';
	--smart-icon-window-pin: '\e80a';
	--smart-icon-docs: '\f0c5';
	--smart-icon-math: '\f01a';
	--smart-icon-spin: '\e80b';
	--smart-icon-user: '\e81f';
	--smart-accordion-animation-duration: 225ms;
	--smart-accordion-default-width: var(--smart-box-width);
	--smart-accordion-default-height: var(--smart-box-height);
	--smart-accordion-expanded-content-height: 0px;
	--smart-accordion-expanded-content-local-height: 0px;
	--smart-accordion-item-header-height: var(--smart-bar-height);
	--smart-accordion-item-expanded-offset: 20px;
	--smart-array-default-width: var(--smart-box-width);
	--smart-array-default-height: var(--smart-box-height);
	--smart-array-element-gap: 3px;
	--smart-breadcrumb-default-width: 400px;
	--smart-breadcrumb-default-height: auto;
	--smart-breadcrumb-padding: 10px;
	--smart-breadcrumb-drop-down-width: var(--smart-editor-drop-down-width);
	--smart-breadcrumb-item-height: 40px;
	--smart-breadcrumb-horizontal-offset: 10px;
	--smart-button-text-transform: uppercase;
	--smart-button-padding: 8px 16px;
	--smart-button-large-padding: 10px 16px;
	--smart-button-large-font-size: 18px;
	--smart-button-small-padding: 5px 10px;
	--smart-button-small-font-size: 12px;
	--smart-button-very-small-padding: 1px 5px;
	--smart-button-very-small-font-size: 12px;
	--smart-button-flat-color: var(--smart-background-color);
	--smart-button-outlined-color: var(--smart-background-color);
	--smart-button-outlined-border: var(--smart-border);
	--smart-calendar-header-height: calc(0.75 * var(--smart-bar-height));
	--smart-calendar-footer-height: calc(0.75 * var(--smart-bar-height));
	--smart-calendar-title-height: calc(1.25 * var(--smart-bar-height));
	--smart-calendar-cell-size: 30px;
	--smart-calendar-cell-spacing: 4px;
	--smart-calendar-default-width: calc(50px + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
	--smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));
	--smart-calendar-title-text-transform: initial;
	--smart-calendar-week-title-text-transform: uppercase;
	--smart-calendar-header-text-transform: uppercase;
	--smart-calendar-footer-text-transform: uppercase;
	--smart-calendar-cell-border-top-right-radius: 15px;
	--smart-calendar-cell-border-top-left-radius: 15px;
	--smart-calendar-cell-border-bottom-left-radius: 15px;
	--smart-calendar-cell-border-bottom-right-radius: 15px;
	--smart-calendar-title-padding: 10px;
	--smart-card-view-default-width: 1200px;
	--smart-card-view-default-height: 800px;
	--smart-card-view-header-height: 30px;
	--smart-card-view-cover-height: var(--smart-carousel-default-height);
	--smart-card-view-vertical-offset: 15px;
	--smart-card-view-column-min-width: 250px;
	--smart-card-view-gap: 10px;
	--smart-card-view-add-new-button-size: 60px;
	--smart-carousel-default-width: 600px;
	--smart-carousel-default-height: 200px;
	--smart-carousel-3d-mode-slide-width: 400px;
	--smart-carousel-3d-mode-slide-height: 400px;
	--smart-carousel-multiple-mode-slide-width: 200px;
	--smart-chart-default-width: 850px;
	--smart-chart-default-height: 500px;
	--smart-check-box-default-size: calc(1px + 1/2 * var(--smart-editor-height));
	--smart-color-panel-default-width: auto;
	--smart-color-panel-default-height: auto;
	--smart-color-panel-palette-size: 300px;
	--smart-color-panel-grid-mode-item-size: 20px;
	--smart-color-panel-grid-mode-column-count: 8;
	--smart-color-panel-grid-mode-columns-gap: 1px;
	--smart-color-panel-brightness: 0;
	--smart-color-panel-default-mode-sections-gap: 8px;
	--smart-color-panel-palette-width: var(--smart-color-panel-palette-size);
	--smart-color-panel-palette-height: var(--smart-color-panel-palette-size);
	--smart-color-panel-alpha-channel-color: white;
	--smart-color-picker-default-width: var(--smart-editor-width);
	--smart-color-picker-default-height: var(--smart-editor-height);
	--smart-color-picker-drop-down-width: auto;
	--smart-color-picker-drop-down-height: auto;
	--smart-combo-box-default-width: var(--smart-editor-width);
	--smart-combo-box-default-height: var(--smart-editor-height);
	--smart-combo-box-drop-down-width: auto;
	--smart-combo-box-drop-down-height: auto;
	--smart-chip-default-height: var(--smart-editor-height);
	--smart-chip-avatar-background: var(--smart-secondary);
	--smart-currency-format-panel-currency-holder-width: 1fr;
	--smart-currency-format-panel-apply-button-width: 125px;
	--smart-currency-format-panel-header-holder-offset: 2%;
	--smart-currency-format-panel-currency-holder-input-width: 1fr;
	--smart-currency-format-panel-currency-holder-dropdown-width: 165px;
	--smart-currency-format-panel-currency-holder-dropdown-button-width: 95%;
	--smart-currency-format-panel-border-size: 1px;
	--smart-currency-format-panel-border-color: #ccc;
	--smart-currency-format-panel-border-radius: 4px;
	--smart-currency-format-panel-currencies-margin-top: 15px;
	--smart-currency-format-panel-currencies-max-height: 400px;
	--smart-currency-format-panel-currencies-item-padding: 12px;
	--smart-currency-format-panel-currency-holder-padding-left: 5px;
	--smart-currency-format-panel-currency-holder-padding-top: 3px;
	--smart-currency-format-panel-currency-holder-padding-bottom: 3px;
	--smart-currency-format-panel-currency-input-width: 100%;
	--smart-currency-format-panel-currencies-left-padding: 10px;
	--smart-currency-format-panel-currencies-hover-background: #f1f1f1;
	--smart-currency-format-panel-currencies-example-format-color: #777;
	--smart-data-view-padding: 10px;
	--smart-data-view-customize-panel-width: 200px;
	--smart-data-view-filter-panel-width: 550px;
	--smart-data-view-sort-panel-width: 400px;
	--smart-data-view-search-panel-width: 250px;
	--smart-date-format-panel-main-container-width: 960px;
	--smart-date-format-panel-main-container-padding: 15px;
	--smart-date-format-panel-border-radius: 4px;
	--smart-date-format-panel-border-size: 1px;
	--smart-date-format-panel-border-color: #ccc;
	--smart-date-format-panel-smart-inputs-container-width: 1fr;
	--smart-date-format-panel-apply-container-width: 150px;
	--smart-date-format-panel-smart-input-buttons-column-gap: 2%;
	--smart-date-format-panel-smart-inputs-holder-width: 94%;
	--smart-date-format-panel-add-format-holder-width: 6%;
	--smart-date-format-panel-smart-inputs-list-holder-offset: 2px;
	--smart-date-format-panel-smart-input-format-width: 150px;
	--smart-date-format-panel-smart-input-sign-width: 80px;
	--smart-date-format-panel-smart-input-height: 25px;
	--smart-date-format-panel-each-smart-input-offset: 4px;
	--smart-date-format-panel-all-format-holders-width: 255px;
	--smart-date-format-panel-add-format-holder-button: 120px;
	--smart-date-format-panel-each-add-format-holder-width: 120px;
	--smart-date-format-panel-add-new-format-dropdown-offset: 5px;
	--smart-date-format-panel-date-time-format-list-offset-top: 15px;
	--smart-date-format-panel-date-time-format-list-max-height: 400px;
	--smart-date-format-panel-each-date-time-format-offset: 12px;
	--smart-date-time-picker-default-width: var(--smart-editor-width);
	--smart-date-time-picker-default-height: var(--smart-editor-height);
	--smart-date-time-picker-header-opacity: 0.8;
	--smart-date-time-picker-header-opacity-active: 1;
	--smart-docking-layout-default-width: 1000px;
	--smart-docking-layout-default-height: 800px;
	--smart-docking-layout-feedback-background-secondary-size: 7px;
	--smart-drop-down-list-default-width: var(--smart-editor-width);
	--smart-drop-down-list-default-height: var(--smart-editor-height);
	--smart-drop-down-list-drop-down-width: initial;
	--smart-drop-down-list-drop-down-height: auto;
	--smart-drop-down-button-default-width: auto;
	--smart-drop-down-button-default-height: var(--smart-editor-height);
	--smart-drop-down-button-drop-down-width: var(--smart-editor-drop-down-width);
	--smart-drop-down-button-drop-down-height: var(--smart-editor-drop-down-height);
	--smart-filter-builder-default-width: var(--smart-box-width);
	--smart-filter-builder-default-height: var(--smart-box-height);
	--smart-filter-builder-row-height: var(--smart-editor-height);
	--smart-filter-builder-item-width: var(--smart-editor-width);
	--smart-filter-builder-group-container-border: 4px;
	--smart-filter-builder-item-margin: 20px;
	--smart-filter-builder-group-condition-margin: 5px;
	--smart-filter-builder-group-margin: 15px;
	--smart-filter-panel-default-width: 300px;
	--smart-filter-panel-default-height: auto;
	--smart-filter-panel-padding: 10px;
	--smart-filter-panel-border-top-right-radius: var(--smart-border-radius);
	--smart-filter-panel-border-top-left-radius: var(--smart-border-radius);
	--smart-filter-panel-border-bottom-left-radius: var(--smart-border-radius);
	--smart-filter-panel-border-bottom-right-radius: var(--smart-border-radius);
	--smart-filter-panel-border-width: var(--smart-border-width);
	--smart-filter-panel-border: var(--smart-border);
	--smart-filter-panel-background: var(--smart-background);
	--smart-filter-panel-color: var(--smart-background-color);
	--smart-filter-panel-vertical-offset: 10px;
	--smart-filter-panel-main-element-height: 400px;
	--smart-file-upload-default-width: var(--smart-editor-width);
	--smart-file-upload-browse-button-width: auto;
	--smart-file-upload-browse-button-height: auto;
	--smart-file-upload-footer-button-width: auto;
	--smart-file-upload-footer-button-height: auto;
	--smart-file-upload-text-content-uploading-start: "Connecting ...";
	--smart-file-upload-text-content-uploading: "Uploading ...";
	--smart-file-upload-text-content-error: "Upload error!";
	--smart-file-upload-text-content-pause: "Upload paused!";
	--smart-file-upload-text-content-drop-zone: "Drag files here";
	--smart-file-upload-text-content-drop-zone-over: "Drop here \e824";
	--smart-file-upload-container-min-height: 60px;
	--smart-file-upload-total-files-min-height: 20px;
	--smart-gantt-chart-splitter-bar-fit-size: calc(var(--smart-gantt-chart-task-timeline-content-height) + 2 * var(--smart-gantt-chart-task-default-height));
	--smart-gantt-chart-task-tree-splitter-bar-fit-size: var(--smart-gantt-chart-splitter-bar-fit-size);
	--smart-gantt-chart-resource-tree-splitter-bar-fit-size: calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));
	--smart-gantt-chart-task-default-height: 30px;
	--smart-gantt-chart-header-height: var(--smart-gantt-chart-task-default-height);
	--smart-gantt-chart-task-bar-fill-padding: 5px;
	--smart-gantt-chart-task-label-padding: var(--smart-gantt-chart-task-bar-fill-padding);
	--smart-gantt-chart-task-thumb-color: rgba(0, 0, 0, .55);
	--smart-gantt-chart-task-progress-color: rgba(0, 0, 0, .15);
	--smart-gantt-chart-project-color: #ffa558;
	--smart-gantt-chart-project-label-color: #333;
	--smart-gantt-chart-project-label-color-selected: #000;
	--smart-gantt-chart-project-progress-color: var(--smart-gantt-chart-task-progress-color);
	--smart-gantt-chart-task-color: rgb(43, 195, 190);
	--smart-gantt-chart-milestone-color: #800080;
	--smart-gantt-chart-timeline-task-background-color: transparent;
	--smart-gantt-chart-timeline-task-connection-feedback-color: #e6510a;
	--smart-gantt-chart-timeline-task-connection-feedback-width: 1px;
	--smart-gantt-chart-timeline-task-connection-feedback-style: dashed;
	--smart-gantt-chart-timeline-task-connection-color: var(--smart-gantt-chart-timeline-task-connection-feedback-color);
	--smart-gantt-chart-timeline-task-connection-color-hover: var(--smart-gantt-chart-timeline-task-connection-color);
	--smart-gantt-chart-timeline-task-connection-width: var(--smart-gantt-chart-timeline-task-connection-feedback-width);
	--smart-gantt-chart-timeline-task-connection-style: solid;
	--smart-gantt-chart-timeline-task-connection-arrow-type: solid;
	--smart-gantt-chart-timeline-task-connection-arrow-width: 5px;
	--smart-gantt-chart-timeline-task-resize-indicator-width: 4px;
	--smart-gantt-chart-timeline-task-resize-indicator-color: #fff;
	--smart-gantt-chart-timeline-task-resize-indicator-border-color: #333;
	--smart-gantt-chart-timeline-task-progress-thumb-size: 10px;
	--smart-gantt-chart-timeline-cell-size: auto;
	--smart-gantt-chart-timeline-cell-min-size: 70px;
	--smart-gantt-chart-timeline-task-min-width: 5px;
	--smart-gantt-chart-timeline-weekend-color: #EFF5FD;
	--smart-gantt-chart-timeline-nonworking-color: #F5F5F5;
	--smart-gantt-chart-default-width: auto;
	--smart-gantt-chart-default-height: 600px;
	--smart-gantt-chart-task-popup-window-default-width: 500px;
	--smart-gantt-chart-connection-popup-window-default-width: 300px;
	--smart-gantt-chart-confirm-popup-window-default-width: var(--smart-gantt-chart-connection-popup-default-width);
	--smart-gantt-chart-popup-window-header-height: 35px;
	--smart-gantt-chart-popup-window-footer-height: 50px;
	--smart-gauge-default-width: var(--smart-box-width);
	--smart-gauge-default-height: var(--smart-box-height);
	--smart-gauge-track-border: var(--smart-border);
	--smart-gauge-track-background: var(--smart-background);
	--smart-gauge-needle-background: var(--smart-primary);
	--smart-gauge-label-fill-state: initial;
	--smart-gauge-label-stroke: initial;
	--smart-grid-default-width: 800px;
	--smart-grid-default-height: 400px;
	--smart-grid-footer-height: var(--smart-bar-height);
	--smart-grid-header-height: var(--smart-bar-height);
	--smart-grid-group-header-height: var(--smart-bar-height);
	--smart-grid-row-height: 30px;
	--smart-grid-column-header-height: var(--smart-bar-height);
	--smart-grid-filter-footer-height: var(--smart-bar-height);
	--smart-grid-aggregate-footer-height: var(--smart-bar-height);
	--smart-grid-header-background-freeze: var(--smart-surface);
	--smart-grid-header-color-freeze: var(--smart-surface-color);
	--smart-grid-column-menu-width: 200px;
	--smart-grid-column-menu-height: auto;
	--smart-grid-column-buttons-width: 23px;
	--smart-grid-cell-color-freeze: var(--smart-surface-color);
	--smart-grid-cell-background-freeze: var(--smart-surface);
	--smart-grid-cell-color-delete: #333;
	--smart-grid-cell-background-delete: #FFDCDC;
	--smart-grid-cell-color-update: #333;
	--smart-grid-cell-background-update: #D7F9C7;
	--smart-grid-cell-color-add: #333;
	--smart-grid-cell-background-add: #FED59B;
	--smart-grid-cell-color-unbound: var(--smart-surface-color);
	--smart-grid-cell-background-unbound: var(--smart-surface);
	--smart-grid-cell-color-sort: var(--smart-surface-color);
	--smart-grid-cell-background-sort: var(--smart-surface);
	--smart-grid-cell-color-filter: var(--smart-surface-color);
	--smart-grid-cell-background-filter: var(--smart-surface);
	--smart-grid-group-row-vertical-offset: 5;
	--smart-grid-group-row-horizontal-offset: 1;
	--smart-grid-template-columns: none;
	--smart-grid-column-gap: 0px;
	--smart-grid-row-gap: 0px;
	--smart-grid-freeze-splitter-size: 1px;
	--smart-grid-resize-line-size: 1px;
	--smart-grid-layout-col-gap: 10px;
	--smart-grid-layout-row-gap: 10px;
	--smart-grid-layout-width: 100%;
	--smart-grid-layout-rows: none;
	--smart-grid-panel-default-width: 450px;
	--smart-grid-panel-default-height: auto;
	--smart-grid-panel-padding: 10px;
	--smart-grid-panel-vertical-offset: 10px;
	--smart-grid-panel-item-height: 30px;
	--smart-multi-column-filter-panel-template-columns: 15px 60px 2fr 3fr 3fr;
	--smart-kanban-default-width: 1200px;
	--smart-kanban-default-height: 500px;
	--smart-kanban-header-size: 35px;
	--smart-kanban-task-min-width: 150px;
	--smart-kanban-task-min-height: 80px;
	--smart-kanban-text-max-height: 200px;
	--smart-kanban-user-icon-size: 30px;
	--smart-kanban-user-list-width: 150px;
	--smart-kanban-user-list-max-height: 400px;
	--smart-kanban-comments-list-width: 350px;
	--smart-kanban-comments-list-height: 400px;
	--smart-kanban-new-comment-height: 50px;
	--smart-kanban-new-comment-height-expanded: 175px;
	--smart-kanban-send-button-height: 30px;
	--smart-kanban-color-band-width: 3px;
	--smart-list-box-default-width: var(--smart-editor-width);
	--smart-list-box-default-height: var(--smart-editor-width);
	--smart-list-item-group-header-text-transform: uppercase;
	--smart-list-item-horizontal-offset: 3px;
	--smart-list-item-vertical-offset: 3px;
	--smart-list-item-height: 36px;
	--smart-list-item-check-box-radius: 2px;
	--smart-list-item-label-padding: 0;
	--smart-list-item-label-border-radius: 0;
	--smart-loader-size: var(--smart-editor-height);
	--smart-led-default-width: var(--smart-editor-height);
	--smart-led-default-height: var(--smart-editor-height);
	--smart-list-menu-default-width: var(--smart-box-width);
	--smart-list-menu-default-height: var(--smart-box-height);
	--smart-list-menu-filter-input-vertical-offset: 5px;
	--smart-list-menu-filter-input-horizontal-offset: 5px;
	--smart-masked-text-box-default-width: var(--smart-editor-width);
	--smart-masked-text-box-default-height: var(--smart-editor-height);
	--smart-menu-default-width: var(--smart-bar-width);
	--smart-menu-default-height: var(--smart-bar-height);
	--smart-menu-vertical-default-width: calc(var(--smart-bar-width) / 2);
	--smart-menu-vertical-default-height: var(--smart-bar-width);
	--smart-menu-scroll-button-size: calc(var(--smart-bar-height) / 1.5);
	--smart-multiline-text-box-default-width: var(--smart-editor-width);
	--smart-multiline-text-box-default-height: calc(10 * var(--smart-editor-height));
	--smart-multi-split-button-default-width: var(--smart-editor-width);
	--smart-multi-split-button-default-height: var(--smart-editor-height);
	--smart-number-format-panel-selected-format-width: 1fr;
	--smart-number-format-panel-apply-button-width: 125px;
	--smart-number-format-panel-header-holder-offset: 10px;
	--smart-number-format-panel-border-size: 1px;
	--smart-number-format-panel-border-color: #ccc;
	--smart-number-format-panel-border-radius: 4px;
	--smart-number-format-panel-sample-container-vertical-offset: 15px;
	--smart-number-format-panel-sample-container-horizontal-offset: 5px;
	--smart-number-format-panel-formats-list-margin-top: 15px;
	--smart-number-format-panel-formats-list-max-height: 400px;
	--smart-number-format-panel-formats-item-padding: 12px;
	--smart-number-format-panel-selected-format-padding-left: 5px;
	--smart-number-format-panel-selected-format-padding-top: 3px;
	--smart-number-format-panel-selected-format-padding-bottom: 3px;
	--smart-number-format-panel-header-input-width: 100%;
	--smart-number-format-panel-formats-item-left-padding: 10px;
	--smart-number-format-panel-formats-item-hover-background: #f1f1f1;
	--smart-number-format-panel-formats-item-example-format-color: #777;
	--smart-numeric-text-box-default-width: var(--smart-editor-width);
	--smart-numeric-text-box-default-height: var(--smart-editor-height);
	--smart-numeric-text-box-default-radix-display-width: 12%;
	--smart-numeric-text-box-default-unit-display-width: var(--smart-editor-addon-width);
	--smart-numeric-text-box-text-align: right;
	--smart-path-default-width: var(--smart-editor-width);
	--smart-path-default-height: var(--smart-editor-height);
	--smart-path-drop-down-width: auto;
	--smart-path-drop-down-height: auto;
	--smart-path-button-gap: 5px;
	--smart-path-text-align: start;
	--smart-power-button-default-width: var(--smart-editor-height);
	--smart-power-button-default-height: var(--smart-editor-height);
	--smart-progress-bar-default-width: var(--smart-editor-width);
	--smart-progress-bar-default-height: var(--smart-editor-height);
	--smart-circular-progress-bar-default-size: var(--smart-editor-width);
	--smart-circular-progress-bar-fill-size: 20%;
	--smart-query-builder-default-width: auto;
	--smart-query-builder-default-height: auto;
	--smart-query-builder-min-width: 100px;
	--smart-query-builder-content-padding: 5px;
	--smart-query-builder-editor-width: 125px;
	--smart-radio-button-default-size: calc(1px + 1/2 * var(--smart-editor-height));
	--smart-sortable-handle-size: 25px;
	--smart-splitter-default-width: var(--smart-box-width);
	--smart-splitter-default-height: var(--smart-box-height);
	--smart-splitter-bar-size: 10px;
	--smart-splitter-bar-fit-size: 100%;
	--smart-splitter-item-padding: 0;
	--smart-splitter-item-content-padding: 0;
	--smart-splitter-item-size: auto;
	--smart-switch-button-default-width: calc(var(--smart-editor-height) + 10px);
	--smart-switch-button-default-height: var(--smart-editor-height);
	--smart-switch-button-thumb-size: calc(var(--smart-switch-button-default-height) - 8px);
	--smart-slider-default-width: var(--smart-editor-width);
	--smart-slider-default-height: 35px;
	--smart-slider-track-size: 1px;
	--smart-slider-thumb-width: 20px;
	--smart-slider-thumb-height: 20px;
	--smart-slider-tooltip-width: 60px;
	--smart-slider-tooltip-height: 30px;
	--smart-slider-spin-button-width: 30px;
	--smart-slider-spin-button-height: 30px;
	--smart-slider-tick-size: 10px;
	--smart-slider-minor-tick-size: 5px;
	--smart-slider-thumb-border-top-right-radius: 15px;
	--smart-slider-thumb-border-top-left-radius: 15px;
	--smart-slider-thumb-border-bottom-left-radius: 15px;
	--smart-slider-thumb-border-bottom-right-radius: 15px;
	--smart-scroll-button-size: 16px;
	--smart-scroll-bar-size: 18px;
	--smart-scroll-bar-default-width: var(--smart-editor-width);
	--smart-scroll-bar-default-height: var(--smart-scroll-bar-size);
	--smart-scroll-bar-background: #F1F1F1;
	--smart-scroll-bar-border: #F1F1F1;
	--smart-scroll-bar-thumb-border-top-right-radius: 0px;
	--smart-scroll-bar-thumb-border-top-left-radius: 0px;
	--smart-scroll-bar-thumb-border-bottom-left-radius: 0px;
	--smart-scroll-bar-thumb-border-bottom-right-radius: 0px;
	--smart-scroll-bar-thumb-background: #C1C1C1;
	--smart-scroll-bar-thumb-border: #C1C1C1;
	--smart-scroll-bar-thumb-background-hover: #A8A8A8;
	--smart-scroll-bar-thumb-border-hover: #A8A8A8;
	--smart-scroll-bar-thumb-background-active: #787878;
	--smart-scroll-bar-thumb-border-active: #787878;
	--smart-scroll-bar-button-background: #F1F1F1;
	--smart-scroll-bar-button-border: #F1F1F1;
	--smart-scroll-bar-button-color: #505050;
	--smart-scroll-bar-button-background-hover: #D2D2D2;
	--smart-scroll-bar-button-border-hover: #F1F1F1;
	--smart-scroll-bar-button-color-hover: #505050;
	--smart-scroll-bar-button-background-active: #787878;
	--smart-scroll-bar-button-border-active: #F1F1F1;
	--smart-scroll-bar-button-color-active: #fff;
	--smart-tank-default-width: var(--smart-editor-width);
	--smart-tank-default-height: calc(10 * var(--smart-editor-height));
	--smart-tank-scale-size: 105px;
	--smart-tank-thumb-width: 25px;
	--smart-tank-thumb-height: var(--smart-tank-thumb-width);
	--smart-tank-tooltip-width: 80px;
	--smart-tank-tooltip-height: 30px;
	--smart-tank-tick-size: 10px;
	--smart-tank-minor-tick-size: 5px;
	--smart-tank-minimum-track-size: 6px;
	--smart-tabs-header-button-size: 20px;
	--smart-tabs-animation-duration: 0.5s;
	--smart-tabs-default-width: var(--smart-box-width);
	--smart-tabs-default-height: var(--smart-box-height);
	--smart-tabs-header-padding: 0px;
	--smart-tabs-header-offset: 0px;
	--smart-tab-item-padding: 12px 16px;
	--smart-tab-item-offset: 5px;
	--smart-tab-item-initial-offset: 5px;
	--smart-tab-item-text-transform: uppercase;
	--smart-time-picker-default-width: var(--smart-editor-width);
	--smart-time-picker-default-height: calc(12 * var(--smart-editor-height));
	--smart-tooltip-arrow-width: 6px;
	--smart-tooltip-arrow-color: var(--smart-secondary);
	--smart-tooltip-arrow-translate: 0;
	--smart-tooltip-padding: 4px 8px;
	--smart-tooltip-content-shadow: none;
	--smart-toast-item-icon: '';
	--smart-toast-container-default-width: var(--smart-bar-width);
	--smart-toast-header-height: 20px;
	--smart-toast-info-background: #5bc0de;
	--smart-toast-info-color: #fff;
	--smart-toast-warning-background: #f0ad4e;
	--smart-toast-warning-color: #fff;
	--smart-toast-error-background: var(--smart-error);
	--smart-toast-error-color: var(--smart-error-color);
	--smart-toast-success-background: var(--smart-success);
	--smart-toast-success-color: var(--smart-success-color);
	--smart-tree-default-width: var(--smart-box-width);
	--smart-tree-default-height: var(--smart-box-height);
	--smart-tree-scroll-button-size: 20px;
	--smart-tree-lines-style: dashed;
	--smart-tree-indent: 16px;
	--smart-tree-lines-color: var(--smart-border);
	--smart-tree-lines-width: 1px;
	--smart-tree-item-label-height: 36px;
	--smart-tree-item-padding: 9px 12px;
	--smart-tree-item-vertical-offset: 3px;
	--smart-tree-item-horizontal-offset: 3px;
	--smart-text-box-default-width: var(--smart-editor-width);
	--smart-text-box-default-height: var(--smart-editor-height);
	--smart-validation-panel-description-width: 20%;
	--smart-validation-panel-content-width: 80%;
	--smart-validation-panel-appearance-vertical-offset: 10px;
	--smart-validation-panel-appearance-reset-button-left-offset: 5px;
	--smart-validation-panel-appearance-textbox-vertical-offset: 5px;
	--smart-validation-panel-appearance-reset-button-color: var(--smart-primary);
	--smart-validation-panel-criteria-row-margin-top: 10px;
	--smart-validation-panel-criteria-container-vertical-offset: 10px;
	--smart-validation-panel-criteria-container-input-width: 180px;
	--smart-validation-panel-criteria-container-input-horizontal-offset: 2px;
	--smart-validation-panel-criteria-container-textbox-width: 80px;
	--smart-validation-panel-criteria-container-textbox-horizontal-offset: 2px;
	--smart-validation-panel-criteria-container-text-between-inputs-offset: 5px;
	--smart-validation-panel-invalid-data-vertical-offset: 10px;
	--smart-validation-panel-footer-button-color: #188038;
	--smart-validation-panel-footer-button-background: white;
	--smart-validation-panel-footer-vertical-offset: 20px;
	--smart-validation-panel-footer-button-horizontal-offset: 5px;
	--smart-validation-panel-footer-remove-validation-button-color: var(--smart-validation-panel-footer-button-color);
	--smart-validation-panel-footer-cancel-button-color: var(--smart-validation-panel-footer-button-color);
	--smart-validation-panel-footer-save-button-color: var(--smart-validation-panel-footer-button-background);
	--smart-validation-panel-footer-save-button-background: var(--smart-validation-panel-footer-button-color);
	--smart-password-text-box-default-width: var(--smart-editor-width);
	--smart-password-text-box-default-height: var(--smart-editor-height);
	--smart-pager-default-width: var(--smart-bar-width);
	--smart-pager-default-height: var(--smart-bar-height);
	--smart-pager-button-width: 'auto';
	--smart-pager-button-height: 32px;
	--smart-pager-page-size-selector-width: 60px;
	--smart-pager-page-index-selector-width: 32px;
	--smart-pager-page-index-selector-height: 32px;
	--smart-pager-page-index-ellipsis-selector-width: 32px;
	--smart-pager-page-index-ellipsis-selector-height: 32px;
	--smart-pager-page-index-selector-horizontal-offset: 8px;
	--smart-pager-padding: 2px;
	--smart-pager-input-width: 50px;
	--smart-scroll-viewer-min-width: none;
	--smart-scroll-viewer-max-width: none;
	--smart-scroll-viewer-min-height: none;
	--smart-scroll-viewer-max-height: none;
	--smart-window-default-height: var(--smart-box-height);
	--smart-window-default-width: var(--smart-box-width);
	--smart-window-header-height: var(--smart-bar-height);
	--smart-window-footer-height: var(--smart-bar-height);
	--smart-window-min-width: 250px;
	--smart-window-header-footer-padding: 10px;
	--smart-elevation-24: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2);
	--smart-elevation-16: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px 0 rgba(0, 0, 0, .2);
	--smart-elevation-12: 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12), 0 7px 8px 0 rgba(0, 0, 0, .2);
	--smart-elevation-8: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 15px 0 rgba(0, 0, 0, .2);
	--smart-elevation-6: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px 0 rgba(0, 0, 0, .2);
	--smart-elevation-4: 0 2px 4px 0 rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .12), 0 1px 10px 0 rgba(0, 0, 0, .2);
	--smart-elevation-2: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	--smart-elevation-1: 0 0 2px 0 rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
	--smart-elevation-0: none;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--pseudo-element-height: 0
}
[theme=dark] {
	--smart-primary-rgb: 122, 202, 255;
	--smart-primary: rgb(var(--smart-primary-rgb));
	--smart-primary-color: #242424;
	--smart-background: #242424;
	--smart-background-color: #fff;
	--smart-surface: #333;
	--smart-surface-color: #fff;
	--smart-disabled: #535353;
	--smart-disabled-color: #fff;
	--smart-border: #464646;
	--smart-editor-selection: var(--smart-primary);
	--smart-editor-selection-color: var(--smart-primary-color);
	--smart-ui-state-hover: #444;
	--smart-ui-state-color-hover: #fff;
	--smart-ui-state-border-hover: #444;
	--smart-ui-state-active: var(--smart-primary);
	--smart-ui-state-color-active: var(--smart-primary-color);
	--smart-ui-state-border-active: var(--smart-primary);
	--smart-ui-state-focus: #555;
	--smart-ui-state-color-focus: #fff;
	--smart-ui-state-border-focus: #555;
	--smart-ui-state-selected: rgba(var(--smart-primary-rgb), .1);
	--smart-ui-state-color-selected: var(--smart-primary);
	--smart-ui-state-border-selected: rgba(var(--smart-primary-rgb), .1);
	--smart-alternation-index0-color: var(--smart-surface-color);
	--smart-alternation-index0-border: var(--smart-surface);
	--smart-alternation-index0-background: var(--smart-surface);
	--smart-alternation-index1-color: #111;
	--smart-alternation-index1-border: #9BBB59;
	--smart-alternation-index1-background: #9BBB59;
	--smart-alternation-index2-color: #fff;
	--smart-alternation-index2-border: #FC3752;
	--smart-alternation-index2-background: #FC3752;
	--smart-scroll-bar-background: #3E3E42;
	--smart-scroll-bar-border: #3E3E42;
	--smart-scroll-bar-thumb-background: #686868;
	--smart-scroll-bar-thumb-border: #686868;
	--smart-scroll-bar-thumb-background-hover: #9E9E9E;
	--smart-scroll-bar-thumb-border-hover: #9E9E9E;
	--smart-scroll-bar-thumb-background-active: #444;
	--smart-scroll-bar-thumb-border-active: #444;
	--smart-scroll-bar-button-background: #3E3E42;
	--smart-scroll-bar-button-border: #3E3E42;
	--smart-scroll-bar-button-color: #999999;
	--smart-scroll-bar-button-background-hover: #3E3E42;
	--smart-scroll-bar-button-border-hover: #3E3E42;
	--smart-scroll-bar-button-color-hover: var(--smart-primary);
	--smart-scroll-bar-button-background-active: #3E3E42;
	--smart-scroll-bar-button-border-active: #3E3E42;
	--smart-scroll-bar-button-color-active: var(--smart-primary)
}
smart-accordion,
smart-alert-window,
smart-array,
smart-breadcrumb,
smart-button,
smart-calendar,
smart-card,
smart-card-view,
smart-carousel,
smart-check-box,
smart-circular-progress-bar,
smart-color-panel,
smart-color-picker,
smart-column-panel,
smart-combo-box,
smart-date-time-picker,
smart-dialog-window,
smart-docking-layout,
smart-drop-down-button,
smart-drop-down-list,
smart-filter-panel,
smart-gauge,
smart-grid,
smart-group-panel,
smart-kanban,
smart-layout,
smart-led,
smart-list-box,
smart-list-menu,
smart-masked-text-box,
smart-menu,
smart-multi-column-filter-panel,
smart-multi-split-button,
smart-multiline-prompt-window,
smart-multiline-text-box,
smart-numeric-text-box,
smart-pager,
smart-password-text-box,
smart-path,
smart-power-button,
smart-progress-bar,
smart-progress-window,
smart-prompt-window,
smart-query-builder,
smart-radio-button,
smart-repeat-button,
smart-scroll-bar,
smart-slider,
smart-sort-panel,
smart-splitter,
smart-switch-button,
smart-tabs,
smart-tabs-window,
smart-tank,
smart-text-box,
smart-time-picker,
smart-toggle-button,
smart-tooltip,
smart-tree,
smart-wait-window,
smart-window {
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block
}
.smart-element {
	outline: 0;
	box-sizing: border-box;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size);
	font-weight: var(--smart-font-weight);
	-webkit-tap-highlight-color: transparent;
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-root {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box
}
smart-alert-window[disabled],
smart-breadcrumb[disabled],
smart-button[disabled],
smart-calendar[disabled],
smart-card-view[disabled],
smart-card[disabled],
smart-check-box[disabled],
smart-chip[disabled],
smart-circular-progress-bar[disabled],
smart-color-panel[disabled],
smart-color-picker[disabled],
smart-column-panel[disabled],
smart-combo-box[disabled],
smart-date-time-picker[disabled],
smart-dialog-window[disabled],
smart-docking-layout[disabled],
smart-drop-down-button[disabled],
smart-drop-down-list[disabled],
smart-filter-panel[disabled],
smart-gantt-chart[disabled],
smart-gauge[disabled],
smart-grid[disabled],
smart-group-panel[disabled],
smart-input[disabled],
smart-kanban[disabled],
smart-layout[disabled],
smart-led[disabled],
smart-list-box[disabled],
smart-list-item[disabled],
smart-list-menu[disabled],
smart-menu-item[disabled],
smart-menu-items-group[disabled],
smart-menu[disabled],
smart-multi-column-filter-panel[disabled],
smart-multi-split-button[disabled],
smart-multiline-prompt-window[disabled],
smart-multiline-text-box[disabled],
smart-numeric-text-box[disabled],
smart-pager .smart-pager-button[disabled],
smart-pager[disabled],
smart-password-text-box[disabled],
smart-path[disabled],
smart-power-button[disabled],
smart-progress-bar[disabled],
smart-progress-window[disabled],
smart-prompt-window[disabled],
smart-query-builder[disabled],
smart-radio-button[disabled],
smart-repeat-button[disabled],
smart-scroll-bar[disabled],
smart-slider[disabled],
smart-sort-panel[disabled],
smart-splitter[disabled],
smart-switch-button[disabled],
smart-tab[disabled],
smart-tabs[disabled],
smart-tank[disabled],
smart-text-box[disabled],
smart-time-picker[disabled],
smart-toggle-button[disabled],
smart-tree-item[disabled]>.smart-tree-item-label-container,
smart-tree-items-group[disabled]>.smart-tree-item-label-container,
smart-tree[disabled],
smart-wait-window[disabled],
smart-window[disabled] {
	opacity: .55;
	cursor: default;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
smart-accordion,
smart-button,
smart-calendar,
smart-card-view,
smart-color-panel,
smart-date-time-picker,
smart-docking-layout,
smart-gantt-chart,
smart-grid,
smart-kanban,
smart-layout,
smart-list-box,
smart-list-menu,
smart-menu,
smart-multiline-text-box,
smart-pager,
smart-progress-bar,
smart-scroll-viewer,
smart-splitter,
smart-tank,
smart-text-box,
smart-time-picker,
smart-tree,
smart-window {
	border-color: var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	border-width: var(--smart-border-width);
	border-style: solid
}
smart-card-view.smart-element,
smart-color-panel.smart-element,
smart-color-picker.smart-element,
smart-combo-box.smart-element,
smart-date-time-picker.smart-element,
smart-drop-down-button.smart-element,
smart-drop-down-list.smart-element,
smart-filter-panel.smart-element,
smart-kanban.smart-element,
smart-masked-text-box.smart-element,
smart-menu.smart-element,
smart-multi-split-button.smart-element,
smart-multiline-text-box.smart-element,
smart-numeric-text-box.smart-element,
smart-pager.smart-element,
smart-password-text-box.smart-element,
smart-path.smart-element,
smart-query-builder.smart-element,
smart-slider.smart-element,
smart-switch-button.smart-element,
smart-tabs.smart-element,
smart-tank.smart-element,
smart-text-box.smart-element {
	overflow: visible
}
.smart-element input::selection,
.smart-input::selection {
	background: var(--smart-editor-selection);
	color: var(--smart-editor-selection-color)
}
.smart-accordion[disabled] smart-accordion-item .smart-accordion-item-header,
smart-accordion-item[disabled],
smart-accordion[disabled] {
	cursor: default
}
smart-accordion {
	width: var(--smart-accordion-default-width);
	height: var(--smart-accordion-default-height);
	border: 0;
	display: block
}
smart-accordion.smart-element {
	background: 0 0
}
smart-accordion:not(.smart-element) {
	visibility: hidden
}
:host .smart-ripple,
smart-accordion-item .smart-ripple {
	background-color: var(--smart-background-color);
	opacity: .5
}
.smart-accordion.smart-container,
smart-accordion>.smart-container {
	overflow: auto;
	touch-action: none
}
.smart-accordion.smart-container,
.smart-accordion[expand-mode=multiple].smart-container.smart-toggling,
smart-accordion>.smart-container,
smart-accordion[expand-mode=multiple]>.smart-container.smart-toggling {
	padding: 10px
}
smart-accordion-item {
	font-size: inherit;
	font-family: inherit;
	display: block;
	overflow: hidden;
	box-shadow: var(--smart-elevation-4);
	width: 100%;
	box-sizing: border-box;
	border: 0;
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius)
}
.smart-accordion smart-accordion-item:first-child {
	border-top-left-radius: var(--smart-first-item-border-top-left-radius, --smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-first-item-border-top-right-radius, --smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-first-item-border-bottom-left-radius, --smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-first-item-border-bottom-right-radius, --smart-item-border-bottom-right-radius)
}
.smart-accordion smart-accordion-item:last-child {
	border-top-left-radius: var(--smart-last-item-border-top-left-radius, --smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-last-item-border-top-right-radius, --smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-last-item-border-bottom-left-radius, --smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-last-item-border-bottom-right-radius, --smart-item-border-bottom-right-radius)
}
.smart-accordion smart-accordion-item[expanded]:not(:last-child) {
	margin-bottom: var(--smart-accordion-item-expanded-offset)
}
.smart-accordion smart-accordion-item[expanded]:last-child:not(:first-child) {
	margin-top: var(--smart-accordion-item-expanded-offset)
}
.smart-accordion smart-accordion-item .smart-accordion-item-content,
.smart-accordion[expand-mode=singleFitHeight] smart-accordion-item .smart-accordion-item-content {
	overflow-y: auto;
	height: var(--smart-accordion-expanded-content-height);
	padding: 0 24px;
	color: var(--smart-background-color);
	background: var(--smart-background)
}
.smart-accordion[expand-mode=multiple] smart-accordion-item .smart-accordion-item-content,
.smart-accordion[expand-mode=single] smart-accordion-item .smart-accordion-item-content,
.smart-accordion[expand-mode=toggle] smart-accordion-item .smart-accordion-item-content,
.smart-accordion[expand-mode=none] smart-accordion-item .smart-accordion-item-content {
	overflow-y: hidden;
	height: auto
}
smart-accordion-item>.smart-container {
	border-bottom: var(--smart-border-width) solid var(--smart-border)
}
smart-accordion-item:focus,
smart-accordion:focus {
	outline: 0
}
.smart-accordion smart-accordion-item[disabled] {
	opacity: 1
}
smart-accordion-item .smart-accordion-item-header {
	width: 100%;
	cursor: pointer;
	color: var(--smart-surface-color);
	background: var(--smart-surface);
	border-color: var(--smart-border);
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
	padding: 0 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative
}
smart-accordion-item[expanded] .smart-accordion-item-header {
	border-bottom: var(--smart-border-width) solid var(--smart-border)
}
.smart-accordion[expand-mode=singleFitHeight] smart-accordion-item .smart-accordion-item-header,
smart-accordion-item .smart-accordion-item-header {
	height: var(--smart-accordion-item-header-height)
}
smart-accordion-item[hover] .smart-accordion-item-header {
	color: var(--smart-ui-state-color-hover);
	background: var(--smart-ui-state-hover);
	border-color: vaR(--smart-ui-state-border-hover)
}
smart-accordion-item[expanded] .smart-accordion-item-header,
smart-accordion-item[focused] .smart-accordion-item-header {
	color: var(--smart-ui-state-color-focus);
	background: var(--smart-ui-state-focus);
	border-color: vaR(--smart-ui-state-border-focus)
}
smart-accordion-item[dragged] {
	user-select: none;
	cursor: move
}
smart-accordion-item[dragged] .smart-accordion-item-header {
	cursor: move
}
smart-accordion-item[disabled] .smart-accordion-item-header {
	cursor: initial
}
smart-accordion-item .smart-accordion-item-content {
	width: 100%;
	box-sizing: border-box;
	display: none
}
smart-accordion-item .smart-content-container {
	width: 100%;
	box-sizing: border-box;
	min-height: 5px;
	padding: 10px;
	height: 100%
}
smart-accordion-item[expanded] .smart-accordion-item-content {
	display: block
}
smart-accordion-item .smart-accordion-item-header>.smart-arrow {
	width: var(--smart-editor-addon-width);
	display: flex;
	justify-content: center;
	align-items: center;
	order: 2
}
smart-accordion-item[focused] .smart-accordion-item-header>.smart-arrow {
	opacity: .6
}
smart-accordion-item .smart-accordion-item-header>.smart-label {
	margin-left: 5px;
	width: calc(100% - var(--smart-editor-addon-width))
}
smart-accordion-item .smart-accordion-item-header>.smart-arrow:after {
	vertical-align: middle;
	content: var(--smart-icon-arrow-up-alt);
	transform: rotate(180deg);
	width: var(--smart-editor-addon-width);
	height: 100%;
	margin-left: 2px;
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--smart-ui-state);
	transform-origin: center
}
.smart-accordion:not([animation=none]) smart-accordion-item .smart-accordion-item-header>.smart-arrow.smart-animate-trigger:after {
	transition: transform .2s ease-out
}
smart-accordion-item[expanded] .smart-accordion-item-header>.smart-arrow:after {
	transform: rotate(0);
	transform-origin: center
}
.smart-accordion.smart-no-arrow .smart-accordion-item-header>.smart-arrow,
.smart-accordion.smart-no-arrow .smart-accordion-item-header>.smart-arrow:after {
	visibility: hidden;
	width: 0
}
.smart-accordion.smart-arrow-right smart-accordion-item .smart-accordion-item-header>.smart-arrow {
	float: right
}
.smart-accordion.smart-arrow-right smart-accordion-item .smart-accordion-item-header>.smart-arrow:after {
	content: var(--smart-icon-arrow-right)
}
.smart-accordion.smart-arrow-right smart-accordion-item[expanded] .smart-accordion-item-header>.smart-arrow:after {
	content: var(--smart-icon-arrow-up-alt)
}
.smart-accordion:not([animation=none]) {
	animation-duration: var(--smart-accordion-animation-duration)
}
.smart-accordion:not([animation=none]) * {
	animation-duration: inherit
}
.smart-accordion:not([animation=none]) smart-accordion-item.smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=singleFitHeight] smart-accordion-item.smart-toggled-item .smart-accordion-item-content {
	animation: smart-accordion-item-expand-animation-default-mode ease-out;
	animation-direction: reverse;
	display: block;
	animation-duration: inherit;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}
.smart-accordion:not([animation=none]) smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=singleFitHeight].smart-toggled-item smart-accordion-item[expanded] .smart-accordion-item-content {
	animation: smart-accordion-item-expand-animation-default-mode ease-in;
	animation-duration: inherit;
	animation-iteration-count: 1
}
.smart-accordion:not([animation=none])[expand-mode=multiple] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=single] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=toggle] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=none] smart-accordion-item.smart-toggled-item .smart-accordion-item-content {
	animation: smart-accordion-item-expand-animation ease-out;
	animation-direction: reverse;
	display: block;
	animation-duration: inherit;
	animation-iteration-count: 1
}
.smart-accordion:not([animation=none])[expand-mode=multiple] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=single] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=toggle] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,
.smart-accordion:not([animation=none])[expand-mode=none] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content {
	animation: smart-accordion-item-expand-animation ease-in;
	animation-duration: inherit;
	animation-iteration-count: 1
}
.smart-accordion:not([animation=none]) .smart-toggled-item .smart-accordion-item-content {
	overflow: hidden
}
@keyframes smart-accordion-item-expand-animation-default-mode {
	0% {
		height: 0
	}
	100% {
		height: var(--smart-accordion-expanded-content-height)
	}
}
@keyframes smart-accordion-item-expand-animation {
	0% {
		height: 0
	}
	100% {
		height: var(--smart-accordion-expanded-content-local-height)
	}
}
.smart-accordion .smart-reordering * {
	user-select: none;
	cursor: move
}
.smart-accordion .smart-empty:after {
	content: "No accordion items.";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%
}
.smart-accordion[right-to-left]>.smart-container {
	direction: rtl
}
smart-array {
	width: var(--smart-array-default-width);
	height: var(--smart-array-default-height);
	display: block;
	overflow: visible
}
smart-array .smart-big-container,
smart-array>.smart-container {
	display: flex
}
smart-array .smart-array-indexer {
	display: block;
	margin-bottom: 2px;
	width: 100%
}
smart-array .smart-big-container {
	background-color: var(--smart-background)
}
smart-array[show-index-display] .smart-big-container {
	margin-left: 2px
}
smart-array .smart-main-container,
smart-array .smart-scrollbar-container-horizontal {
	width: 100%
}
smart-array .smart-array-element-gap {
	border-spacing: 0
}
smart-array .smart-array-table-data {
	border: 2px solid transparent;
	padding: 0;
	min-width: 0;
	background-color: transparent;
	white-space: nowrap
}
smart-array .smart-array-table-data-gap {
	border-width: var(--smart-array-element-gap);
	padding: var(--smart-array-element-gap)
}
smart-array .smart-scrollbar-container-horizontal {
	height: 20px
}
smart-array .smart-scrollbar-container-vertical {
	width: 20px
}
smart-array .smart-scrollbar-container-horizontal>smart-scroll-bar,
smart-array .smart-scrollbar-container-vertical>smart-scroll-bar {
	width: 100%;
	height: 100%
}
smart-array .smart-array-element {
	position: relative
}
smart-array .smart-array-element-selected {
	border-color: #00f
}
smart-array .smart-array-element-empty {
	border-color: #999;
	color: #999;
	opacity: .7
}
smart-array .smart-array-element>smart-check-box,
smart-array .smart-array-element>smart-led,
smart-array .smart-array-element>smart-numeric-text-box,
smart-array .smart-array-element>smart-power-button,
smart-array .smart-array-element>smart-radio-button,
smart-array .smart-array-element>smart-switch-button,
smart-array .smart-array-element>smart-toggle-button,
smart-array smart-switch-button.smart-array-element,
smart-array smart-text-box.smart-array-element {
	display: block
}
smart-array .smart-array-element>smart-check-box {
	padding: 0
}
.smart-badge {
	display: inline-block;
	padding: .25em .4em;
	font-weight: 700;
	line-height: 1
}
.smart-badge.smart-badge-dark {
	color: #fff;
	background-color: #333
}
.smart-badge.smart-badge-primary {
	color: var(--smart-primary-color);
	background-color: var(--smart-primary)
}
.smart-badge.smart-badge-info {
	color: var(--smart-secondary-color);
	background-color: var(--smart-secondary)
}
.smart-badge.smart-badge-success {
	color: var(--smart-success-color);
	background-color: var(--smart-success)
}
.smart-badge.smart-badge-danger {
	color: var(--smart-error-color);
	background-color: var(--smart-error)
}
.smart-badge.smart-badge-warning {
	color: #fff;
	background-color: #C75200
}
.smart-badge.smart-badge-pill {
	border-radius: 10rem
}
.smart-badge[right-to-left] {
	direction: rtl
}
.smart-breadcrumb-feedback,
.smart-breadcrumb-feedback *,
smart-breadcrumb {
	box-sizing: border-box
}
smart-breadcrumb {
	display: block;
	width: var(--smart-breadcrumb-default-width);
	min-width: calc(2 * var(--smart-breadcrumb-padding) + 2 * var(--smart-border-width) + 40px);
	height: var(--smart-breadcrumb-default-height);
	border: var(--smart-border-width) solid var(--smart-border);
	padding: var(--smart-breadcrumb-padding);
	padding-top: 0;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
smart-breadcrumb .smart-template-container {
	height: auto
}
smart-breadcrumb .smart-breadcrumb-items {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}
.smart-breadcrumb-feedback,
smart-breadcrumb .smart-breadcrumb-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	border: var(--smart-border-width) solid var(--smart-border);
	margin-right: var(--smart-breadcrumb-horizontal-offset);
	margin-top: var(--smart-breadcrumb-padding);
	width: auto;
	height: var(--smart-breadcrumb-item-height);
	padding: 5px;
	background-color: var(--smart-primary);
	color: var(--smart-primary-color)
}
smart-breadcrumb .smart-breadcrumb-item:not(:last-child):after {
	position: absolute;
	width: var(--smart-breadcrumb-horizontal-offset);
	height: 2px;
	background-color: var(--smart-border);
	left: calc(100% + var(--smart-border-width));
	top: 50%;
	content: ''
}
smart-breadcrumb .smart-breadcrumb-items>.afterTarget:last-child:after,
smart-breadcrumb .smart-breadcrumb-items>.target:before {
	position: absolute;
	width: 2px;
	height: 100%;
	background-color: var(--smart-success);
	left: calc(-1 * var(--smart-breadcrumb-horizontal-offset)/ 2 - 2px);
	content: ''
}
smart-breadcrumb .smart-breadcrumb-items>.afterTarget:last-child:after {
	left: calc(100% + var(--smart-breadcrumb-horizontal-offset)/ 2)
}
smart-breadcrumb[allow-drag] .smart-breadcrumb-item {
	cursor: pointer;
	touch-action: none
}
smart-breadcrumb .smart-breadcrumb-item-label,
smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button>button {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
smart-breadcrumb .smart-breadcrumb-item>.smart-close-button {
	display: none;
	margin-left: 10px;
	margin-right: 5px;
	width: 1em;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	font-family: smart-icons
}
smart-breadcrumb .smart-breadcrumb-item>.smart-close-button::after {
	content: var(--smart-icon-close)
}
smart-breadcrumb[close-buttons] .smart-breadcrumb-item>.smart-close-button {
	display: block
}
smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button {
	--smart-button-padding: 0;
	position: relative;
	margin-right: var(--smart-breadcrumb-horizontal-offset);
	margin-top: var(--smart-breadcrumb-padding);
	border: var(--smart-border-width) solid var(--smart-border);
	border-radius: initial;
	width: var(--smart-breadcrumb-item-height);
	height: var(--smart-breadcrumb-item-height);
	text-align: center;
	font-size: 25px;
	overflow: visible
}
smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button>button {
	overflow: hidden
}
.smart-breadcrumb-feedback {
	opacity: .8;
	position: absolute;
	display: inline-flex;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size);
	z-index: 999
}
.smart-breadcrumb-feedback:after {
	margin-left: 10px;
	content: var(--smart-icon-check);
	font-family: smart-icons;
	font-size: 14px;
	width: 1.5em;
	border-radius: 100%;
	height: 1.5em;
	background-color: var(--smart-success);
	color: var(--smart-success-color);
	display: flex;
	align-items: center;
	justify-content: center
}
.smart-breadcrumb-feedback.error:after {
	background-color: var(--smart-error);
	color: var(--smart-error-color);
	content: var(--smart-icon-attention-circled)
}
smart-breadcrumb[minimized] {
	padding: 0;
	overflow: visible
}
smart-breadcrumb[minimized] .smart-container {
	display: flex;
	align-items: center;
	position: relative;
	padding: var(--smart-breadcrumb-padding)
}
smart-breadcrumb[minimized] .smart-template-container {
	position: absolute;
	left: calc(-1 * var(--smart-border-width));
	top: calc(100% + 2px + var(--smart-border-width));
	margin: calc(var(--smart-drop-down-vertical-offset) + var(--smart-drop-down-element-padding-size)) 0;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	padding: var(--smart-drop-down-element-padding-size);
	width: var(--smart-breadcrumb-drop-down-width);
	background-color: var(--smart-background);
	box-shadow: var(--smart-elevation-8);
	z-index: 1
}
smart-breadcrumb[minimized][animation=none] .smart-template-container.smart-visibility-hidden {
	display: none
}
smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container.smart-visibility-hidden {
	opacity: .2;
	transform: scaleY(0)
}
smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: opacity .2s ease-in, visibility .2s ease-in, transform .2s ease-in
}
smart-breadcrumb[minimized] .smart-breadcrumb-item {
	width: 100%;
	margin: 0;
	justify-content: space-between
}
smart-breadcrumb[minimized] .smart-breadcrumb-item:not(:last-child):after {
	content: none
}
smart-breadcrumb[minimized] .smart-breadcrumb-items>smart-button {
	width: 100%;
	margin: 0
}
smart-breadcrumb[minimized] .smart-breadcrumb-items>smart-button>button {
	padding: 0;
	justify-content: center
}
smart-breadcrumb[minimized] .smart-breadcrumb-items>.afterTarget:last-child:after,
smart-breadcrumb[minimized] .smart-breadcrumb-items>.target:before {
	width: 100%;
	height: 4px;
	left: 0;
	top: calc(-3px)
}
smart-breadcrumb[minimized] .smart-breadcrumb-items>.afterTarget:last-child:after {
	top: 100%
}
smart-breadcrumb[minimized] .smart-hamburger-icon {
	width: 40px;
	height: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: none;
	cursor: pointer
}
smart-breadcrumb .smart-hamburger-icon-line {
	margin-bottom: 5px;
	border-radius: 10px;
	width: 30px;
	height: 5px;
	background-color: var(--smart-primary);
	transform-origin: left
}
smart-breadcrumb:not([animation=none]) .smart-hamburger-icon-line {
	transition: visibility 20ms ease-in, transform .2s ease-in, width .2s ease-in
}
smart-breadcrumb .smart-hamburger-icon-line-bottom {
	margin-bottom: 0
}
smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-top {
	width: 29px;
	transform: translateX(4px) rotate(45deg)
}
smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-center {
	visibility: hidden
}
smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-bottom {
	width: 29px;
	transform: translateX(4px) rotate(-45deg)
}
smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container.smart-visibility-hidden.not-in-view {
	left: -9999px;
	top: -9999px;
	transition: none
}
.smart-breadcrumb-feedback[right-to-left],
smart-breadcrumb[right-to-left]>.smart-container {
	direction: rtl
}
smart-breadcrumb[right-to-left] .smart-breadcrumb-item:not(:last-child):after {
	left: calc(-1 * var(--smart-breadcrumb-horizontal-offset))
}
.smart-breadcrumb-feedback[right-to-left],
smart-breadcrumb[right-to-left]:not([minimized]) .smart-breadcrumb-item,
smart-breadcrumb[right-to-left][add-new-item]:not([minimized]) .smart-breadcrumb-items>smart-button {
	margin-left: var(--smart-breadcrumb-horizontal-offset);
	margin-right: initial
}
.smart-breadcrumb-feedback[right-to-left]:after {
	margin-left: initial;
	margin-right: var(--smart-breadcrumb-horizontal-offset)
}
smart-breadcrumb[right-to-left] .smart-breadcrumb-items>.afterTarget:first-child:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 100%;
	top: 0;
	left: calc(100% + var(--smart-breadcrumb-horizontal-offset)/ 2);
	background-color: var(--smart-success)
}
smart-button,
smart-repeat-button,
smart-toggle-button {
	--smart-button-flat-color: var(--smart-background-color);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-transform: var(--smart-button-text-transform);
	font-weight: 500;
	letter-spacing: .08929em;
	overflow: hidden;
	border-color: var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	border-width: var(--smart-border-width);
	border-style: solid
}
smart-button.smart-element,
smart-repeat-button.smart-element,
smart-toggle-button.smart-element {
	display: inline-flex
}
smart-button.primary,
smart-repeat-button.primary,
smart-toggle-button.primary {
	--smart-button-opacity-hover: 0.75;
	--smart-button-opacity-focus: 0.7;
	--smart-button-opacity-active: 0.65;
	--smart-background: var(--smart-primary);
	--smart-border: var(--smart-primary);
	--smart-background-color: var(--smart-primary-color);
	--smart-ui-state-hover: var(--smart-primary);
	--smart-ui-state-color-hover: var(--smart-primary-color);
	--smart-ui-state-active: var(--smart-primary);
	--smart-ui-state-color-active: var(--smart-primary-color);
	--smart-ui-state-focus: var(--smart-primary);
	--smart-ui-state-color-focus: var(--smart-primary-color);
	--smart-button-flat-color: var(--smart-primary);
	--smart-button-outlined-color: var(--smart-primary);
	--smart-button-outlined-border: var(--smart-primary)
}
smart-button.secondary,
smart-repeat-button.secondary,
smart-toggle-button.secondary {
	--smart-button-opacity-hover: 0.75;
	--smart-button-opacity-focus: 0.7;
	--smart-button-opacity-active: 0.65;
	--smart-background: var(--smart-secondary);
	--smart-border: var(--smart-secondary);
	--smart-background-color: var(--smart-secondary-color);
	--smart-ui-state-hover: var(--smart-secondary);
	--smart-ui-state-color-hover: var(--smart-secondary-color);
	--smart-ui-state-active: var(--smart-secondary);
	--smart-ui-state-color-active: var(--smart-secondary-color);
	--smart-ui-state-focus: var(--smart-secondary);
	--smart-ui-state-color-focus: var(--smart-secondary-color);
	--smart-button-flat-color: var(--smart-secondary);
	--smart-button-outlined-color: var(--smart-secondary);
	--smart-button-outlined-border: var(--smart-secondary)
}
smart-button.error,
smart-repeat-button.error,
smart-toggle-button.error {
	--smart-button-opacity-hover: 0.75;
	--smart-button-opacity-focus: 0.7;
	--smart-button-opacity-active: 0.65;
	--smart-background: var(--smart-error);
	--smart-border: var(--smart-error);
	--smart-background-color: var(--smart-error-color);
	--smart-ui-state-hover: var(--smart-error);
	--smart-ui-state-color-hover: var(--smart-error-color);
	--smart-ui-state-active: var(--smart-error);
	--smart-ui-state-color-active: var(--smart-error-color);
	--smart-ui-state-focus: var(--smart-error);
	--smart-ui-state-color-focus: var(--smart-error-color);
	--smart-button-flat-color: var(--smart-error);
	--smart-button-outlined-color: var(--smart-error);
	--smart-button-outlined-border: var(--smart-error)
}
smart-button.success,
smart-repeat-button.success,
smart-toggle-button.success {
	--smart-button-opacity-hover: 0.75;
	--smart-button-opacity-focus: 0.7;
	--smart-button-opacity-active: 0.65;
	--smart-background: var(--smart-success);
	--smart-border: var(--smart-success);
	--smart-background-color: var(--smart-success-color);
	--smart-ui-state-hover: var(--smart-success);
	--smart-ui-state-border-hover: var(--smart-success);
	--smart-ui-state-color-hover: var(--smart-success-color);
	--smart-ui-state-active: var(--smart-success);
	--smart-ui-state-color-active: var(--smart-success-color);
	--smart-ui-state-focus: var(--smart-success);
	--smart-ui-state-border-focus: var(--smart-success);
	--smart-ui-state-color-focus: var(--smart-success-color);
	--smart-button-flat-color: var(--smart-success);
	--smart-button-outlined-color: var(--smart-success);
	--smart-button-outlined-border: var(--smart-success)
}
button.smart-button .smart-ripple {
	background-color: var(--smart-background-color);
	opacity: .5
}
button.smart-button {
	position: relative;
	padding: var(--smart-button-padding);
	text-align: inherit;
	vertical-align: inherit;
	cursor: inherit;
	text-transform: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	background: inherit;
	color: inherit;
	border-radius: 0;
	border: none;
	-webkit-font-smoothing: antialiased;
	opacity: var(--smart-button-opacity);
	white-space: nowrap;
	line-height: 1.2
}
.smart-scroll-button .smart-button {
	padding: 0
}
button.smart-button.large,
smart-button.large button,
smart-repeat-button.large button,
smart-toggle-button.large button {
	padding: var(--smart-button-large-padding);
	font-size: var(--smart-button-large-font-size);
	line-height: 1.3333333;
	min-height: initial
}
button.smart-button.small,
smart-button.small button,
smart-repeat-button.small button,
smart-toggle-button.small button {
	padding: var(--smart-button-small-padding);
	font-size: var(--smart-button-small-font-size);
	min-height: initial;
	line-height: 1.5
}
button.smart-button.very-small,
smart-button.very-small button,
smart-repeat-button.very-small button,
smart-toggle-button.very-small button {
	padding: var(--smart-button-very-small-padding);
	font-size: var(--smart-button-very-small-font-size);
	line-height: 1.5;
	min-height: initial
}
smart-button[hover],
smart-repeat-button[hover],
smart-toggle-button[hover] {
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-hover);
	background-color: var(--smart-ui-state-hover);
	transition: background-color .1s linear, box-shadow 280ms ease-in-out;
	opacity: var(--smart-button-opacity-hover)
}
smart-button[active],
smart-repeat-button[active],
smart-toggle-button[active] {
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-active);
	background-color: var(--smart-ui-state-active);
	transition: background-color .1s linear, box-shadow 280ms ease-in-out;
	opacity: var(--smart-button-opacity-active)
}
[smart-toggle-button][checked],
smart-toggle-button[checked] {
	color: var(--smart-ui-state-color-selected);
	border-color: var(--smart-ui-state-selected);
	background-color: var(--smart-ui-state-selected)
}
smart-button[focus],
smart-repeat-button[focus],
smart-toggle-button[focus] {
	color: var(--smart-ui-state-color-focus);
	border-color: var(--smart-ui-state-focus);
	background-color: var(--smart-ui-state-focus);
	opacity: var(--smart-button-opacity-focus)
}
:host(.smart-button.flat) .smart-ripple,
smart-button.flat .smart-ripple,
smart-repeat-button.flat .smart-ripple,
smart-toggle-button.flat .smart-ripple {
	background-color: var(--smart-button-flat-color)
}
smart-button.flat,
smart-button.flat[active],
smart-button.flat[hover],
smart-repeat-button.flat,
smart-repeat-button.flat[active],
smart-repeat-button.flat[hover],
smart-toggle-button.flat,
smart-toggle-button.flat[active],
smart-toggle-button.flat[hover] {
	color: var(--smart-button-flat-color);
	background: 0 0;
	border-color: transparent
}
smart-button.outlined,
smart-button.outlined[active],
smart-button.outlined[hover],
smart-repeat-button.outlined,
smart-repeat-button.outlined[active],
smart-repeat-button.outlined[hover],
smart-toggle-button.outlined,
smart-toggle-button.outlined[active],
smart-toggle-button.outlined[hover] {
	color: var(--smart-button-outlined-color);
	border-color: var(--smart-button-outlined-border);
	background: 0 0
}
smart-button.flat[focus],
smart-repeat-button.flat[focus],
smart-toggle-button.flat[focus] {
	border-color: var(--smart-ui-state-focus)
}
smart-toggle-button.flat[checked] {
	text-decoration: underline;
	background: var(--smart-ui-state-active)
}
:host(.smart-button.outlined) .smart-ripple,
smart-button.outlined .smart-ripple,
smart-repeat-button.outlined .smart-ripple,
smart-toggle-button.outlined .smart-ripple {
	background-color: var(--smart-button-outlined-color)
}
smart-button.outlined,
smart-repeat-button.outlined,
smart-toggle-button.outlined {
	border-width: calc(2 * var(--smart-border-width))
}
smart-button.outlined[focus],
smart-repeat-button.outlined[focus],
smart-toggle-button.outlined[focus] {
	color: var(--smart-button-outlined-color);
	border-color: var(--smart-ui-state-focus);
	background: 0 0
}
smart-toggle-button.outlined[checked] {
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-active);
	background: var(--smart-ui-state-active)
}
smart-button.raised,
smart-repeat-button.raised,
smart-toggle-button.raised {
	box-shadow: var(--smart-elevation-2);
	transition: background-color .1s linear, box-shadow 280ms ease-in-out
}
smart-button.raised[hover],
smart-repeat-button.raised[hover],
smart-toggle-button.raised[hover] {
	box-shadow: var(--smart-elevation-4)
}
smart-button.raised button[active],
smart-repeat-button.raised[active],
smart-toggle-button.raised[active],
smart-toggle-button.raised[checked] {
	box-shadow: var(--smart-elevation-8)
}
smart-button.raised[focus],
smart-repeat-button.raised[focus],
smart-toggle-button.raised[focus]:not([checked]) {
	box-shadow: var(--smart-elevation-6)
}
smart-button.floating,
smart-repeat-button.floating,
smart-toggle-button.floating {
	border-radius: 50%;
	width: 48px;
	height: 48px;
	box-shadow: var(--smart-elevation-4);
	transition: background-color .1s linear, box-shadow 280ms ease-in-out
}
smart-button.floating[hover],
smart-repeat-button.floating[hover],
smart-toggle-button.floating[hover] {
	box-shadow: var(--smart-elevation-6)
}
smart-button.floating[active],
smart-repeat-button.floating[active],
smart-toggle-button.floating[active],
smart-toggle-button.floating[checked] {
	box-shadow: var(--smart-elevation-12)
}
smart-button.floating[focus],
smart-repeat-button.floating[focus],
smart-toggle-button.floating[focus]:not([checked]) {
	box-shadow: var(--smart-elevation-6)
}
smart-button[disabled],
smart-repeat-button[disabled],
smart-toggle-button[disabled] {
	color: var(--smart-disabled-color);
	border-color: var(--smart-disabled);
	background-color: var(--smart-disabled);
	cursor: default
}
[smart-toggle-button] .smart-container,
smart-toggle-button .smart-container {
	font-weight: inherit;
	font-style: inherit
}
smart-button button::-moz-focus-inner,
smart-repeat-button button::-moz-focus-inner,
smart-toggle-button button::-moz-focus-inner {
	border: 0
}
smart-button[right-to-left],
smart-repeat-button[right-to-left],
smart-toggle-button[right-to-left] {
	direction: rtl
}
smart-calendar smart-drop-down-list {
	--smart-drop-down-list-default-min-height: initial
}
smart-calendar input {
	background: inherit;
	color: inherit
}
smart-calendar>.smart-container {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}
smart-calendar,
smart-calendar[months="1"] {
	width: var(--smart-calendar-default-width);
	height: var(--smart-calendar-default-height);
	min-width: var(--smart-calendar-default-width);
	min-height: var(--smart-calendar-default-height)
}
smart-calendar[months]:not([months="1"]) {
	width: calc(2 * var(--smart-calendar-default-width) + var(--smart-calendar-cell-size));
	height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height))
}
smart-calendar[months="3"],
smart-calendar[months="4"] {
	--smart-calendar-default-height: calc(2 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
}
smart-calendar[months="5"],
smart-calendar[months="6"] {
	--smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
}
smart-calendar[months="7"],
smart-calendar[months="8"] {
	--smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
}
smart-calendar[months="9"],
smart-calendar[months="10"] {
	--smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
}
smart-calendar[months="12"],
smart-calendar[months="11"] {
	--smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
}
smart-calendar[months] .smart-calendar-month {
	width: 50%
}
smart-calendar[months="1"] .smart-calendar-month {
	width: 100%;
	font-size: 100%
}
@media only screen and (max-width: 768px) {
	smart-calendar[months] .smart-calendar-month {
		width: 100%
	}
	smart-calendar[months="2"] {
		height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height))
	}
	smart-calendar[months="3"] {
		--smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="4"] {
		--smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="5"] {
		--smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="6"] {
		--smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="7"] {
		--smart-calendar-default-height: calc(7 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="8"] {
		--smart-calendar-default-height: calc(8 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="9"] {
		--smart-calendar-default-height: calc(9 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="10"] {
		--smart-calendar-default-height: calc(10 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="11"] {
		--smart-calendar-default-height: calc(11 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
	smart-calendar[months="12"] {
		--smart-calendar-default-height: calc(12 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)))
	}
}
.smart-calendar.smart-container,
.smart-calendar[view=portrait].smart-container,
smart-calendar>.smart-container,
smart-calendar[view=portrait]>.smart-container {
	display: flex;
	justify-content: center;
	flex-direction: column
}
.smart-calendar[view=landscape].smart-container,
smart-calendar[view=landscape]>.smart-container {
	flex-direction: row
}
.smart-calendar .smart-calendar-container {
	width: 100%;
	height: 100%;
	border: initial;
	padding: 0
}
smart-calendar[view-sections*=footer] {
	--smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height))
}
smart-calendar[view-sections*=title] {
	--smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))
}
smart-calendar[view-sections*=title][view-sections*=footer] {
	--smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height))
}
smart-calendar[view=landscape] {
	--smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
	--smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))
}
smart-calendar[view=landscape][view-sections*=footer] {
	--smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height))
}
smart-calendar[week-numbers] {
	--smart-calendar-default-width: calc(var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)))
}
smart-calendar[week-numbers][view-sections*=title][view=landscape] {
	--smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)))
}
smart-calendar[view-sections*=title] .smart-calendar-container {
	width: 100%;
	height: calc(100% - calc(var(--smart-calendar-title-height)))
}
smart-calendar[view=landscape] .smart-calendar-container {
	height: 100%
}
.smart-calendar .smart-calendar-title {
	width: 100%;
	padding: var(--smart-calendar-title-padding);
	font-size: inherit;
	font-family: inherit;
	background: var(--smart-primary);
	border: none;
	color: var(--smart-primary-color);
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-transform: var(--smart-calendar-title-text-transform);
	height: calc(var(--smart-calendar-title-height))
}
.smart-calendar .smart-calendar-title.smart-hidden {
	display: none
}
.smart-calendar[view=landscape] .smart-calendar-title {
	width: calc(var(--smart-calendar-title-height));
	justify-content: flex-start;
	height: 100%
}
.smart-calendar[view=landscape] .smart-calendar-container {
	width: calc(100% - calc(var(--smart-calendar-title-height)))
}
.smart-calendar .smart-calendar-title div:first-of-type {
	font-size: 70%
}
.smart-calendar .smart-calendar-title .smart-calendar-selected {
	opacity: 1
}
.smart-calendar .smart-calendar-title div {
	position: relative;
	opacity: .5;
	font-size: 125%;
	cursor: pointer;
	display: table;
	border: 1px solid transparent
}
.smart-calendar .smart-calendar-year-element,
.smart-calendar smart-tooltip .smart-tooltip-content {
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius)
}
.smart-calendar[calendar-mode=classic] .smart-calendar-title div {
	cursor: initial
}
.smart-calendar .smart-calendar-week-number,
.smart-calendar .smart-calendar-week-titles div:first-child {
	display: none;
	margin: auto
}
.smart-calendar[week-numbers] .smart-calendar-week-number,
.smart-calendar[week-numbers] .smart-calendar-week-titles div:first-child {
	display: initial
}
.smart-calendar .smart-calendar-year-element {
	outline: 0;
	width: 25%;
	height: 80%;
	margin-left: 5%;
	padding: 2px;
	text-align: center;
	font-size: inherit;
	border-style: solid;
	border-width: 1px;
	border-color: var(--smart-border);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: var(--smart-background)
}
.smart-calendar .smart-calendar-footer,
.smart-calendar .smart-calendar-header {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	border: var(--smart-border-width) solid var(--smart-border);
	height: var(--smart-calendar-header-height);
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	box-sizing: border-box;
	width: 100%;
	outline: initial
}
.smart-calendar .smart-calendar-header {
	text-transform: var(--smart-calendar-header-text-transform)
}
.smart-calendar .smart-calendar-footer {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	text-transform: var(--smart-calendar-footer-text-transform);
	height: var(--smart-calendar-footer-height)
}
.smart-calendar .smart-calendar-footer.smart-hidden {
	display: none
}
.smart-calendar .smart-calendar-container>.smart-calendar-body {
	position: relative;
	width: 96%;
	height: calc(100% - var(--smart-calendar-header-height));
	display: flex;
	padding: 2px;
	padding-left: initial;
	padding-right: initial;
	margin-left: 2%;
	margin-right: 2%;
	cursor: default;
	overflow: hidden;
	outline: initial;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	touch-action: none
}
.smart-calendar[display-mode-view=list][display-mode=year] .smart-calendar-container>.smart-calendar-body,
.smart-calendar[display-mode-view=list][display-mode=decade] .smart-calendar-container>.smart-calendar-body {
	touch-action: auto
}
.smart-calendar[view-sections*=footer][view-sections*=header] .smart-calendar-container>.smart-calendar-body {
	height: calc(100% - var(--smart-calendar-header-height) - var(--smart-calendar-footer-height))
}
.smart-calendar .smart-calendar-list-view {
	width: 100%;
	height: 100%;
	border: initial;
	position: absolute;
	color: inherit;
	text-align: center
}
.smart-calendar .smart-calendar-list-view smart-list-item .smart-content {
	align-items: center
}
.smart-calendar .smart-calendar-month {
	flex-direction: column;
	max-width: var(--smart-calendar-default-width);
	margin: auto
}
.smart-calendar .smart-calendar-month,
.smart-calendar .smart-calendar-month-separator,
.smart-calendar .smart-calendar-week,
.smart-calendar .smart-calendar-week-titles {
	display: flex;
	overflow: hidden;
	text-align: center;
	justify-content: center
}
.smart-calendar .smart-calendar-week.smart-hidden {
	display: none
}
.smart-calendar .smart-calendar-week .smart-calendar-cell[selected],
.smart-calendar .smart-calendar-week .smart-calendar-cell[selected][hover] {
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	border-color: var(--smart-primary)
}
.smart-calendar .smart-calendar-week .smart-calendar-cell[today],
.smart-calendar .smart-calendar-week .smart-calendar-cell[today][hover] {
	background: var(--smart-secondary);
	color: var(--smart-secondary-color);
	border-color: var(--smart-secondary)
}
.smart-calendar .smart-calendar-week .smart-calendar-cell[selected][today] {
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	border-color: var(--smart-primary)
}
.smart-calendar .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell:focus,
.smart-calendar .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell[focus],
.smart-calendar .smart-calendar-week .smart-calendar-cell:focus:not([selected]),
.smart-calendar .smart-calendar-week .smart-calendar-cell[focus]:not([selected]) {
	background-color: var(--smart-background);
	color: var(--smart-primary);
	border-color: var(--smart-primary)
}
.smart-calendar .smart-calendar-cell[other-month] {
	background: var(--smart-background);
	color: var(--smart-background-color);
	border-color: var(--smart-border);
	opacity: .5
}
.smart-calendar .smart-calendar-week .smart-calendar-cell,
.smart-calendar .smart-calendar-week .smart-calendar-week-number,
.smart-calendar .smart-calendar-week-titles .smart-calendar-week-title {
	text-overflow: ellipsis;
	overflow: hidden;
	border: 1px solid transparent;
	padding: 0;
	border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
	border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
	border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
	width: var(--smart-calendar-cell-size);
	height: var(--smart-calendar-cell-size);
	line-height: calc(var(--smart-calendar-cell-size) - 2px);
	margin-right: var(--smart-calendar-cell-spacing);
	margin-bottom: var(--smart-calendar-cell-spacing);
	position: relative
}
.smart-calendar .smart-calendar-week .smart-calendar-week-number {
	margin: 0
}
.smart-calendar .smart-calendar-week-titles .smart-calendar-week-title {
	text-transform: var(--smart-calendar-week-title-text-transform)
}
.smart-calendar .smart-calendar-date-element .smart-ripple {
	background-color: var(--smart-button-color);
	opacity: .2
}
.smart-calendar .smart-calendar-week .smart-calendar-cell .smart-ripple {
	background-color: var(--smart-primary-color);
	opacity: .5
}
.smart-calendar .smart-calendar-week div[restricted] {
	cursor: not-allowed;
	opacity: .55;
	text-decoration: line-through
}
.smart-calendar .smart-calendar-week div[hover]:not([restricted]) {
	background-color: var(--smart-background-hover);
	color: var(--smart-background-color-hover);
	border-color: var(--smart-border-hover)
}
.smart-calendar .smart-calendar-week div[important] {
	background-color: var(--smart-background-active);
	color: var(--smart-background-color-active);
	border-color: var(--smart-border-active)
}
.smart-calendar[months] .smart-calendar-month-name {
	display: initial
}
.smart-calendar .smart-calendar-month-name,
.smart-calendar[animation=none] .smart-calendar-body .smart-calendar-month-separator,
.smart-calendar[animation=none] .smart-calendar-body .smart-calendar-next-months-container,
.smart-calendar[months="1"] .smart-calendar-month-name {
	display: none
}
.smart-calendar .smart-calendar-date-element {
	cursor: default;
	align-items: center;
	border: 1px solid transparent
}
.smart-calendar[calendar-mode=classic] .smart-calendar-date-element {
	align-items: initial;
	overflow: initial
}
.smart-calendar .smart-calendar-month-separator {
	width: 50%;
	order: 2
}
.smart-calendar .smart-calendar-months-container,
.smart-calendar[scroll-buttons-position=far] .smart-calendar-date-element,
.smart-calendar[scroll-buttons-position=near] .smart-calendar-button[prev-month] {
	order: 1
}
.smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-month-separator {
	width: 100%;
	height: 50%
}
.smart-calendar[hide-other-month-days] .smart-calendar-cell[other-month] {
	visibility: hidden
}
.smart-calendar .smart-calendar-button[next-month],
.smart-calendar .smart-calendar-button[prev-month] {
	width: 10%;
	min-width: 30px;
	height: 100%;
	position: relative;
	font-size: initial;
	display: inline-block;
	font-weight: inherit;
	font-family: var(--smart-font-family-icon);
	border-radius: 100%;
	background: 0 0;
	border: none;
	color: inherit
}
.smart-calendar .smart-calendar-button[prev-month] .smart-arrow-left {
	top: -1px
}
.smart-calendar[next-month][focus] button,
.smart-calendar[next-year][focus] button,
.smart-calendar[prev-month][focus] button,
.smart-calendar[prev-year][focus] button {
	border: 1px solid var(--smart-border-focus);
	background-color: var(--smart-background-focus);
	outline: 0
}
.smart-calendar .smart-calendar-button .smart-button {
	font-family: var(--smart-font-family-icon);
	padding: 0;
	border-radius: 0;
	background: 0 0;
	border: none;
	min-height: initial
}
.smart-calendar .smart-calendar-button[next-year],
.smart-calendar .smart-calendar-button[prev-year] {
	position: relative;
	display: block;
	cursor: default;
	font-size: 10px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	border-color: var(--smart-border);
	border-left: none
}
.smart-calendar .smart-calendar-button[prev-year] {
	border-top-color: transparent
}
.smart-calendar .smart-calendar-button[next-year] span:after {
	content: var(--smart-icon-arrow-up)
}
.smart-calendar .smart-calendar-button[prev-year] span:after {
	content: var(--smart-icon-arrow-down)
}
.smart-calendar .smart-calendar-year-selector {
	display: inline-block
}
.smart-calendar .smart-calendar-date-element {
	position: relative;
	display: flex;
	width: 74%;
	height: 100%;
	outline: initial;
	overflow: hidden;
	text-align: center
}
.smart-calendar .smart-calendar-date-element>div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	outline: initial;
	font-size: inherit
}
.smart-calendar .smart-calendar-date-element>div:first-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.smart-calendar .smart-calendar-date-element div.smart-hidden {
	display: none
}
.smart-calendar .smart-calendar-month-element {
	position: relative;
	width: 70%;
	height: 80%;
	margin: 5% 0;
	text-align: center;
	font-size: inherit
}
.smart-calendar .smart-calendar-year-elements {
	display: flex;
	width: 10%;
	height: 80%;
	flex-direction: column;
	align-items: center;
	justify-content: space-around
}
.smart-calendar .smart-calendar-year-elements>smart-repeat-button {
	height: 50%;
	width: 100%
}
.smart-calendar[hide-day-names] .smart-calendar-week-titles {
	display: none
}
.smart-calendar smart-tooltip .smart-tooltip-content {
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-calendar .smart-calendar-container>.smart-calendar-body>div {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	font-size: inherit
}
.smart-calendar .smart-calendar-months-container,
.smart-calendar .smart-calendar-next-months-container {
	width: 100%;
	height: 100%;
	align-items: center
}
@-moz-document url-prefix() {
	smart-calendar .smart-calendar-months-container, smart-calendar .smart-calendar-next-months-container {
		line-height: initial
	}
	smart-calendar .smart-calendar-week div {
		padding: initial
	}
}
.smart-calendar .smart-calendar-next-months-container {
	order: 3
}
.smart-calendar .smart-calendar-container>.smart-calendar-body .smart-hidden,
.smart-calendar .smart-calendar-header.smart-hidden {
	display: none
}
.smart-calendar .smart-calendar-date-view-container {
	width: 100%;
	height: auto;
	text-align: center;
	flex-direction: row;
	align-items: center
}
.smart-calendar .smart-calendar-date-view-container.smart-list-display-mode-view {
	flex-direction: column
}
.smart-calendar .smart-calendar-date-view-container .smart-calendar-cell {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 25%;
	height: 25%;
	border: 1px solid transparent;
	border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
	border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
	border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius)
}
.smart-calendar .smart-calendar-date-view-container .smart-visibility-hidden {
	visibility: visible;
	opacity: .55
}
.smart-calendar .smart-calendar-animation-panel {
	position: absolute;
	background-color: var(--smart-background);
	justify-content: center;
	align-items: center
}
.smart-calendar[scroll-buttons-position=far] .smart-calendar-button[prev-month],
.smart-calendar[scroll-buttons-position=near] .smart-calendar-button[next-month] {
	order: 2
}
.smart-calendar[scroll-buttons-position=far] .smart-calendar-button[next-month],
.smart-calendar[scroll-buttons-position=near] .smart-calendar-date-element {
	order: 3
}
.smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-container>.smart-calendar-body {
	flex-direction: column
}
.smart-calendar .smart-calendar-cell[focus],
.smart-calendar .smart-calendar-date-element:focus,
.smart-calendar .smart-calendar-year-element:focus,
.smart-calendar:focus {
	border-color: var(--smart-outline)
}
.smart-calendar .smart-calendar-date-container:focus,
.smart-calendar .smart-calendar-year-container:focus,
.smart-calendar button:focus {
	border: 1px solid transparent;
	border: 1px solid var(--smart-outline);
	outline: 0
}
.smart-calendar[right-to-left] .smart-calendar-date-element>div,
.smart-calendar[right-to-left] .smart-calendar-date-view-container,
.smart-calendar[right-to-left] .smart-calendar-date-view-container .smart-calendar-cell,
.smart-calendar[right-to-left] .smart-calendar-footer,
.smart-calendar[right-to-left] .smart-calendar-title,
.smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-cell,
.smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-week-number,
.smart-calendar[right-to-left] .smart-calendar-week-titles .smart-calendar-week-title {
	direction: rtl
}
.smart-calendar[right-to-left] .smart-calendar-month-element {
	direction: initial
}
.smart-calendar[right-to-left] .smart-calendar-year-element {
	margin-left: initial;
	margin-right: 5%
}
.smart-calendar[right-to-left][view=landscape]>.smart-container {
	flex-direction: row-reverse
}
.smart-cards {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-evenly;
	width: 100%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--smart-surface)
}
smart-card {
	display: inline-block;
	width: 30.5%;
	min-height: 20px;
	margin: 1%;
	box-shadow: var(--smart-elevation-2);
	box-sizing: border-box;
	font-family: Arial;
	font-size: 14px
}
smart-card:hover {
	box-shadow: var(--smart-elevation-4)
}
@media only screen and (max-width: 1024px) {
	smart-card {
		display: inline-block;
		width: 47%
	}
}
@media only screen and (max-width: 768px) {
	smart-card {
		display: block;
		width: 100%;
		margin: 0;
		max-height: 100vh;
		overflow-y: auto
	}
	.smart-cards smart-card {
		margin: 0 10px 10px
	}
}
.smart-card[right-to-left].smart-container,
.smart-card[right-to-left]>.smart-container {
	direction: rtl
}
smart-card-view {
	width: var(--smart-card-view-default-width);
	min-width: var(--smart-card-view-column-min-width);
	height: var(--smart-card-view-default-height);
	min-height: 100px
}
.smart-card-view.smart-container,
smart-card-view>.smart-container {
	position: relative;
	contain: layout style
}
.smart-card-view .smart-data-view-header {
	height: var(--smart-card-view-header-height)
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top {
	padding: var(--smart-data-view-padding);
	padding-bottom: 0
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top>div {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-switch-button {
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
	z-index: 1
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-switch-button:after,
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-switch-button:before {
	content: attr(crop);
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 11px
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-switch-button:after {
	content: attr(fit);
	left: calc(100% + 5px)
}
.smart-card-view .smart-data-view-header-drop-down .smart-card-view-customize-top smart-input {
	width: 100%
}
.smart-card-view .smart-card-container,
.smart-card-view.smart-container>smart-scroll-viewer,
.smart-card-view>.smart-container>smart-scroll-viewer {
	border: none;
	width: 100%;
	height: 100%
}
.smart-card-view.smart-container>smart-scroll-viewer,
.smart-card-view>.smart-container>smart-scroll-viewer {
	background-color: transparent
}
.smart-card-view[header-position=top].smart-container>smart-scroll-viewer,
.smart-card-view[header-position=bottom].smart-container>smart-scroll-viewer,
smart-card-view[header-position=top]>.smart-container>smart-scroll-viewer,
smart-card-view[header-position=bottom]>.smart-container>smart-scroll-viewer {
	height: calc(100% - var(--smart-card-view-header-height))
}
.smart-card-view.smart-container>smart-scroll-viewer .smart-scroll-viewer-content-container,
smart-card-view>.smart-container>smart-scroll-viewer .smart-scroll-viewer-content-container {
	display: flex;
	padding: 0
}
.smart-card-view .smart-card-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--smart-card-view-column-min-width), 1fr));
	grid-column-gap: var(--smart-card-view-column-gap, var(--smart-card-view-gap));
	grid-row-gap: var(--smart-card-view-row-gap, var(--smart-card-view-gap))
}
.smart-card-view .smart-scroll-viewer-container.vscroll .smart-card-container {
	padding-right: 3px
}
.smart-card-view[empty] .smart-card-view-header {
	pointer-events: none;
	opacity: .55
}
.smart-card-view[empty] .smart-card-container,
.smart-card-view[empty] .smart-scroll-viewer-content-container,
.smart-card-view[no-matches] .smart-card-container,
.smart-card-view[no-matches] .smart-scroll-viewer-content-container {
	height: 100%
}
.smart-card-view[empty] .smart-card-container:after,
.smart-card-view[no-matches] .smart-card-container:after {
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: italic
}
.smart-card-view[empty] .smart-card-container:after {
	content: attr(no-data)
}
.smart-card-view[no-matches] .smart-card-container:after {
	content: attr(no-matches)
}
.smart-card-view smart-card {
	display: flex;
	margin: 0;
	border: var(--smart-border-width) solid;
	width: unset;
	padding: var(--smart-data-view-padding);
	overflow: auto;
	font-family: inherit;
	font-size: inherit;
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-card-view[loading] smart-card.smart-hidden {
	display: flex!important
}
.smart-card-view smart-card>.smart-container {
	display: grid;
	grid-template-rows: 1fr;
	grid-row-gap: var(--smart-card-view-vertical-offset);
	overflow: auto
}
.smart-card-view[cover-field]:not([cover-field=null]) smart-card>.smart-container {
	grid-template-rows: var(--smart-card-view-cover-height) 1fr
}
.smart-card-view[loading] smart-card>.smart-container {
	visibility: hidden
}
.smart-card-view .smart-card-data-container {
	display: grid;
	grid-template-rows: 1fr;
	padding: 0 .5rem
}
.smart-card-view[collapsible] .smart-card-data-container,
.smart-card-view[title-field] .smart-card-data-container {
	grid-template-rows: auto 1fr
}
.smart-card-view .smart-card-view-label,
.smart-card-view .smart-card-view-title,
.smart-card-view .smart-card-view-value,
.smart-window.smart-card-view-window .smart-card-view-label {
	overflow: hidden;
	text-overflow: ellipsis
}
.smart-card-view .smart-card-view-title {
	font-size: calc(var(--smart-font-size) + 3px);
	font-weight: 700;
	display: grid;
	grid-template-columns: 1fr auto;
	width: 100%;
	align-items: center
}
.smart-card-view:not([collapsible]) .smart-card-view-title.empty {
	display: none
}
.smart-card-view:not([collapsible]) .smart-card-view-title.empty:first-child+.smart-card-view-content {
	margin-top: 0
}
.smart-card-view .smart-card-view-content,
.smart-window.smart-card-view-window .smart-card-view-label:not(:first-child) {
	margin-top: var(--smart-card-view-vertical-offset)
}
.smart-card-view .smart-card-view-title:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.smart-card-view .smart-card-view-title .smart-arrow-up {
	display: none;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: var(--smart-background-color);
	opacity: .7;
	cursor: pointer
}
.smart-card-view .smart-card-view-title .smart-arrow-up:hover {
	opacity: 1
}
.smart-card-view .smart-card-view-title .smart-arrow-up:after {
	color: var(--smart-background)
}
.smart-card-view:not([animation=none]) .smart-card-view-title .smart-arrow-up {
	transition: transform .2s ease-in
}
.smart-card-view[collapsible] .smart-card-view-title .smart-arrow-up {
	display: block
}
.smart-card-view smart-card.collapsed {
	height: auto!important;
	align-self: start
}
.smart-card-view smart-card .smart-arrow-up.collapsed {
	transform: rotate(-180deg)
}
.smart-card-view .smart-card-view-content {
	transform: scaleY(1);
	transform-origin: top;
	opacity: 1
}
.smart-card-view smart-card .smart-card-view-content.smart-visibility-hidden {
	margin-top: 0;
	height: 0;
	transform: scaleY(0);
	opacity: 0
}
.smart-card-view:not([animation=none]) .smart-card-view-content {
	transition-property: margin-top, height, transform, visibility, opacity;
	transition-duration: .2s;
	transition-timing-function: ease-in
}
.smart-card-view smart-card[updating] .smart-card-view-content,
.smart-card-view smart-card[updating] .smart-card-view-title .smart-arrow-up,
.smart-card-view[loading] .smart-card-view-content {
	transition: none
}
.smart-card-view .smart-card-view-cell {
	margin-bottom: var(--smart-card-view-vertical-offset)
}
.smart-card-view .smart-card-view-cell:last-child {
	margin-bottom: 0
}
.smart-card-view .smart-card-view-label,
.smart-window.smart-card-view-window .smart-card-view-label {
	margin-bottom: calc(var(--smart-card-view-vertical-offset)/ 3);
	text-transform: uppercase;
	font-size: calc(var(--smart-font-size) - 2px);
	opacity: .7
}
.smart-card-view .smart-card-view-label.icon,
.smart-window.smart-card-view-window .smart-card-view-label.icon {
	position: relative;
	padding-left: 30px
}
.smart-card-view .smart-card-view-label.icon:after,
.smart-window.smart-card-view-window .smart-card-view-label.icon:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center
}
.smart-card-view .smart-card-view-value {
	word-break: break-word
}
.smart-card-view[cell-orientation=horizontal] .smart-card-view-cell {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.smart-card-view[cell-orientation=horizontal] .smart-card-view-label {
	margin-bottom: 0
}
.smart-card-view[cell-orientation=horizontal] .smart-card-view-value {
	text-align: right
}
.smart-card-view smart-carousel {
	width: 100%
}
.smart-card-view smart-carousel *,
.smart-card-view smart-carousel .smart-carousel-item.smart-active,
.smart-card-view[allow-drag] .smart-card-view-content {
	pointer-events: none
}
.smart-card-view smart-carousel .smart-carousel-item {
	border-bottom: 1px solid var(--smart-border);
	background-size: cover
}
.smart-card-view[cover-mode=fit] .smart-carousel-item {
	background-size: contain
}
.smart-card-view smart-carousel .smart-indicator {
	pointer-events: all
}
.smart-card-view smart-carousel .smart-indicator:only-child {
	display: none
}
.smart-card-view[editable] smart-card {
	cursor: pointer
}
.smart-window.smart-card-view-window {
	--smart-numeric-text-box-text-align: left;
	--smart-window-default-height: 75%;
	cursor: initial;
	z-index: 999
}
.smart-window.smart-card-view-window .smart-header {
	font-size: calc(var(--smart-font-size) * 1.5)
}
.smart-window.smart-card-view-window .smart-content-container>.smart-content {
	display: block;
	padding: 20px
}
.smart-window.smart-card-view-window .smart-next-button:after,
.smart-window.smart-card-view-window .smart-prev-button:after {
	font-size: calc(100% - 2px)
}
.smart-window.smart-card-view-window .smart-prev-button:after {
	content: var(--smart-icon-arrow-up)
}
.smart-window.smart-card-view-window .smart-next-button:after {
	content: var(--smart-icon-arrow-down)
}
.smart-window.smart-card-view-window .smart-card-view-label {
	display: flex;
	justify-content: space-between
}
.smart-window.smart-card-view-window .smart-card-view-label .toggle-visibility {
	font-family: var(--smart-font-family-icon);
	cursor: pointer;
	color: var(--smart-color)
}
.smart-window.smart-card-view-window .smart-card-view-label .toggle-visibility:after {
	content: var(--smart-icon-visibility)
}
.smart-window.smart-card-view-window .smart-card-view-label .toggle-visibility.hidden:after {
	content: var(--smart-icon-visibility-off)
}
.smart-window.smart-card-view-window .smart-footer {
	display: flex;
	justify-content: space-evenly;
	align-items: center
}
.smart-window.smart-card-view-window .smart-footer smart-button {
	--smart-button-padding: 0;
	width: 25%;
	height: 100%
}
.smart-window.smart-card-view-window .smart-card-view-editor {
	width: 100%
}
.smart-window.smart-card-view-window textarea.smart-card-view-editor {
	min-height: 150px;
	resize: vertical;
	border-color: var(--smart-border);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	font-family: inherit;
	font-size: inherit
}
.smart-window.smart-card-view-window textarea.smart-card-view-editor:hover {
	border-color: var(--smart-ui-state-border-hover)
}
.smart-window.smart-card-view-window textarea.smart-card-view-editor:focus {
	outline: 0;
	border-color: var(--smart-outline)
}
.smart-window.smart-card-view-window .smart-card-view-editor.image .thumbnail {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	border: var(--smart-border-width) solid var(--smart-border);
	width: 75px;
	height: 75px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer
}
.smart-window.smart-card-view-window .smart-card-view-editor.image .thumbnail:hover:after {
	content: var(--smart-icon-close);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	font-family: var(--smart-font-family-icon);
	font-size: 50px;
	opacity: .4
}
.smart-window.smart-card-view-window .smart-card-view-editor.image .label {
	margin-top: 3px;
	font-size: calc(var(--smart-font-size) - 3px);
	text-transform: uppercase;
	opacity: .7
}
.smart-window.smart-card-view-window .smart-card-view-editor.image .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 5px;
	height: 30px
}
.smart-window.smart-card-view-window .smart-card-view-editor.image smart-input {
	width: calc(100% - 40px);
	height: 100%
}
.smart-window.smart-card-view-window .smart-card-view-editor.image smart-button {
	--smart-button-padding: 0;
	width: 30px;
	height: 100%;
	font-size: 20px
}
.smart-card-view .smart-add-new-button {
	display: none
}
.smart-card-view[add-new-button] .smart-add-new-button {
	display: block;
	position: absolute;
	bottom: 20px;
	right: calc(23px + var(--smart-scroll-bar-size));
	width: var(--smart-card-view-add-new-button-size);
	height: var(--smart-card-view-add-new-button-size);
	border-radius: 50%;
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	cursor: pointer
}
.smart-card-view[add-new-button]:not([animation=none]) .smart-add-new-button {
	transition: transform cubic-bezier(.81, .27, 0, .93) .5s
}
.smart-card-view[add-new-button]:not([animation=none]) .smart-add-new-button:hover {
	transform: scale(1.2, 1.2)
}
.smart-card-view[add-new-button] .smart-add-new-button:after {
	content: var(--smart-icon-plus);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
	width: 100%;
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-size: 20px
}
.smart-card-view.smart-container[modal],
.smart-card-view.smart-container[modal] .smart-indicator,
.smart-card-view>.smart-container[modal],
.smart-card-view>.smart-container[modal] .smart-indicator {
	position: relative;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.smart-card-view.smart-container[modal]:after,
.smart-card-view>.smart-container[modal]:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	pointer-events: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none
}
.smart-card-view.smart-container[modal] .smart-carousel-item.smart-active,
.smart-card-view>.smart-container[modal] .smart-carousel-item.smart-active {
	pointer-events: none
}
.smart-card-view[dragging] smart-card {
	overflow: hidden
}
.smart-card-view[allow-drag] .smart-card-data-container {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none
}
.smart-card-view smart-card.dragged,
.smart-card-view smart-card.drop-target {
	position: relative
}
.smart-card-view smart-card.drop-target:after {
	content: '';
	position: absolute;
	width: 10%;
	height: 5000px;
	background-color: var(--smart-primary);
	text-decoration: underline;
	top: 0
}
.smart-card-view smart-card.drop-target.left:after {
	left: 0
}
.smart-card-view smart-card.drop-target.right:after {
	right: 0
}
.smart-card-view-drag-feedback {
	position: absolute;
	display: flex;
	align-items: center;
	box-shadow: var(--smart-elevation-8);
	border: var(--smart-border-width) solid var(--smart-border);
	border-radius: var(--smart-border-radius);
	padding: 5px;
	white-space: nowrap;
	font-family: var(--smart-font-family);
	font-size: 20px;
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	z-index: 10000;
	opacity: .85
}
.smart-card-view-drag-feedback>.drag-feedback-thumbnail {
	width: 50px;
	height: 50px;
	background-size: cover
}
.smart-card-view-drag-feedback:nth-child(2) {
	margin-left: 10px
}
.smart-card-view smart-card.dragged:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5000px;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
	background-size: 3em 3em;
	opacity: .8
}
.smart-card-view[right-to-left] .smart-card-view-label.icon,
.smart-window.smart-card-view-window[right-to-left] .smart-card-view-label.icon {
	padding-left: 0;
	padding-right: 30px
}
.smart-card-view[right-to-left] .smart-card-view-label.icon:after,
.smart-window.smart-card-view-window[right-to-left] .smart-card-view-label.icon:after {
	left: initial;
	right: 0
}
.smart-card-view-drag-feedback[right-to-left],
.smart-card-view[right-to-left] .smart-card-view-customize-top {
	direction: rtl
}
.smart-card-view-drag-feedback[right-to-left]:nth-child(2) {
	margin-right: 10px;
	margin-left: initial
}
.smart-column-panel[right-to-left] .smart-grid-panel-container-footer,
.smart-group-panel[right-to-left] .smart-grid-panel-container-footer,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-container-footer,
.smart-sort-panel[right-to-left] .smart-grid-panel-container-footer {
	flex-direction: row-reverse
}
.smart-column-panel[right-to-left] .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-group-panel[right-to-left] .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-sort-panel[right-to-left] .smart-grid-panel-buttons-container .smart-grid-panel-apply-button {
	margin-right: 15px;
	margin-left: initial
}
.smart-card-view[right-to-left] .smart-scroll-viewer-container.vscroll .smart-card-container {
	padding-left: 3px;
	padding-right: initial
}
smart-carousel {
	width: var(--smart-carousel-default-width);
	height: var(--smart-carousel-default-height)
}
smart-carousel[disabled] {
	opacity: .55;
	cursor: default;
	pointer-events: none
}
.smart-carousel.smart-container,
.smart-carousel>.smart-container {
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}
.smart-carousel .smart-items-container {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden
}
.smart-carousel[swipe] {
	user-select: none
}
.smart-carousel .smart-carousel-item {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 0;
	box-sizing: border-box;
	pointer-events: none;
	user-select: none;
	background-position: center;
	background-repeat: no-repeat
}
.smart-carousel .smart-carousel-item.smart-active {
	opacity: 1;
	pointer-events: all;
	user-select: text
}
[disabled] .smart-carousel-item.smart-active {
	pointer-events: none
}
.smart-carousel .smart-carousel-item .smart-carousel-item-container {
	pointer-events: none;
	user-select: text;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	padding-top: 50px;
	z-index: 1;
	box-sizing: border-box;
	background-position: center;
	background-size: cover
}
.smart-carousel .smart-carousel-item .smart-carousel-item-content,
.smart-carousel .smart-carousel-item .smart-carousel-item-label {
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-carousel .smart-carousel-item .smart-carousel-item-content {
	top: 40%;
	transform: translate(-50%, 0)
}
.smart-carousel .smart-carousel-item .smart-carousel-html-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	box-sizing: border-box
}
.smart-carousel .smart-arrow {
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	cursor: pointer;
	opacity: .6;
	display: block
}
.smart-carousel[hide-arrows] .smart-arrow {
	display: none
}
.smart-carousel .smart-arrow>.smart-button {
	border-width: 0
}
.smart-carousel .smart-arrow>.smart-button:active {
	background-color: transparent
}
.smart-carousel .smart-arrow:after {
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	user-select: none
}
.smart-carousel .smart-arrow[disabled] {
	opacity: .4;
	pointer-events: none
}
.smart-carousel .smart-arrow:focus,
.smart-carousel .smart-arrow:hover {
	opacity: .8
}
.smart-carousel .smart-arrow:active {
	opacity: 1
}
.smart-carousel .smart-arrow-left {
	left: 0
}
.smart-carousel .smart-arrow-right {
	right: 0
}
.smart-carousel .smart-indicators-container {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%);
	display: flex;
	flex-direction: row;
	align-items: center
}
.smart-carousel[hide-indicators] .smart-indicators-container {
	display: none
}
.smart-carousel .smart-indicator {
	width: 10px;
	height: 10px;
	border: 1px solid gray;
	background-color: #fff;
	margin: 2px;
	cursor: pointer;
	box-sizing: content-box;
	opacity: .5
}
.smart-carousel .smart-indicator.smart-active {
	opacity: .9;
	border-width: 3px
}
.smart-carousel .smart-indicator:hover {
	opacity: .7
}
.smart-carousel:not([animation=none]) .smart-carousel-item {
	animation-duration: 1s
}
.smart-carousel:not([animation=none]) .smart-carousel-item.smart-active.smart-animate-trigger,
.smart-carousel:not([animation=none]).fade .smart-carousel-item.smart-active.smart-animate-trigger {
	animation-name: carousel-active-fade
}
.smart-carousel:not([animation=none]) .smart-carousel-item.smart-out.smart-animate-trigger,
.smart-carousel:not([animation=none]).fade .smart-carousel-item.smart-out.smart-animate-trigger {
	animation-name: carousel-out-fade
}
@keyframes carousel-active-fade {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes carousel-out-fade {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
.smart-carousel:not([animation=none]).slide .smart-carousel-item.smart-active.smart-animate-trigger,
.smart-carousel:not([animation=none]).slide-left .smart-carousel-item.smart-active.smart-animate-trigger {
	animation-name: carousel-active-slide
}
.smart-carousel:not([animation=none]).slide .smart-carousel-item.smart-out.smart-animate-trigger,
.smart-carousel:not([animation=none]).slide-left .smart-carousel-item.smart-out.smart-animate-trigger {
	animation-name: carousel-out-slide
}
@keyframes carousel-active-slide {
	from {
		left: 100%;
		opacity: 1
	}
	to {
		left: 0;
		opacity: 1
	}
}
@keyframes carousel-out-slide {
	from {
		left: 0;
		opacity: 1
	}
	to {
		left: -100%;
		opacity: 1
	}
}
.smart-carousel:not([animation=none]).slide-right .smart-carousel-item.smart-active.smart-animate-trigger {
	animation-name: carousel-active-slide-right
}
.smart-carousel:not([animation=none]).slide-right .smart-carousel-item.smart-out.smart-animate-trigger {
	animation-name: carousel-out-slide-right
}
@keyframes carousel-active-slide-right {
	from {
		opacity: 1;
		left: -100%
	}
	to {
		opacity: 1;
		left: 0
	}
}
@keyframes carousel-out-slide-right {
	from {
		left: 0;
		opacity: 1
	}
	to {
		left: 100%;
		opacity: 1
	}
}
.smart-carousel:not([animation=none]).slide-top .smart-carousel-item.smart-active.smart-animate-trigger {
	animation-name: carousel-active-slide-top
}
.smart-carousel:not([animation=none]).slide-top .smart-carousel-item.smart-out.smart-animate-trigger {
	animation-name: carousel-out-slide-top
}
@keyframes carousel-active-slide-top {
	from {
		top: 100%;
		opacity: 1
	}
	to {
		top: 0;
		opacity: 1
	}
}
@keyframes carousel-out-slide-top {
	from {
		top: 0;
		opacity: 1
	}
	to {
		top: -100%;
		opacity: 1
	}
}
.smart-carousel:not([animation=none]).slide-bottom .smart-carousel-item.smart-active.smart-animate-trigger {
	animation-name: carousel-active-slide-bottom
}
.smart-carousel:not([animation=none]).slide-bottom .smart-carousel-item.smart-out.smart-animate-trigger {
	animation-name: carousel-out-slide-bottom
}
@keyframes carousel-active-slide-bottom {
	from {
		opacity: 1;
		top: -100%
	}
	to {
		opacity: 1;
		top: 0
	}
}
@keyframes carousel-out-slide-bottom {
	from {
		opacity: 1;
		top: 0
	}
	to {
		opacity: 1;
		top: 100%
	}
}
.smart-carousel[display-mode="3d"] .smart-carousel-html-content {
	padding-left: 30px;
	padding-right: 20px
}
.smart-carousel[display-mode="3d"] .smart-carousel-item {
	width: var(--smart-carousel-3d-mode-slide-width);
	height: var(--smart-carousel-3d-mode-slide-height);
	border: 20px solid #fff;
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%) translateY(-50%) rotateX(1deg) scale(1);
	transition-duration: 0s
}
.smart-carousel[display-mode="3d"]:not([animation=none]) .smart-carousel-item {
	transition-duration: .7s
}
.smart-carousel[display-mode="3d"].circle .smart-carousel-item {
	border-radius: 50%
}
.smart-carousel[display-mode="3d"]:not([animation=none]) .smart-carousel-item,
.smart-carousel[display-mode="3d"]:not([animation=none]) .smart-carousel-item.smart-active,
.smart-carousel[display-mode="3d"]:not([animation=none]) .smart-carousel-item.smart-out {
	animation-name: unset
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="-3"] {
	transform: perspective(800px) translateX(calc(-50% - 340px)) translateY(-50%) scale(.4);
	opacity: .1;
	z-index: 1
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="-2"] {
	transform: perspective(800px) translateX(calc(-50% - 300px)) translateY(-50%) scale(.5);
	opacity: .2;
	z-index: 8
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="-1"],
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="1"] {
	opacity: .3;
	z-index: 9
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="-1"] {
	transform: perspective(800px) translateX(calc(-50% - 260px)) translateY(-50%) scale(.6)
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="1"] {
	transform: perspective(800px) translateX(calc(-50% + 260px)) translateY(-50%) scale(.6)
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="2"] {
	transform: perspective(800px) translateX(calc(-50% + 300px)) translateY(-50%) scale(.5);
	opacity: .2;
	z-index: 8
}
.smart-carousel[display-mode="3d"] .smart-carousel-item[position="3"] {
	transform: perspective(800px) translateX(calc(-50% + 340px)) translateY(-50%) scale(.4);
	opacity: .1;
	z-index: 1
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="-3"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% - 210px)) scale(.4)
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="-2"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% - 180px)) scale(.5)
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="-1"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% - 150px)) scale(.6)
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="1"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% + 150px)) scale(.6)
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="2"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% + 180px)) scale(.5)
}
.smart-carousel[display-mode="3d"].vertical .smart-carousel-item[position="3"] {
	transform: perspective(800px) translateX(-50%) translateY(calc(-50% + 210px)) scale(.4)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="-3"] {
	transform: perspective(800px) translateX(calc(-50% - 395px)) translateY(-50%) scale(.4)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="-2"] {
	transform: perspective(800px) translateX(calc(-50% - 355px)) translateY(-50%) scale(.5)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="-1"] {
	transform: perspective(800px) translateX(calc(-50% - 280px)) translateY(-50%) scale(.6)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="1"] {
	transform: perspective(800px) translateX(calc(-50% + 280px)) translateY(-50%) scale(.6)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="2"] {
	transform: perspective(800px) translateX(calc(-50% + 355px)) translateY(-50%) scale(.5)
}
.smart-carousel:not([animation=none]).horizontal-stacked[display-mode="3d"] .smart-carousel-item[position="3"] {
	transform: perspective(800px) translateX(calc(-50% + 395px)) translateY(-50%) scale(.4)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="-3"] {
	transform: perspective(800px) translateX(calc(-50% - 450px)) translateY(calc(-50% + 150px)) scale(.2)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="-2"] {
	transform: perspective(800px) translateX(calc(-50% - 380px)) translateY(calc(-50% + 100px)) scale(.4)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="-1"] {
	transform: perspective(800px) translateX(calc(-50% - 280px)) translateY(calc(-50% + 30px)) scale(.6)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="1"] {
	transform: perspective(800px) translateX(calc(-50% + 280px)) translateY(calc(-50% - 30px)) scale(.6)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="2"] {
	transform: perspective(800px) translateX(calc(-50% + 380px)) translateY(calc(-50% - 100px)) scale(.4)
}
.smart-carousel:not([animation=none]).bottom-top[display-mode="3d"] .smart-carousel-item[position="3"] {
	transform: perspective(800px) translateX(calc(-50% + 450px)) translateY(calc(-50% - 150px)) scale(.2)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="-3"] {
	transform: perspective(800px) translateX(calc(-50% - 450px)) translateY(calc(-50% - 150px)) scale(.2)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="-2"] {
	transform: perspective(800px) translateX(calc(-50% - 380px)) translateY(calc(-50% - 100px)) scale(.4)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="-1"] {
	transform: perspective(800px) translateX(calc(-50% - 280px)) translateY(calc(-50% - 30px)) scale(.6)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="1"] {
	transform: perspective(800px) translateX(calc(-50% + 280px)) translateY(calc(-50% + 30px)) scale(.6)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="2"] {
	transform: perspective(800px) translateX(calc(-50% + 380px)) translateY(calc(-50% + 100px)) scale(.4)
}
.smart-carousel:not([animation=none]).top-bottom[display-mode="3d"] .smart-carousel-item[position="3"] {
	transform: perspective(800px) translateX(calc(-50% + 450px)) translateY(calc(-50% + 150px)) scale(.2)
}
.smart-carousel:not([animation=none])[display-mode=multiple] .smart-carousel-item.smart-active,
.smart-carousel:not([animation=none])[display-mode=multiple] .smart-carousel-item.smart-animate-trigger.smart-active,
.smart-carousel:not([animation=none])[display-mode=multiple] .smart-carousel-item.smart-animate-trigger.smart-out,
.smart-carousel:not([animation=none])[display-mode=multiple] .smart-carousel-item.smart-out {
	animation-name: none
}
.smart-carousel[display-mode=multiple] .smart-items-container {
	overflow: hidden;
	width: max-content;
	transition: margin-left ease-in-out
}
.smart-carousel:not([animation=none])[display-mode=multiple] .smart-items-container {
	transition-duration: 1s
}
.smart-carousel[display-mode=multiple] .smart-carousel-item {
	opacity: 1;
	float: left;
	display: inline-block;
	position: relative;
	width: var(--smart-carousel-multiple-mode-slide-width)
}
.smart-carousel[display-mode=multiple] .smart-carousel-item.smart-active {
	background-color: #d3d3d3;
	transition: background-color 1s ease-in-out
}
.smart-carousel[display-mode=multiple] .smart-carousel-item.smart-out {
	transition: background-color 1s ease-in-out
}
.smart-carousel smart-repeat-button[hover] button {
	background-color: transparent
}
.smart-carousel[right-to-left] .smart-carousel-item,
.smart-carousel[right-to-left] .smart-indicators-container {
	direction: rtl
}
[theme=dark] .smart-chart-tooltip .smart-chart-tooltip-text,
[theme=dark] smart-chart .smart-chart-annotation-text,
[theme=dark] smart-chart .smart-chart-axis-description,
[theme=dark] smart-chart .smart-chart-axis-text,
[theme=dark] smart-chart .smart-chart-label-text,
[theme=dark] smart-chart .smart-chart-legend-text,
[theme=dark] smart-chart .smart-chart-title-description,
[theme=dark] smart-chart .smart-chart-title-text,
smart-chart .smart-chart-axis-description,
smart-chart .smart-chart-title-description,
smart-chart .smart-chart-title-text,
smart-chart[theme=dark] .smart-chart-annotation-text,
smart-chart[theme=dark] .smart-chart-axis-description,
smart-chart[theme=dark] .smart-chart-axis-text,
smart-chart[theme=dark] .smart-chart-label-text,
smart-chart[theme=dark] .smart-chart-legend-text,
smart-chart[theme=dark] .smart-chart-title-description,
smart-chart[theme=dark] .smart-chart-title-text {
	ui-state: var(--smart-background-color);
	color: var(--smart-background-color)
}
smart-chart {
	display: block;
	width: var(--smart-chart-default-width);
	height: var(--smart-chart-default-height)
}
.smart-chart-tooltip-text,
smart-chart .smart-chart-annotation-text,
smart-chart .smart-chart-axis-text,
smart-chart .smart-chart-label-text,
smart-chart .smart-chart-legend-text {
	box-sizing: content-box;
	ui-state: var(--smart-background-color);
	color: var(--smart-background-color);
	font-family: var(--smart-font-family);
	font-size: calc(var(--smart-font-size) - 1px)
}
smart-chart .smart-chart-axis-description {
	font-family: var(--smart-font-family);
	font-size: calc(var(--smart-font-size) - 1px)
}
smart-chart .smart-chart-title-description,
smart-chart .smart-chart-title-text {
	font-family: var(--smart-font-family)
}
smart-chart .smart-chart-title-text {
	font-weight: 700;
	font-size: calc(var(--smart-font-size) + 2px)
}
smart-chart .smart-chart-title-description {
	font-size: var(--smart-font-size)
}
.smart-chart-tooltip {
	position: absolute;
	cursor: default;
	z-index: 10000000;
	transition: .3s ease-in, transform .3s ease-in;
	opacity: 1;
	transform: scale(1)
}
.smart-chart-tooltip[animation=none] {
	transition: none
}
.smart-chart-tooltip.smart-visibility-hidden {
	transform: scale(0)
}
.smart-chart-tooltip-arrow-inner,
.smart-chart-tooltip-arrow-outer {
	box-sizing: content-box;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 10000001
}
.smart-chart-tooltip-arrow-inner {
	z-index: 10000002
}
.smart-chart-tooltip-content {
	position: absolute;
	box-sizing: content-box;
	outline: 0;
	border: 1px solid transparent;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	cursor: default;
	left: 0;
	top: 0;
	border-radius: var(--smart-border-radius)
}
.smart-chart-range-selector>smart-chart {
	width: 100%;
	height: 100%;
	touch-action: none
}
.smart-chart-range-selector .slider {
	box-sizing: content-box;
	pointer-events: none
}
.smart-chart-tooltip[right-to-left] .smart-chart-tooltip-text,
smart-chart[right-to-left] .smart-chart-annotation-text,
smart-chart[right-to-left] .smart-chart-axis-description,
smart-chart[right-to-left] .smart-chart-axis-text,
smart-chart[right-to-left] .smart-chart-label-text,
smart-chart[right-to-left] .smart-chart-legend-text,
smart-chart[right-to-left] .smart-chart-title-text {
	direction: rtl;
	text-anchor: end
}
.smart-chip .smart-avatar,
.smart-chip .smart-value {
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}
.smart-chip {
	min-height: var(--smart-chip-default-height);
	min-width: var(--smart-chip-default-height);
	border-radius: calc(var(--smart-chip-default-height)/ 2);
	box-sizing: border-box;
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	position: relative;
	margin: 2px
}
smart-chip.smart-element {
	display: inline-block
}
smart-chip:focus,
smart-chip:hover {
	box-shadow: var(--smart-elevation-2);
	outline: 0
}
smart-chip[disabled]:hover {
	box-shadow: none
}
.smart-chip.smart-container,
smart-chip .smart-container {
	white-space: nowrap
}
.smart-chip .smart-avatar {
	width: var(--smart-chip-default-height);
	height: var(--smart-chip-default-height);
	line-height: var(--smart-chip-default-height);
	border-radius: 50%;
	display: none;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center
}
.smart-chip[avatar] .smart-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}
.smart-chip .smart-value {
	line-height: var(--smart-chip-default-height);
	display: none;
	padding: 0 15px;
	white-space: nowrap;
	margin: 0;
	cursor: default
}
.smart-chip[avatar] .smart-value {
	padding-left: 5px
}
.smart-chip[close-button] .smart-value {
	padding-right: 5px
}
.smart-chip[avatar] .smart-value,
.smart-chip[close-button] .smart-value {
	width: calc(100% - var(--smart-chip-default-height))
}
.smart-chip[avatar][close-button] .smart-value {
	width: calc(100% - 2 * var(--smart-chip-default-height))
}
.smart-chip .smart-close-button {
	width: var(--smart-chip-default-height);
	height: var(--smart-chip-default-height);
	display: none;
	position: relative;
	vertical-align: middle
}
.smart-chip .smart-close-button:after {
	font-family: var(--smart-font-family-icon);
	content: var(--smart-icon-close);
	color: inherit;
	display: inline-block;
	line-height: var(--smart-chip-default-height);
	width: 100%;
	text-align: center
}
.smart-chip .smart-close-button:hover:after {
	color: var(--smart-primary-color);
	cursor: pointer
}
.smart-chip[avatar] .smart-avatar,
.smart-chip[close-button] .smart-close-button,
.smart-chip[value] .smart-value {
	display: inline-block
}
.smart-chip[right-to-left]>.smart-container {
	direction: rtl
}
smart-combo-box {
	width: var(--smart-combo-box-default-width);
	height: var(--smart-combo-box-default-height);
	overflow: initial;
	visibility: hidden;
	cursor: pointer
}
smart-combo-box.smart-element {
	overflow: visible;
	visibility: inherit;
	border-width: 0
}
.smart-combo-box smart-list-box {
	position: relative;
	width: 100%;
	height: 100%;
	border: initial;
	padding: initial;
	overflow: hidden;
	font-size: inherit;
	font-family: inherit;
	outline: 0
}
.smart-combo-box .smart-action-button input.smart-input {
	flex-grow: 1;
	align-self: center;
	width: var(--smart-editor-addon-width);
	min-width: var(--smart-editor-addon-width);
	min-height: 100%;
	max-height: 1rem;
	vertical-align: middle;
	margin: 0
}
.smart-combo-box .smart-buttons-container .smart-token {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	margin: 0 2px;
	user-select: none
}
.smart-combo-box .smart-buttons-container .smart-combo-box-auto-complete-string {
	position: absolute;
	display: flex;
	pointer-events: none;
	align-items: center;
	padding: var(--smart-editor-label-padding);
	opacity: .5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1
}
.smart-combo-box .smart-buttons-container .smart-combo-box-auto-complete-string:empty {
	display: none
}
.smart-combo-box.smart-element .smart-drop-down.smart-visibility-hidden {
	transform: scale(0);
	transition: transform .2s ease-in;
	transform-origin: left top 0
}
smart-color-panel {
	width: var(--smart-color-panel-default-width);
	height: var(--smart-color-panel-default-height);
	user-select: none
}
smart-color-panel .no-touch {
	touch-action: none
}
smart-color-panel.smart-element {
	display: inline-block;
	overflow: initial;
	border: none;
	background: var(--smart-background);
	color: var(--smart-background-color)
}
smart-color-panel[disabled] {
	opacity: .55;
	pointer-events: none;
	user-select: none
}
.smart-color-panel .smart-content {
	position: relative;
	cursor: pointer;
	display: flex;
	width: 100%;
	height: 100%
}
.smart-color-panel .color-input {
	width: 70px;
	height: var(--smart-editor-height);
	margin: 5px;
	padding: 5px;
	border: var(--smart-border-width) solid var(--smart-border);
	border-radius: var(--smart-border-radius);
	background: var(--smart-background);
	color: var(--smart-color);
	outline: 0
}
.smart-color-panel .color-input:focus {
	border-color: var(--smart-outline)
}
.smart-color-panel .color-input::selection {
	background: var(--smart-editor-selection);
	color: var(--smart-editor-selection-color)
}
.smart-color-panel label {
	display: inline-block;
	user-select: none
}
.smart-color-panel .grid-mode-container,
.smart-color-panel .palette-mode-container {
	width: 100%;
	max-height: 100%;
	position: relative
}
.smart-color-panel .button-custom-color,
.smart-color-panel .color-palette-hexagonal,
.smart-color-panel .custom-color-selection .grid-mode-container,
.smart-color-panel .grid-samples-container,
.smart-color-panel .palette-mode-container,
.smart-color-panel .spectrum-grid-samples-container,
.smart-color-panel .user-samples-container,
.smart-color-panel[display-mode=grid] .default-samples-container,
.smart-color-panel[display-mode=grid] .material-grid-samples-container,
.smart-color-panel[display-mode=grid] .palette-mode-container,
.smart-color-panel[display-mode=default] .grid-samples-container,
.smart-color-panel[display-mode=default] .material-grid-samples-container,
.smart-color-panel[display-mode=default] .palette-mode-container,
.smart-color-panel[display-mode=spectrumGrid] .default-samples-container,
.smart-color-panel[display-mode=spectrumGrid] .grid-samples-container,
.smart-color-panel[display-mode=spectrumGrid] .material-grid-samples-container,
.smart-color-panel[display-mode=spectrumGrid] .palette-mode-container,
.smart-color-panel[display-mode=materialGrid] .default-samples-container,
.smart-color-panel[display-mode=materialGrid] .grid-samples-container,
.smart-color-panel[display-mode=materialGrid] .palette-mode-container,
.smart-color-panel[display-mode=hexagonal] .color-palette,
.smart-color-panel[display-mode=hexagonal] .default-samples-container,
.smart-color-panel[display-mode=hexagonal] .grid-samples-container,
.smart-color-panel[display-mode=hexagonal] .hue-scale,
.smart-color-panel[display-mode=hexagonal] .spectrum-grid-samples-container,
.smart-color-panel[display-mode=palette] .color-palette-radial,
.smart-color-panel[display-mode=palette] .grid-mode-container,
.smart-color-panel[display-mode=radial] .color-palette,
.smart-color-panel[display-mode=radial] .grid-mode-container,
.smart-color-panel[enable-custom-colors][display-mode=hexagonal] .button-custom-color,
.smart-color-panel[enable-custom-colors][display-mode=hexagonal] .user-samples-container,
.smart-color-panel[hide-alpha-editor] .a-channel,
.smart-color-panel[hide-h-e-x-editor] .hex,
.smart-color-panel[hide-preview-container] .preview-container,
.smart-color-panel[hide-r-g-b-editor] .b-channel,
.smart-color-panel[hide-r-g-b-editor] .g-channel,
.smart-color-panel[hide-r-g-b-editor] .r-channel {
	display: none
}
.smart-color-panel[display-mode=default] .default-samples-container,
.smart-color-panel[display-mode=spectrumGrid] .spectrum-grid-samples-container,
.smart-color-panel[display-mode=materialGrid] .color-palette,
.smart-color-panel[display-mode=hexagonal] .brightness-scale,
.smart-color-panel[display-mode=hexagonal] .color-palette-hexagonal,
.smart-color-panel[display-mode=hexagonal] .palette-mode-container,
.smart-color-panel[display-mode=palette] .color-palette,
.smart-color-panel[display-mode=palette] .palette-mode-container,
.smart-color-panel[display-mode=radial] .color-palette-radial,
.smart-color-panel[display-mode=radial] .palette-mode-container,
.smart-color-panel[enable-custom-colors]:not([display-mode=palette]):not([display-mdoe=radial]) .custom-color-selection .palette-mode-container {
	display: block
}
.smart-color-panel .color-palette-container {
	width: 100%;
	height: var(--smart-color-panel-palette-size);
	display: flex;
	flex-direction: row
}
.smart-color-panel[display-mode=hexagonal] .color-palette-container {
	height: var(--smart-color-panel-palette-height)
}
.smart-color-panel .color-palette,
.smart-color-panel[display-mode=radial] .color-palette-radial {
	width: var(--smart-color-panel-palette-size);
	height: var(--smart-color-panel-palette-size);
	background-color: red;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: crosshair;
	padding: 1px;
	border: 1px solid #d3d3d3;
	background-clip: content-box
}
.smart-color-panel .color-palette::after,
.smart-color-panel .color-palette::before {
	width: 100%;
	height: 100%;
	content: " ";
	background-image: linear-gradient(transparent, #000);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
.smart-color-panel[display-mode=radial] .color-palette-radial {
	background: conic-gradient(from 90deg, red, #ff0, #0f0, #0ff, #00f, #ff00ff, red) #ff005a;
	border-radius: 50%
}
.smart-color-panel:not([display-mode=radial]) .canvas-radial {
	display: none
}
.smart-color-panel[display-mode=radial] .color-palette-radial::after {
	width: 100%;
	height: 100%;
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: #000;
	opacity: var(--smart-color-panel-brightness);
	border-radius: 50%
}
.smart-color-panel[display-mode=radial][inverted] .color-palette-radial::after {
	background: #fff
}
.smart-color-panel[display-mode=radial] .white-radial-gradient {
	z-index: 2;
	width: var(--smart-color-panel-palette-size);
	height: var(--smart-color-panel-palette-size);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-image: radial-gradient(circle, #fff, transparent)
}
.smart-color-panel[display-mode=radial] canvas {
	transform: rotate(-180deg);
	transform-origin: center
}
.smart-color-panel[display-mode=radial][inverted] .white-radial-gradient {
	background: radial-gradient(black, transparent)
}
.smart-color-panel .color-palette-thumb,
.smart-color-panel[display-mode=radial] .color-palette-radial-thumb {
	width: 0;
	height: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	pointer-events: none
}
.smart-color-panel[display-mode=radial] .color-palette-radial-thumb {
	left: 50%;
	top: 50%
}
.smart-color-panel .color-palette-thumb::after,
.smart-color-panel[display-mode=radial] .color-palette-radial-thumb::after {
	content: " ";
	position: absolute;
	left: -14px;
	top: -14px;
	width: 16px;
	height: 16px;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: var(--smart-elevation-2)
}
.smart-color-panel .color-palette::before {
	background-image: linear-gradient(90deg, #fff, transparent)
}
.smart-color-panel .color-controls-container,
.smart-color-panel .hue-scale,
.smart-color-panel[display-mode=hexagonal] .brightness-scale,
.smart-color-panel[display-mode=radial] .brightness-scale {
	display: block;
	max-width: 100px
}
.smart-color-panel .color-controls-container {
	overflow: hidden
}
.smart-color-panel .hue-scale,
.smart-color-panel[display-mode=hexagonal] .brightness-scale,
.smart-color-panel[display-mode=radial] .brightness-scale {
	height: var(--smart-color-panel-palette-size);
	background-image: linear-gradient(red, #f0f, #00f, #0ff, #0f0, #ff0, red);
	width: 20px;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	padding: 1px;
	border: var(--smart-border-width) solid var(--smart-border);
	background-clip: content-box
}
.smart-color-panel[display-mode=hexagonal] .brightness-scale {
	height: var(--smart-color-panel-palette-height)
}
.smart-color-panel[display-mode=radial] .hue-scale {
	display: none
}
.smart-color-panel[display-mode=hexagonal] .brightness-scale,
.smart-color-panel[display-mode=radial] .brightness-scale {
	background-image: linear-gradient(white, #000)
}
.smart-color-panel .alpha-channel-scale::before,
.smart-color-panel .gradient-background {
	background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc);
	background-position: 0 6px, 8px 14px
}
.smart-color-panel .hue-scale-thumb,
.smart-color-panel[display-mode=hexagonal] .brightness-scale-thumb,
.smart-color-panel[display-mode=radial] .brightness-scale-thumb {
	width: 100%;
	height: 10px;
	box-sizing: content-box;
	border: 3px solid #fff;
	border-left-width: 10px;
	border-right-width: 10px;
	position: absolute;
	left: -10px;
	top: -3px;
	box-shadow: 0 0 5px #666, inset 0 0 2px 0 #999, inset 0 0 2px 0 #999;
	opacity: .8;
	cursor: pointer
}
.smart-color-panel .preview-container {
	width: 100%;
	min-width: 100px;
	height: 100px;
	background-color: #fff;
	margin-bottom: 20px;
	position: relative;
	padding: 1px;
	border: var(--smart-border-width) solid var(--smart-border);
	background-clip: content-box
}
.smart-color-panel .preview-container-bottom,
.smart-color-panel .preview-container-top {
	width: 100%;
	height: 50%;
	display: block;
	background-color: #fff
}
.smart-color-panel .alpha-channel-container {
	flex-direction: row;
	width: 100%;
	align-items: center;
	align-content: space-around;
	margin-top: 5px;
	display: none
}
.smart-color-panel[edit-alpha-channel] .alpha-channel-container {
	display: flex
}
.smart-color-panel .alpha-channel-container label {
	width: 48px
}
.smart-color-panel .alpha-channel-scale {
	width: var(--smart-color-panel-palette-size);
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	border: var(--smart-border-width) solid var(--smart-border);
	margin-right: 20px
}
.smart-color-panel[display-mode=hexagonal] .alpha-channel-scale {
	width: var(--smart-color-panel-palette-width)
}
.smart-color-panel .alpha-channel-scale::after,
.smart-color-panel .alpha-channel-scale::before {
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	content: " ";
	position: absolute;
	height: 100%
}
.smart-color-panel .alpha-channel-scale::before {
	background-size: 16px 16px
}
.smart-color-panel .alpha-channel-scale::after {
	background-image: linear-gradient(90deg, var(--smart-color-panel-alpha-channel-color), transparent);
	box-shadow: inset 1px -1px 0 0 #fff, inset -1px 1px 0 0 #fff
}
.smart-color-panel .alpha-channel-thumb {
	width: 10px;
	height: 100%;
	box-sizing: content-box;
	border: 3px solid #fff;
	border-top-width: 10px;
	border-bottom-width: 10px;
	position: absolute;
	left: -3px;
	top: -10px;
	opacity: .8;
	box-shadow: 0 0 5px #666, inset 0 0 2px 0 #999, inset 0 0 2px 0 #999;
	cursor: pointer;
	z-index: 1
}
.smart-color-panel .buttons-container {
	display: none;
	flex-direction: row;
	justify-content: flex-end;
	padding: 10px 0
}
.smart-color-panel .buttons-container smart-button {
	width: 100px
}
.smart-color-panel .buttons-container smart-button:last-of-type {
	margin-left: 20px
}
.smart-color-panel .custom-color-selection .buttons-container,
.smart-color-panel[apply-value-mode=useButtons] .buttons-container {
	display: flex;
	align-items: center;
	justify-content: flex-end
}
.smart-color-panel .gradient-background {
	background-size: 16px 16px
}
.smart-color-panel .color-sample.user-color::before,
.smart-color-panel .user-color-container {
	background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc);
	background-position: 0 5px, 5px 10px;
	background-size: 10px 10px
}
.smart-color-panel .user-color-container {
	width: var(--smart-color-panel-grid-mode-item-size);
	height: var(--smart-color-panel-grid-mode-item-size)
}
.smart-color-panel .color-sample.user-color {
	position: relative;
	background-clip: padding-box
}
.smart-color-panel .color-sample.user-color::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}
.smart-color-panel .custom-colors-box,
.smart-color-panel .gray-shades-box,
.smart-color-panel .grid-samples-container,
.smart-color-panel .material-grid-samples-container,
.smart-color-panel .spectrum-box {
	display: grid;
	grid-template-columns: repeat(var(--smart-color-panel-grid-mode-column-count), auto)
}
.smart-color-panel .material-grid-samples-container {
	grid-template-columns: 80px repeat(14, auto)
}
.smart-color-panel .default-samples-container div {
	display: grid;
	grid-template-columns: repeat(10, auto)
}
.smart-color-panel[enable-custom-colors] .button-custom-color,
.smart-color-panel[enable-custom-colors] .user-samples-container {
	width: 100%;
	display: flex;
	align-items: center
}
.smart-color-panel .button-custom-color {
	margin: 5px 0
}
.smart-color-panel .color-sample {
	width: var(--smart-color-panel-grid-mode-item-size);
	height: var(--smart-color-panel-grid-mode-item-size);
	margin: var(--smart-color-panel-grid-mode-columns-gap);
	box-sizing: border-box;
	cursor: pointer;
	border: var(--smart-border-width) solid rgba(0, 0, 0, .1);
	background-clip: content-box;
	text-overflow: ellipsis
}
.smart-color-panel .color-sample[transparent] {
	position: relative
}
.smart-color-panel .color-sample[transparent]::after {
	content: '';
	border: 1px solid red;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	width: 150%;
	border-radius: 5px
}
.smart-color-panel .color-sample.selected {
	border: 2px solid var(--smart-ui-state-color-selected);
	padding: 1px
}
.smart-color-panel .color-sample.empty {
	visibility: hidden
}
.smart-color-panel .color-sample.header,
.smart-color-panel .color-sample.label-column {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	border-width: 0;
	pointer-events: none;
	user-select: none
}
.smart-color-panel .color-sample.label-column {
	width: 100%;
	justify-content: flex-start
}
.smart-color-panel .color-sample.color-sample-column,
.smart-color-panel .color-sample.color-sample-row {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(0, 0, 0, .2);
	padding: 1px;
	background: repeating-linear-gradient(-55deg, #fff, #fff 10px, #eee 10px, #eee 20px)
}
.smart-color-panel input[type=number]::-webkit-inner-spin-button,
.smart-color-panel input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
.smart-color-panel input[type=number] {
	-moz-appearance: textfield
}
.smart-color-panel smart-tooltip .smart-tooltip-content {
	box-shadow: 0 0 20px 0 #8b8b8b
}
.smart-color-panel .user-color.empty {
	background: repeating-linear-gradient(-55deg, #fff, #fff 10px, #eee 10px, #eee 20px);
	background-origin: content-box;
	border-color: #d3d3d3
}
.smart-color-panel[display-mode=hexagonal] .selected {
	stroke: #fff;
	stroke-width: 4px
}
.smart-color-panel .default-samples-container .standard-colors-label,
.smart-color-panel .default-samples-container .theme-colors-label,
.smart-color-panel .default-samples-container .theme-shades-box {
	margin-top: var(--smart-color-panel-default-mode-sections-gap);
	margin-bottom: var(--smart-color-panel-default-mode-sections-gap)
}
.smart-color-panel .default-samples-container .standard-colors-label,
.smart-color-panel .default-samples-container .theme-colors-label {
	display: block;
	font-weight: 600;
	margin-left: 2px;
	margin-bottom: calc(var(--smart-color-panel-default-mode-sections-gap)/ 2)
}
.smart-color-panel[right-to-left] .alpha-channel-scale,
.smart-color-panel[right-to-left] .buttons-container smart-button:last-of-type {
	margin: 0 0 0 20px
}
.smart-color-panel .hex-mode-resize-trigger {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0
}
.smart-color-panel[right-to-left] .alpha-channel-container,
.smart-color-panel[right-to-left] .color-palette-container,
.smart-color-panel[right-to-left] .grid-mode-container {
	direction: rtl
}
.smart-color-panel[right-to-left] .alpha-channel-scale::after {
	background-image: linear-gradient(90deg, transparent, var(--smart-color-panel-alpha-channel-color))
}
.smart-color-panel[right-to-left] .buttons-container {
	flex-direction: row-reverse
}
smart-color-picker {
	width: var(--smart-color-picker-default-width);
	height: var(--smart-color-picker-default-height)
}
smart-color-picker.smart-element {
	overflow: initial;
	border: none
}
.smart-color-picker smart-color-panel {
	position: relative;
	display: flex
}
.smart-color-picker[value-display-mode=colorCode] .smart-color-box,
.smart-color-picker[value-display-mode=none] .smart-color-box,
.smart-color-picker[value-display-mode=none] .smart-color-input,
.smart-color-picker[value-display-mode=colorBox] .smart-color-input,
.smart-color-picker[value-display-mode=text] .smart-color-box {
	display: none
}
.smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container {
	width: var(--smart-color-picker-drop-down-width);
	max-width: none;
	height: var(--smart-color-picker-drop-down-height);
	max-height: none;
	box-sizing: content-box;
	overflow: hidden
}
.smart-color-picker .smart-ripple {
	background: var(--smart-primary-color)
}
.smart-color-picker smart-color-panel,
.smart-drop-down-repositioned smart-color-panel {
	width: 100%;
	height: 100%;
	padding: 5px;
	border: none
}
.smart-color-picker .smart-color-box {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: var(--smart-border-radius);
	border: var(--smart-border-width) solid var(--smart-border);
	background-color: var(--smart-background);
	margin-right: 5px;
	overflow: hidden;
	background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 74%, #ccc 75%, #ccc);
	background-position: 0 5px, 5px 10px;
	background-size: 10px 10px
}
.smart-color-picker .smart-color-box.no-color {
	background-image: linear-gradient(45deg, transparent 47.5%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .2) 52.5%, transparent 52.5%);
	background-position: initial;
	background-size: initial
}
.smart-color-picker .smart-color-box>div {
	width: 100%;
	height: 100%
}
.smart-color-picker .smart-color-input {
	border: 0;
	background-color: transparent;
	outline: 0;
	color: inherit
}
.smart-color-picker:not([opened]) .smart-color-input {
	color: inherit
}
.smart-color-picker[value-display-mode=none] .smart-action-button {
	padding: initial;
	border: none
}
.smart-color-picker[value-display-mode=none] .smart-drop-down-button {
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-left-width: var(--smart-border-width);
	border-left-style: solid
}
.smart-color-picker[value-display-mode=none]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-drop-down-button {
	border-left-color: var(--smart-border)
}
.smart-color-picker[value-display-mode=colorBox] .smart-color-box,
.smart-color-picker[value-display-mode=text] .smart-color-input {
	display: block
}
.smart-color-picker[editable] .smart-action-button {
	cursor: initial
}
.smart-color-picker[editable]:not([opened]):not([drop-down-open-mode=dropDownButton])[hover] .smart-action-button {
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-color-picker:not([editable]) .smart-color-input {
	cursor: pointer;
	user-select: none
}
.smart-color-picker[opened][editable] .smart-action-button {
	background-color: var(--smart-backgroud);
	color: var(--smart-background-color)
}
smart-date-time-picker {
	width: var(--smart-date-time-picker-default-width);
	min-width: var(--smart-editor-addon-width);
	height: var(--smart-date-time-picker-default-height);
	min-height: var(--smart-editor-height)
}
smart-date-time-picker.smart-element {
	overflow: visible
}
smart-date-time-picker[hover] {
	border-color: var(--smart-ui-state-border-hover)
}
.smart-date-time-picker[focus],
.smart-date-time-picker[focus] .smart-drop-down-button.smart-calendar-button {
	border-color: var(--smart-outline)
}
.smart-date-time-picker .smart-ripple {
	background: var(--smart-background)
}
.smart-date-time-picker.smart-container,
smart-date-time-picker>.smart-container {
	display: flex;
	position: relative;
	align-items: center
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button,
.smart-date-time-picker .smart-spin-buttons-container,
.smart-date-time-picker.smart-container>input,
smart-date-time-picker>.smart-container>input {
	height: 100%
}
.smart-date-time-picker .smart-input.smart-date-time-input {
	width: 100%;
	border: none;
	background: inherit;
	padding: var(--smart-editor-label-padding);
	outline: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	text-align: inherit
}
.smart-date-time-picker[disabled] .smart-input.smart-date-time-input {
	background-color: transparent;
	user-select: none
}
.smart-date-time-picker>.smart-container>.smart-hint,
.smart-date-time-picker>.smart-container>.smart-label {
	display: none
}
.smart-date-time-picker .smart-spin-buttons-container {
	display: none;
	width: var(--smart-editor-addon-width);
	border-radius: 0
}
.smart-date-time-picker .smart-spin-button {
	--smart-button-padding: 0;
	display: block;
	width: 100%;
	height: 50%;
	min-height: 0;
	color: var(--smart-surface-color);
	background-color: var(--smart-surface);
	border: solid;
	border-width: 0;
	border-color: var(--smart-border);
	border-left-width: var(--smart-border-width);
	font-weight: 500;
	border-radius: 0
}
.smart-date-time-picker:not([spin-buttons]) .smart-input.smart-date-time-input,
.smart-date-time-picker[calendar-button-position=left] .smart-drop-down-button,
.smart-date-time-picker[spin-buttons]:not([spin-buttons-position=left]) .smart-input.smart-date-time-input {
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius)
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button,
.smart-date-time-picker:not([calendar-button])[spin-buttons-position=left] .smart-input.smart-date-time-input,
.smart-date-time-picker:not([spin-buttons]):not([calendar-button]) .smart-input.smart-date-time-input,
.smart-date-time-picker:not([spin-buttons])[calendar-button-position=left] .smart-input.smart-date-time-input,
.smart-date-time-picker[calendar-button-position=left][spin-buttons-position=left] .smart-input.smart-date-time-input {
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-date-time-picker[spin-buttons-position=left] .smart-spin-button {
	border-right-width: var(--smart-border-width);
	border-left-width: 0
}
.smart-date-time-picker[spin-buttons-position=left] .smart-spin-button:first-child {
	border-top-left-radius: var(--smart-border-top-left-radius)
}
.smart-date-time-picker[spin-buttons-position=left] .smart-spin-button:last-child {
	border-bottom-left-radius: var(--smart-border-bottom-left-radius)
}
.smart-date-time-picker .smart-spin-button:first-child {
	border-bottom-width: 1px
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button[hover],
.smart-date-time-picker .smart-spin-button[hover] {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover)
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button[active],
.smart-date-time-picker .smart-spin-button[active] {
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-border-active)
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button {
	display: none;
	width: var(--smart-editor-addon-width);
	cursor: pointer;
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border);
	border-width: 0;
	border-left-width: var(--smart-border-width);
	border-style: solid;
	overflow: hidden
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button:after {
	width: 100%;
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	color: inherit;
	font-size: var(--smart-arrow-size);
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}
.smart-date-time-picker[calendar-button] .smart-input.smart-date-time-input,
.smart-date-time-picker[spin-buttons] .smart-input.smart-date-time-input {
	width: calc(100% - var(--smart-editor-addon-width))
}
.smart-date-time-picker[disabled] .smart-drop-down-button.smart-calendar-button,
.smart-date-time-picker[readonly] .smart-drop-down-button.smart-calendar-button {
	cursor: default
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button:after,
.smart-drop-down.smart-date-time-drop-down .smart-today-element:after {
	content: var(--smart-icon-calendar)
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button.time:after {
	content: var(--smart-icon-clock)
}
.smart-date-time-picker[spin-buttons] {
	min-width: calc(var(--smart-editor-addon-width))
}
.smart-date-time-picker[spin-buttons] .smart-spin-buttons-container {
	display: block
}
.smart-date-time-picker[calendar-button] {
	min-width: var(--smart-editor-addon-width)
}
.smart-date-time-picker[calendar-button] .smart-drop-down-button.smart-calendar-button {
	display: block;
	position: relative
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button.smart-drop-down-button-pressed {
	color: var(--smart-ui-state-color)
}
.smart-date-time-picker .smart-drop-down-button.smart-calendar-button.smart-drop-down-button-pressed[hover]:after {
	color: var(--smart-ui-state-color-hover)
}
.smart-date-time-picker[spin-buttons][calendar-button] {
	min-width: calc(var(--smart-editor-addon-width) + var(--smart-editor-addon-width))
}
.smart-date-time-picker[spin-buttons][calendar-button] .smart-input.smart-date-time-input {
	width: calc(100% - var(--smart-editor-addon-width) - var(--smart-editor-addon-width))
}
.smart-date-time-picker[calendar-button-position=left] .smart-drop-down-button {
	border-left: none;
	border-right-width: var(--smart-border-width);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.smart-date-time-picker[calendar-button][calendar-button-position=left][spin-buttons][spin-buttons-position=left] .smart-spin-button:first-child {
	border-top-left-radius: 0
}
.smart-date-time-picker[calendar-button][calendar-button-position=left][spin-buttons][spin-buttons-position=left] .smart-spin-button:last-child {
	border-bottom-left-radius: 0
}
.smart-date-time-picker:not([calendar-button])[spin-buttons]:not([spin-buttons-position=left]) .smart-spin-button:first-child,
.smart-date-time-picker[calendar-button-position=left][spin-buttons]:not([spin-buttons-position=left]) .smart-spin-button:first-child {
	border-top-right-radius: var(--smart-border-top-right-radius)
}
.smart-date-time-picker:not([calendar-button])[spin-buttons]:not([spin-buttons-position=left]) .smart-spin-button:last-child,
.smart-date-time-picker[calendar-button-position=left][spin-buttons]:not([spin-buttons-position=left]) .smart-spin-button:last-child {
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-drop-down.smart-date-time-drop-down .smart-footer,
.smart-drop-down.smart-date-time-drop-down .smart-header {
	cursor: initial
}
.smart-drop-down.smart-date-time-drop-down .smart-date-time-picker-footer {
	height: 100%
}
.smart-drop-down.smart-date-time-drop-down .smart-am-pm-element,
.smart-drop-down.smart-date-time-drop-down .smart-date-time-picker-footer {
	width: 100%
}
.smart-drop-down.smart-date-time-drop-down .smart-date-time-picker-footer,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today {
	display: flex;
	padding: 1px
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today {
	font-family: var(--smart-font-family-icon)
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component>input {
	outline: 0;
	border: var(--smart-border-width) solid var(--smart-border);
	text-align: center;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	height: 100%
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today {
	border: var(--smart-border-width) solid transparent
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component:focus,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component>input:focus {
	border-color: var(--smart-outline)
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-hour smart-repeat-button,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-minute smart-repeat-button {
	border-radius: 0;
	margin: 0 0 0 -1px;
	width: 100%;
	height: 50%
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-hour smart-repeat-button:last-child,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-minute smart-repeat-button:last-child {
	border-top-color: transparent
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-hour button,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-minute button {
	border-radius: 0;
	padding: 0
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-hour,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-minute {
	width: 30%
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-ampm,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component>span {
	width: 30%;
	overflow: hidden;
	display: flex;
	flex-direction: column
}
.smart-drop-down.smart-date-time-drop-down .smart-hour-element,
.smart-drop-down.smart-date-time-drop-down .smart-minute-element {
	width: 60%
}
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today {
	align-items: center;
	justify-content: center
}
.smart-drop-down.smart-date-time-drop-down .smart-today-element {
	cursor: pointer;
	outline: 0
}
.smart-drop-down.smart-date-time-drop-down .smart-today-element:focus {
	border-color: var(--smart-outline)
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-header {
	height: var(--smart-bar-height);
	width: 100%;
	display: flex;
	align-items: center
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-header>div {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	opacity: var(--smart-date-time-picker-header-opacity)
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-header>div:focus {
	text-decoration: underline
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-header>.smart-selected {
	background-color: var(--smart-primary);
	border-color: var(--smart-primary);
	color: var(--smart-primary-color);
	opacity: var(--smart-date-time-picker-header-opacity-active)
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-content {
	width: 100%;
	height: calc(100% - var(--smart-bar-height))
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-content.partial {
	height: 100%
}
.smart-date-time-picker .smart-drop-down.smart-date-time-drop-down,
.smart-drop-down.smart-date-time-drop-down {
	padding: 0!important
}
.smart-drop-down.smart-date-time-drop-down smart-calendar,
.smart-drop-down.smart-date-time-drop-down smart-time-picker {
	border: none;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	border-radius: 0
}
.smart-drop-down.smart-date-time-drop-down smart-time-picker {
	min-width: initial
}
.smart-drop-down.smart-date-time-drop-down smart-time-picker .smart-hour-minute-container {
	font-size: 40px
}
.smart-drop-down.smart-date-time-drop-down[drop-down-display-mode=classic] .smart-calendar-container,
.smart-drop-down.smart-date-time-drop-down[drop-down-display-mode=timePicker] .smart-calendar-container {
	height: 100%
}
.smart-date-time-picker .smart-hidden {
	display: none
}
.smart-drop-down.smart-date-time-drop-down .smart-drop-down-header:focus,
.smart-drop-down.smart-date-time-drop-down .smart-footer-component-today:focus {
	outline: 0
}
.smart-date-time-picker.smart-container>.smart-content,
smart-date-time-picker>.smart-container>.smart-content {
	display: flex;
	height: 100%;
	width: 100%
}
.smart-drop-down.smart-date-time-drop-down.smart-visibility-hidden.not-in-view {
	left: -9999px;
	top: -9999px;
	transition: none
}
.smart-date-time-picker[right-to-left]>.smart-container {
	direction: initial
}
.smart-date-time-picker[right-to-left] .smart-hint,
.smart-date-time-picker[right-to-left] .smart-input.smart-date-time-input,
.smart-date-time-picker[right-to-left]>.smart-container>.smart-label {
	direction: rtl
}
.smart-docking-layout smart-splitter smart-splitter-bar .smart-splitter-resize-button,
.smart-docking-layout smart-tabs-window.smart-window .smart-maximize-button,
.smart-docking-layout smart-tabs-window.smart-window .smart-minimize-button,
.smart-docking-layout smart-tabs-window.smart-window .smart-pin-button {
	display: none
}
smart-docking-layout {
	width: var(--smart-docking-layout-default-width);
	height: var(--smart-docking-layout-default-height)
}
smart-docking-layout.smart-element {
	overflow: initial
}
.smart-docking-layout>.smart-container {
	overflow: hidden
}
.smart-docking-layout[dragged]>.smart-container {
	overflow: visible
}
.smart-docking-layout .smart-horizontal-hidden-items-container,
.smart-docking-layout .smart-items-container,
.smart-docking-layout .smart-vertical-hidden-items-container,
smart-docking-layout .smart-horizontal-hidden-items-container,
smart-docking-layout .smart-items-container,
smart-docking-layout .smart-vertical-hidden-items-container {
	width: 100%;
	height: 100%;
	background-color: transparent
}
.smart-docking-layout .smart-docking-layout-auto-hide-window.smart-window .smart-content-container:not([class*=smart-window-resizing])>.smart-header-section,
.smart-docking-layout smart-tabs-window.smart-window:not(.smart-docking-layout-auto-hide-window) .smart-content-container>.smart-header-section,
.smart-docking-layout smart-tabs-window.smart-window[pinned]:not(.smart-docking-layout-auto-hide-window) .smart-content-container>.smart-header-section,
.smart-docking-layout[dragged] {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.smart-docking-layout .smart-window .smart-content-container>.smart-content {
	align-items: stretch
}
.smart-docking-layout smart-tabs-window.smart-window {
	width: 100%;
	height: 100%;
	max-width: 100%;
	top: initial;
	left: initial;
	z-index: initial;
	transform: initial;
	border-radius: 0
}
.smart-docking-layout smart-tabs-window.smart-window:not([animation=none]):not(.smart-docking-layout-auto-hide-window) {
	transition: transform .2s ease-out
}
.smart-docking-layout smart-tabs-window.smart-window[collapsed] {
	height: 100%
}
.smart-docking-layout smart-tabs-window.smart-window[auto-hide],
.smart-docking-layout smart-tabs-window.smart-window[auto-hide] smart-tabs {
	height: 100%;
	width: 100%
}
.smart-docking-layout smart-splitter {
	border: none
}
.smart-docking-layout smart-splitter-item smart-tabs-window.smart-window[auto-hide] .smart-content-container>.smart-content {
	height: 100%
}
.smart-docking-layout smart-tabs-window.smart-window[tabs-window-dragged]:not(.smart-tabs-window-feedback) {
	transform: scale(.75)
}
smart-tabs-window[tabs-window-dragged]:not(.smart-tabs-window-feedback) {
	transform: scale(.2)
}
.smart-docking-layout smart-splitter-item smart-tabs-window.smart-window:not([animation=none]) {
	transition: none;
	animation: none;
	border: none
}
smart-tabs-window.smart-window[tabs-window-dragged] {
	animation: none;
	position: absolute;
	opacity: .5;
	transform: scale(.2);
	transform-origin: top left;
	z-index: 10001;
	pointer-events: none;
	min-width: 400px;
	min-height: 400px
}
smart-tabs-window.smart-window[tabs-window-dragged]:not([animation=none]) {
	transition: transform .2s ease-in;
	animation: scaleInNo .2s cubic-bezier(.4, 0, .2, 1)
}
@keyframes scaleInNo {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(.2)
	}
}
.smart-docking-layout smart-tabs-window.smart-window[ontop]:not([tabs-window-dragged]) {
	z-index: initial
}
.smart-docking-layout .smart-tabs-window-feedback.smart-window {
	position: absolute;
	opacity: 0;
	max-width: 400px;
	max-height: 400px;
	pointer-events: none
}
.smart-docking-layout .smart-tabs-window-feedback.smart-window:not([animation=none]) {
	transition: transform .2s ease-out, opacity .2s ease-out, visibility .2s ease-out
}
.smart-docking-layout .smart-tabs-window-feedback[tabs-window-dragged] {
	z-index: 10001;
	opacity: .9;
	transform: scale(.2);
	min-width: 400px;
	min-height: 400px
}
.smart-docking-snap-bottom-feedback,
.smart-docking-snap-left-feedback,
.smart-docking-snap-right-feedback,
.smart-docking-snap-top-feedback {
	transition: all 50ms cubic-bezier(.4, 0, .6, 1);
	z-index: 10001;
	position: absolute;
	opacity: .65;
	border-radius: 2px;
	box-shadow: 0 0 1px 1px var(--smart-background-color);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	animation: scaleIn .2s cubic-bezier(.4, 0, .2, 1);
	transform: scale(1);
	pointer-events: none
}
.smart-docking-snap-right-feedback {
	width: 50%;
	left: calc(50% - 5px)
}
.smart-docking-snap-header-feedback,
.smart-docking-snap-layout-bottom-feedback,
.smart-docking-snap-layout-left-feedback,
.smart-docking-snap-layout-right-feedback,
.smart-docking-snap-layout-top-feedback {
	position: absolute;
	opacity: .65;
	box-shadow: 0 0 1px 1px var(--smart-background-color);
	border-radius: var(--smart-border-radius);
	transform: scale(1);
	pointer-events: none;
	cursor: pointer;
	z-index: 10001;
	transition: width 50ms cubic-bezier(.4, 0, .2, 1), height 50ms cubic-bezier(.4, 0, .2, 1), top 50ms cubic-bezier(.4, 0, .6, 1), animation .2s cubic-bezier(.4, 0, .6, 1), left 50ms cubic-bezier(.4, 0, .2, 1);
	animation: scaleIn .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-docking-snap-bottom-feedback[disabled]::after,
.smart-docking-snap-header-feedback[disabled]::after,
.smart-docking-snap-layout-bottom-feedback[disabled]::after,
.smart-docking-snap-layout-left-feedback[disabled]::after,
.smart-docking-snap-layout-right-feedback[disabled]::after,
.smart-docking-snap-layout-top-feedback[disabled]::after,
.smart-docking-snap-left-feedback[disabled]::after,
.smart-docking-snap-right-feedback[disabled]::after,
.smart-docking-snap-top-feedback[disabled]::after {
	position: absolute;
	content: var(--smart-icon-block);
	font-family: var(--smart-font-family-icon);
	opacity: .25;
	color: red;
	font-size: calc(2.5 * 14px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-docking-layout .smart-window .smart-buttons-container .smart-dock-button:after {
	content: var(--smart-icon-window-pin-alt);
	font-size: .8rem
}
.smart-docking-layout .smart-window .smart-buttons-container .smart-menu-button:after {
	content: var(--smart-icon-menu);
	transform: rotate(180deg);
	font-size: .8rem
}
.smart-docking-layout .smart-window .smart-buttons-container .smart-auto-hide-button:after,
smart-tabs-window.smart-window .smart-buttons-container .smart-auto-hide-button:after {
	content: var(--smart-icon-window-pin);
	font-size: .8rem
}
.smart-docking-snap-layout-left-feedback,
.smart-docking-snap-layout-right-feedback {
	max-width: 50px
}
.smart-docking-snap-layout-bottom-feedback,
.smart-docking-snap-layout-top-feedback {
	max-height: 50px
}
.smart-docking-snap-header-feedback.smart-visibility-hidden,
.smart-docking-snap-layout-bottom-feedback.smart-visibility-hidden,
.smart-docking-snap-layout-left-feedback.smart-visibility-hidden,
.smart-docking-snap-layout-right-feedback.smart-visibility-hidden,
.smart-docking-snap-layout-top-feedback.smart-visibility-hidden {
	transition: animation .2s cubic-bezier(.4, 0, .6, 1), visibility .2s cubic-bezier(.4, 0, .6, 1), top .2s cubic-bezier(.4, 0, .2, 1), left .1s cubic-bezier(.4, 0, .2, 1);
	animation: scaleOut .2s cubic-bezier(.4, 0, .6, 1);
	transform: scale(0)
}
.smart-docking-snap-layout-bottom-feedback,
.smart-docking-snap-layout-left-feedback,
.smart-docking-snap-layout-right-feedback,
.smart-docking-snap-layout-top-feedback {
	transform-origin: left
}
.smart-docking-layout smart-tabs-window.smart-window {
	position: relative;
	min-width: 0;
	min-height: 0;
	box-shadow: none;
	border: var(--smart-border-width) solid var(--smart-border)
}
.smart-docking-layout smart-tabs-window.smart-window smart-tabs {
	min-width: 0;
	min-height: 0;
	height: 100%
}
.smart-docking-layout smart-tabs-window.smart-window[auto-hide] {
	border: none
}
.smart-docking-layout smart-tabs-window.smart-window[auto-hide] .smart-content-container>.smart-content {
	padding: 0;
	overflow: hidden
}
.smart-docking-layout .smart-window .smart-dock-button:after {
	content: var(--smart-icon-arrow-up);
	font-size: .8rem
}
.smart-docking-layout .smart-window[focused] {
	box-shadow: none
}
smart-docking-layout:not([animation=none]) .smart-window .smart-dock-button:after {
	transition: transform .2s ease
}
.smart-docking-layout smart-splitter[show-locked-items] smart-splitter-item[locked].auto-hide-bottom>.smart-container::after,
.smart-docking-layout smart-splitter[show-locked-items] smart-splitter-item[locked].auto-hide-left>.smart-container::after,
.smart-docking-layout smart-splitter[show-locked-items] smart-splitter-item[locked].auto-hide-right>.smart-container::after,
.smart-docking-layout smart-splitter[show-locked-items] smart-splitter-item[locked].auto-hide-top>.smart-container::after {
	content: ''
}
@-moz-document url-prefix() {
	.smart-docking-layout smart-splitter-item[locked].auto-hide-top {
		line-height: 100%
	}
}
smart-tabs-window.smart-window[auto-hide] .smart-content-container>.smart-content {
	padding: 5px
}
.smart-docking-layout smart-placeholder .smart-window .smart-content {
	height: 100%
}
.smart-docking-layout .smart-placeholder .smart-window .smart-content-container>.smart-header-section {
	min-height: 0;
	height: 0;
	padding: 0
}
.smart-docking-layout .smart-docking-layout-item-holder {
	width: 100%;
	height: 100%
}
.smart-docking-layout[snap-mode=advanced] smart-splitter-item .smart-content {
	overflow: hidden
}
.smart-docking-layout .smart-horizontal-hidden-items-container>.smart-container>smart-splitter-item,
.smart-docking-layout .smart-vertical-hidden-items-container>.smart-container>smart-splitter-item {
	background-color: transparent
}
.smart-docking-layout smart-splitter-item.smart-placeholder smart-tab-item .smart-container:after {
	content: 'Drop Items Here';
	font-family: var(--smart-font-family-icon);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	padding: 15px;
	color: gray;
	opacity: .75
}
@supports (-ms-ime-align: auto) {
	.smart-docking-layout smart-tabs[vertical]>.smart-container {
		display: table-cell
	}
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=right][opened] {
	transition: animation, visibility .2s ease-in;
	transform-origin: left;
	animation: leftToRightIn .2s cubic-bezier(0, 0, .2, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=right] {
	transition: animation, visibility .2s ease-in;
	transform-origin: left;
	animation: leftToRightOut .2s cubic-bezier(.4, 0, 1, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=left][opened] {
	transition: animation, visibility .2s ease-in;
	transform-origin: right;
	animation: rightToLeftIn .2s cubic-bezier(0, 0, .2, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=left] {
	transition: animation, visibility .2s ease-in;
	transform-origin: right;
	animation: rightToLeftOut .2s cubic-bezier(.4, 0, 1, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=top][opened] {
	transition: animation, visibility .2s ease-in;
	transform-origin: bottom;
	animation: bottomToTopIn .2s cubic-bezier(0, 0, .2, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=top] {
	transition: animation, visibility .2s ease-in;
	transform-origin: bottom;
	animation: bottomToTopOut .2s cubic-bezier(.4, 0, 1, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=bottom][opened] {
	transition: animation, visibility .2s ease-in;
	transform-origin: top;
	animation: topToBottomIn .2s cubic-bezier(0, 0, .2, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=bottom] {
	transition: animation, visibility .2s ease-in;
	transform-origin: top;
	animation: topToBottomOut .2s cubic-bezier(.4, 0, 1, 1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=right]:not([animation=none]).smart-visibility-hidden,
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=left]:not([animation=none]).smart-visibility-hidden {
	transform: scaleX(0)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=top]:not([animation=none]).smart-visibility-hidden,
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=bottom]:not([animation=none]).smart-visibility-hidden {
	transform: scaleY(0)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=right]:not([animation=none]),
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=left]:not([animation=none]) {
	transform: scaleX(1)
}
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=top]:not([animation=none]),
.smart-docking-layout .smart-docking-layout-auto-hide-window[resize-mode=bottom]:not([animation=none]) {
	transform: scaleY(1)
}
@keyframes leftToRightIn {
	0% {
		transform: scaleX(0)
	}
}
@keyframes leftToRightOut {
	0% {
		transform: scaleX(1)
	}
	100% {
		transform: scaleX(0)
	}
}
@keyframes rightToLeftIn {
	0% {
		transform: scaleX(0)
	}
}
@keyframes rightToLeftOut {
	0% {
		transform: scaleX(1)
	}
	100% {
		transform: scaleX(0)
	}
}
@keyframes bottomToTopIn {
	0% {
		transform: scaleY(0)
	}
}
@keyframes bottomToTopOut {
	0% {
		transform: scaleY(1)
	}
	100% {
		transform: scaleY(0)
	}
}
@keyframes topToBottomIn {
	0% {
		transform: scaleY(0)
	}
}
@keyframes topToBottomOut {
	0% {
		transform: scaleY(1)
	}
	100% {
		transform: scaleY(0)
	}
}
.smart-docking-layout-snap {
	width: 110px;
	height: 110px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-docking-layout-snap>div {
	width: 100%;
	height: calc(100% / 3);
	display: flex;
	justify-content: center;
	align-items: center
}
.smart-docking-layout-snap .bottom,
.smart-docking-layout-snap .center,
.smart-docking-layout-snap .left,
.smart-docking-layout-snap .right,
.smart-docking-layout-snap .top {
	width: 35px;
	height: 35px;
	float: left;
	padding: 2px;
	overflow: hidden;
	opacity: .25
}
.smart-docking-layout-snap .bottom[show],
.smart-docking-layout-snap .center[show],
.smart-docking-layout-snap .left[show],
.smart-docking-layout-snap .right[show],
.smart-docking-layout-snap .top[show],
.smart-docking-layout-snap.layout-bottom[show],
.smart-docking-layout-snap.layout-left[show],
.smart-docking-layout-snap.layout-right[show],
.smart-docking-layout-snap.layout-top[show] {
	opacity: 1
}
.smart-docking-layout-snap .bottom>div,
.smart-docking-layout-snap .center>div,
.smart-docking-layout-snap .left>div,
.smart-docking-layout-snap .right>div,
.smart-docking-layout-snap .top>div,
.smart-docking-layout-snap.layout-bottom>div,
.smart-docking-layout-snap.layout-left>div,
.smart-docking-layout-snap.layout-right>div,
.smart-docking-layout-snap.layout-top>div {
	width: 100%;
	height: 100%;
	border: 1px solid var(--smart-border);
	background: var(--smart-background);
	border-top-width: 6px;
	box-sizing: border-box;
	display: flex;
	pointer-events: none
}
.smart-docking-layout-snap .right>div,
.smart-docking-layout-snap.layout-right {
	flex-direction: column
}
.smart-docking-layout-snap .bottom>div,
.smart-docking-layout-snap .right>div {
	align-items: flex-end
}
.smart-docking-layout-snap .bottom>div div,
.smart-docking-layout-snap .center>div div,
.smart-docking-layout-snap .left>div div,
.smart-docking-layout-snap .right>div div,
.smart-docking-layout-snap .top>div div,
.smart-docking-layout-snap.layout-bottom>div div,
.smart-docking-layout-snap.layout-left>div div,
.smart-docking-layout-snap.layout-right>div div,
.smart-docking-layout-snap.layout-top>div div {
	width: 100%;
	height: 50%;
	background-color: var(--smart-primary)
}
.smart-docking-layout-snap .header {
	background-color: var(--smart-primary);
	position: absolute
}
.smart-docking-layout-snap .center>div div {
	height: 100%
}
.smart-docking-layout-snap .left>div div,
.smart-docking-layout-snap .right>div div {
	width: 50%;
	height: 100%
}
.smart-docking-layout-snap.layout-bottom.smart-hidden,
.smart-docking-layout-snap.layout-left.smart-hidden,
.smart-docking-layout-snap.layout-right.smart-hidden,
.smart-docking-layout-snap.layout-top.smart-hidden {
	display: none
}
.smart-docking-layout-snap.layout-bottom,
.smart-docking-layout-snap.layout-left,
.smart-docking-layout-snap.layout-right,
.smart-docking-layout-snap.layout-top {
	position: absolute;
	width: 30px;
	height: 30px;
	overflow: hidden;
	opacity: .25
}
.smart-docking-layout-snap.layout-top {
	left: 50%;
	transform: translateX(-50%);
	top: 5px
}
.smart-docking-layout-snap.layout-bottom {
	top: auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px
}
.smart-docking-layout-snap.layout-left {
	top: 50%;
	transform: translateY(-50%);
	left: 5px
}
.smart-docking-layout-snap.layout-right {
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	right: 5px
}
.smart-docking-layout-snap.layout-left>div,
.smart-docking-layout-snap.layout-right>div {
	width: 50%;
	position: relative
}
.smart-docking-layout-snap.layout-left>div:after,
.smart-docking-layout-snap.layout-right>div:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: none;
	border-right: var(--smart-docking-layout-feedback-background-secondary-size) solid var(--smart-border);
	border-top: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent;
	border-bottom: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent;
	left: 155%;
	top: 50%;
	transform: translateY(-50%)
}
.smart-docking-layout-snap.layout-right>div:after {
	border-right: none;
	border-left: var(--smart-docking-layout-feedback-background-secondary-size) solid var(--smart-border);
	border-top: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent;
	border-bottom: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent;
	left: calc(-100% - 1px)
}
.smart-docking-layout-snap.layout-bottom>div:after,
.smart-docking-layout-snap.layout-top>div:after {
	border-right: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent;
	border-left: var(--smart-docking-layout-feedback-background-secondary-size) solid transparent
}
.smart-docking-layout-snap.layout-bottom>div,
.smart-docking-layout-snap.layout-top>div {
	height: 50%;
	position: relative
}
.smart-docking-layout-snap.layout-bottom>div:after,
.smart-docking-layout-snap.layout-top>div:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: none;
	border-bottom: var(--smart-docking-layout-feedback-background-secondary-size) solid var(--smart-border);
	left: 50%;
	top: 180%;
	transform: translateX(-50%)
}
.smart-docking-layout-snap.layout-bottom>div:after {
	border-top: var(--smart-docking-layout-feedback-background-secondary-size) solid var(--smart-border);
	border-bottom: none;
	left: 50%;
	top: -100%;
	transform: translate(-50%, -150%)
}
.smart-docking-layout-snap.layout-bottom,
.smart-docking-layout-snap.layout-right {
	display: flex;
	align-items: flex-end
}
.smart-docking-layout-snap.layout-bottom>div div,
.smart-docking-layout-snap.layout-left>div div,
.smart-docking-layout-snap.layout-right>div div,
.smart-docking-layout-snap.layout-top>div div {
	height: 100%
}
.smart-docking-layout .smart-window-resize-feedback {
	border: 2.5px solid #d3d3d3
}
.smart-docking-layout-auto-hide-window,
.smart-docking-layout-auto-hide-window[ontop] {
	z-index: 9999!important
}
.smart-docking-layout .smart-docking-layout-auto-hide-window.smart-window {
	position: absolute;
	box-shadow: none;
	border: 1px solid #A9A9A9;
	border-radius: 0;
	width: 200px;
	height: 200px;
	min-width: 100px;
	min-height: 100px
}
.smart-docking-layout .smart-docking-layout-auto-hide-window:focus,
.smart-docking-layout .smart-docking-layout-auto-hide-window[focused] {
	box-shadow: none
}
.smart-docking-layout-snap-highlighter,
.smart-docking-layout-snap-highlighter-header {
	background-color: var(--smart-primary);
	opacity: .5;
	position: absolute;
	pointer-events: none;
	z-index: 10001
}
.smart-docking-layout-snap-highlighter-header {
	transform: none
}
.smart-docking-layout-snap-highlighter[position=center] {
	top: 0;
	left: 0
}
.smart-docking-layout-snap-highlighter[position=center],
.smart-docking-layout-snap-highlighter[position=header] {
	width: 100%;
	height: 100%
}
.smart-docking-layout-snap-highlighter[position=top],
.smart-docking-layout-snap-highlighter[position=bottom] {
	width: 100%;
	height: 50%;
	max-height: 50%
}
.smart-docking-layout-snap-highlighter[position=layout-top],
.smart-docking-layout-snap-highlighter[position=top] {
	top: 0
}
.smart-docking-layout-snap-highlighter[position=layout-bottom],
.smart-docking-layout-snap-highlighter[position=bottom] {
	bottom: 0
}
.smart-docking-layout-snap-highlighter[position=right],
.smart-docking-layout-snap-highlighter[position=left] {
	width: 50%;
	max-width: 50%;
	height: 100%
}
.smart-docking-layout-snap-highlighter[position=left] {
	left: 0;
	top: 0
}
.smart-docking-layout-snap-highlighter[position=right] {
	right: 0;
	top: 0
}
.smart-docking-layout-snap-highlighter[position=layout-top],
.smart-docking-layout-snap-highlighter[position=layout-bottom] {
	width: 100%;
	height: 10%;
	max-height: 50%
}
.smart-docking-layout-snap-highlighter[position=layout-top] {
	top: 0
}
.smart-docking-layout-snap-highlighter[position=layout-bottom] {
	bottom: 0
}
.smart-docking-layout-snap-highlighter[position=layout-left],
.smart-docking-layout-snap-highlighter[position=layout-right] {
	width: 10%;
	max-width: 50%;
	height: 100%
}
.smart-docking-layout-snap-highlighter[position=layout-left] {
	left: 0;
	bottom: 0
}
.smart-docking-layout-snap-highlighter[position=layout-right] {
	right: 0;
	bottom: 0
}
smart-drop-down-list {
	width: var(--smart-drop-down-list-default-width);
	height: var(--smart-drop-down-list-default-height);
	overflow: initial;
	visibility: hidden;
	cursor: pointer
}
smart-drop-down-list.smart-element {
	overflow: visible;
	visibility: inherit;
	border-width: 0
}
.smart-drop-down-list smart-list-box {
	position: relative;
	width: 100%;
	height: 100%;
	border: initial;
	padding: initial;
	overflow: hidden;
	font-size: inherit;
	font-family: inherit;
	outline: 0
}
.smart-drop-down-list .smart-buttons-container .smart-action-button .smart-token {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	margin: 0 2px;
	user-select: none
}
.smart-drop-down-list .smart-drop-down-list-unselect-button {
	pointer-events: none
}
.smart-drop-down-list .smart-drop-down-list-unselect-button:not(:empty) {
	margin-right: 2px
}
.smart-drop-down-list[selection-display-mode=tokens] .smart-drop-down-list-unselect-button {
	pointer-events: initial
}
smart-drop-down-list.smart-element .smart-drop-down.smart-visibility-hidden {
	transform: scale(0);
	transition: transform .2s ease-in;
	transform-origin: left top 0
}
smart-drop-down-button {
	width: var(--smart-drop-down-button-default-width);
	height: var(--smart-drop-down-button-default-height);
	visibility: hidden
}
smart-drop-down-button.smart-element {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: visible;
	border: none;
	visibility: initial
}
.smart-drop-down-button .smart-ripple {
	background: var(--smart-primary-color)
}
.smart-drop-down-button .smart-buttons-container>.smart-action-button:empty {
	padding: 0;
	width: 0
}
.smart-drop-down-container>smart-scroll-viewer {
	--smart-scroll-viewer-min-width: calc(var(--smart-editor-drop-down-min-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
	--smart-scroll-viewer-max-width: calc(var(--smart-editor-drop-down-max-width) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
	--smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
	--smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size));
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	overflow: hidden
}
.smart-drop-down-container:not([resize-mode=none])>smart-scroll-viewer {
	--smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor-drop-down-resize-bar-height));
	--smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor- drop-down-resize-bar-height));
	height: calc(100% - var(--smart-editor-drop-down-resize-bar-height))
}
.smart-drop-down-container>smart-scroll-viewer>.smart-container>.smart-scroll-viewer-container>.smart-scroll-viewer-content-container {
	vertical-align: top;
	padding: 0
}
.smart-drop-down-container[empty]>smart-scroll-viewer>.smart-container>.smart-scroll-viewer-container {
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: italic
}
.smart-drop-down-box {
	background: var(--smart-surface);
	border-color: var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	overflow: initial;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size);
	outline: 0;
	height: var(--smart-editor-height)
}
.smart-drop-down-box .smart-buttons-container {
	width: inherit;
	height: inherit;
	display: inherit;
	flex-direction: inherit;
	cursor: inherit;
	position: inherit;
	overflow: hidden;
	min-height: inherit
}
.smart-drop-down-box .smart-action-button .smart-input {
	color: inherit;
	background: inherit;
	border: none;
	width: calc(100% - var(--smart-editor-addon-width));
	height: 100%;
	outline: 0;
	text-overflow: ellipsis
}
.smart-drop-down-box .smart-action-button .smart-input::placeholder {
	color: inherit
}
.smart-drop-down-box .smart-drop-down-button[active],
.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-action-button[active] {
	border-color: var(--smart-ui-state-border-active);
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-drop-down-box[resizing] {
	user-select: none;
	touch-action: none
}
.smart-drop-down-box .smart-drop-down {
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size)
}
.smart-drop-down-box .smart-action-button {
	display: flex;
	padding-left: var(--smart-editor-label-padding);
	align-content: center;
	outline: transparent solid 1px;
	height: 100%;
	width: calc(100% - var(--smart-editor-addon-width));
	flex-wrap: wrap;
	overflow: hidden;
	position: relative;
	border-style: solid;
	border-color: var(--smart-border);
	border-width: var(--smart-border-width);
	align-items: center;
	border-right: none;
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	user-select: none
}
.smart-drop-down-box[drop-down-button-position=right] .smart-action-button {
	padding-left: var(--smart-editor-label-padding)
}
.smart-drop-down-box[drop-down-button-position=top] .smart-action-button,
.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button {
	min-height: var(--smart-editor-height);
	padding-left: initial
}
.smart-drop-down-box[drop-down-button-position=left].smart-container>.smart-content,
.smart-drop-down-box[drop-down-button-position=left]>.smart-container>.smart-content {
	flex-direction: row-reverse
}
.smart-drop-down-box[drop-down-button-position=left] .smart-action-button {
	padding-right: var(--smart-editor-label-padding);
	border-right: var(--smart-border-width) solid var(--smart-border);
	border-color: var(--smart-border);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	padding-left: initial;
	flex-direction: row-reverse
}
.smart-drop-down-box[drop-down-button-position=left]:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
	border-left: initial
}
.smart-drop-down-box[drop-down-button-position=left] .smart-drop-down-button {
	border-left: var(--smart-border-width) solid var(--smart-border);
	border-color: var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.smart-drop-down-box[drop-down-button-position=left] .smart-drop-down-button,
.smart-drop-down-box[drop-down-button-position=left] .smart-drop-down-button[selected] {
	border-right: initial
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-drop-down-button:focus {
	border-color: var(--smart-outline);
	box-shadow: var(--smart-border-width) 0 0 0 var(--smart-outline)
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-action-button:focus {
	border-color: var(--smart-outline);
	box-shadow: calc(-1 * var(--smart-border-width)) 0 0 0 var(--smart-outline)
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-action-button:focus,
.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=right]:not([hover]) .smart-action-button:focus {
	box-shadow: var(--smart-border-width) 0 0 0 var(--smart-outline);
	border-color: var(--smart-outline);
	z-index: 1
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-drop-down-button:focus {
	border-color: var(--smart-outline)
}
.smart-drop-down-box[drop-down-button-position=top] .smart-content {
	flex-direction: column-reverse
}
.smart-drop-down-box[drop-down-button-position=top] .smart-action-button,
.smart-drop-down-box[drop-down-button-position=top] .smart-drop-down-button,
.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button,
.smart-drop-down-box[drop-down-button-position=bottom] .smart-drop-down-button {
	width: 100%;
	border: var(--smart-border-width) solid var(--smart-border);
	height: 50%;
	justify-content: center
}
.smart-drop-down-box[drop-down-button-position=top] .smart-drop-down-button,
.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button {
	border-bottom: initial;
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: 0
}
.smart-drop-down-box[drop-down-button-position=top],
.smart-drop-down-box[drop-down-button-position=bottom] {
	min-height: calc(2 * var(--smart-editor-height))
}
.smart-drop-down-box[drop-down-button-position=bottom] .smart-content {
	flex-direction: column
}
.smart-drop-down-box[drop-down-button-position=top] .smart-action-button,
.smart-drop-down-box[drop-down-button-position=bottom] .smart-drop-down-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-drop-down-box[drop-down-button-position=none] .smart-action-button {
	border-right: var(--smart-border-width) solid var(--smart-border);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	width: 100%;
	padding-right: var(--smart-editor-label-padding)
}
.smart-drop-down-box[drop-down-button-position=none] .smart-drop-down-button {
	display: none
}
.smart-drop-down-box[readonly] input {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}
.smart-drop-down-box .smart-drop-down.smart-visibility-hidden {
	transform: scale(0);
	transition: transform .2s ease-in;
	transform-origin: left top 0
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-drop-down-button {
	border-color: var(--smart-border);
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	border-left-style: solid;
	border-left-width: var(--smart-border-width)
}
.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-action-button {
	border-color: var(--smart-border);
	background-color: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-drop-down-box:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
	border-color: var(--smart-border);
	background-color: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-drop-down-box[hover] .smart-drop-down-button,
.smart-drop-down-box[hover]:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-drop-down-box[focus]:not([opened]) .smart-action-button,
.smart-drop-down-box[focus]:not([opened]) .smart-action-button[focus],
.smart-drop-down-box[focus]:not([opened]) .smart-drop-down-button,
.smart-drop-down-box[focus]:not([opened]) .smart-drop-down-button[focus] {
	outline: initial;
	border-color: var(--smart-outline)
}
.smart-drop-down-box .smart-drop-down-button,
.smart-drop-down-box[active] .smart-action-button,
.smart-drop-down-box[active][drop-down-open-mode=dropDownButton] .smart-drop-down-button:focus,
.smart-drop-down-box[active][focus][drop-down-open-mode=dropDownButton] .smart-action-button,
.smart-drop-down-box[active][focus][drop-down-open-mode=dropDownButton] .smart-drop-down-button {
	border-color: var(--smart-ui-state-border-active);
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-drop-down-box[opened] .smart-drop-down-button,
.smart-drop-down-box[opened]:not([drop-down-open-mode=dropDownButton]) .smart-action-button {
	border-color: var(--smart-ui-state-active);
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-drop-down-box.smart-container>.smart-content,
.smart-drop-down-box>.smart-container>.smart-content {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%
}
.smart-drop-down-box.auto-height {
	height: auto;
	min-height: var(--smart-editor-height)
}
.smart-drop-down-box.auto-height .smart-action-button,
.smart-drop-down-box.auto-height .smart-content,
.smart-drop-down-box.auto-height.smart-container,
.smart-drop-down-box.auto-height>.smart-container {
	min-height: inherit
}
.smart-drop-down-box.auto-height .smart-action-button {
	padding: 3px
}
.smart-drop-down-box[hint].auto-height,
.smart-drop-down-box[label].auto-height {
	height: auto
}
.smart-drop-down-box.smart-container,
.smart-drop-down-box>.smart-container,
.smart-drop-down-box[label][hint]>.smart-container {
	display: flex;
	position: relative;
	align-items: center
}
.smart-drop-down-box[hint]>.smart-container {
	align-items: flex-start
}
.smart-drop-down-box[label]>.smart-container {
	align-items: flex-end
}
.smart-drop-down-box[hint] .smart-hint,
.smart-drop-down-box[label] .smart-label {
	position: absolute;
	left: 0;
	bottom: 100%;
	font-size: 12px;
	width: 100%;
	display: block;
	padding: var(--smart-editor-label-padding);
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	text-align: initial;
	line-height: initial;
	vertical-align: initial
}
.smart-drop-down-box[hint] .smart-hint {
	opacity: 0;
	transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
	top: 100%;
	bottom: initial
}
.smart-drop-down-box[hint][focus] .smart-hint {
	opacity: 1;
	transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-drop-down-box[disabled] .smart-drop-down-button,
.smart-drop-down-box[disabled]>.smart-container {
	cursor: default;
	background-color: initial
}
.smart-drop-down-box[selection-display-mode=tokens][disabled] .smart-action-button>span {
	cursor: default
}
.smart-drop-down-box .smart-drop-down-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--smart-editor-addon-width);
	min-width: var(--smart-editor-addon-width);
	color: inherit;
	outline: transparent solid 1px;
	overflow: hidden;
	position: relative;
	background: inherit;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	border-left: none;
	color: var(--smart-surface-color);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	cursor: pointer
}
.smart-drop-down-box:not([placeholder])[dropDownButtonPosition=none] .smart-drop-down-button,
.smart-drop-down-box[placeholder=""][dropDownButtonPosition=none] .smart-drop-down-button {
	border-left-width: var(--smart-border-width);
	border-left-style: solid;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-drop-down-box:not([placeholder]):not([opened])[dropDownButtonPosition=none] .smart-drop-down-button:not([focus]),
.smart-drop-down-box[placeholder=""]:not([opened])[dropDownButtonPosition=none] .smart-drop-down-button:not([focus]) {
	border-color: var(--smart-border)
}
.smart-drop-down-box .smart-drop-down-button .smart-drop-down-button-icon {
	pointer-events: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform-origin: center;
	font-family: var(--smart-font-family-icon)
}
.smart-drop-down-box .smart-drop-down-button .smart-drop-down-button-icon::after {
	content: var(--smart-icon-arrow-down)
}
.smart-drop-down-box:not([animation=none]) .smart-drop-down-button .smart-drop-down-button-icon:after {
	transition: transform .2s
}
.smart-drop-down-box[drop-down-position=overlay-center] .smart-drop-down-button .smart-drop-down-button-icon::after {
	content: var(--smart-icon-minus)
}
.smart-drop-down-box .smart-drop-down-button[center-top] .smart-drop-down-button-icon:after,
.smart-drop-down-box .smart-drop-down-button[top] .smart-drop-down-button-icon:after,
.smart-drop-down-box[opened] .smart-drop-down-button .smart-drop-down-button-icon:after,
.smart-drop-down-box[opened] .smart-drop-down-button[bottom] .smart-drop-down-button-icon:after,
.smart-drop-down-box[opened] .smart-drop-down-button[center-bottom] .smart-drop-down-button-icon:after {
	transform: rotate(180deg)
}
.smart-drop-down-box[opened] .smart-drop-down-button[center-top] .smart-drop-down-button-icon:after,
.smart-drop-down-box[opened] .smart-drop-down-button[top] .smart-drop-down-button-icon:after {
	transform: rotate(0)
}
.smart-drop-down-box.outlined,
.smart-drop-down-box.outlined:not([opened]) .smart-action-button:not([active]),
.smart-drop-down-box.outlined:not([opened]) .smart-drop-down-button,
.smart-drop-down-box.outlined[drop-down-open-mode=dropDownButton]:not([hover]) .smart-action-button:not([active]),
.smart-drop-down-box.outlined[focus],
.smart-drop-down-box.outlined[hover]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-action-button:not([active]),
.smart-drop-down-box.underlined {
	background-color: transparent
}
.smart-drop-down-box.underlined .smart-action-button,
.smart-drop-down-box.underlined .smart-drop-down-button,
.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton][hover]:not([opened]) .smart-action-button[hover],
.smart-drop-down-box.underlined[hover]:not([opened]) .smart-action-button,
.smart-drop-down-box.underlined[hover]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-action-button:not([active]),
.smart-drop-down-box.underlined[opened] .smart-action-button,
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-action-button,
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button,
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button[focus],
.smart-drop-down-box.underlined[right-to-left]:not([hover]) .smart-action-button[focus] {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent
}
.smart-drop-down-box.underlined .smart-action-button,
.smart-drop-down-box.underlined:not([opened]):not([hover]) .smart-drop-down-button:not([hover]),
.smart-drop-down-box.underlined[hover]:not([drop-down-open-mode=dropDownButton]):not([opened]) .smart-action-button,
.smart-drop-down-box.underlined[opened] .smart-action-button,
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-action-button,
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]):not([opened]):not([hover]) .smart-drop-down-button:not([hover]),
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]):not([opened]):not([hover]) .smart-drop-down-button[focus]:not([hover]),
.smart-drop-down-box.underlined[right-to-left]:not([hover]) .smart-action-button[focus] {
	border-bottom-left-radius: 0
}
.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-action-button {
	border-bottom-right-radius: 0
}
.smart-drop-down-box.underlined .smart-action-button,
.smart-drop-down-box.underlined:not([hover]):not([opened]) .smart-drop-down-button,
.smart-drop-down-box.underlined[opened] .smart-action-button {
	background-color: transparent;
	color: var(--smart-background-color)
}
.smart-drop-down-box.underlined:not([opened]) .smart-action-button:not([active]):not([hover]),
.smart-drop-down-box.underlined:not([opened]):not([hover]) .smart-drop-down-button:not([active]):not([hover]) {
	border-radius: initial
}
.smart-drop-down-box.underlined[hover]:not([drop-down-open-mode=dropDownButton]):not([opened]) .smart-action-button:not([active]) {
	background-color: transparent
}
.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-drop-down-button:focus {
	box-shadow: none
}
.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton]:not([drop-down-button-position=left]):not([drop-down-button-position=top]):not([drop-down-button-position=bottom]):not([hover]) .smart-action-button:focus {
	box-shadow: none;
	z-index: initial
}
.smart-drop-down-box.underlined .smart-action-button[active],
.smart-drop-down-box.underlined .smart-drop-down-button[active] {
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-drop-down-box[right-to-left],
.smart-drop-down-box[right-to-left] .smart-hint,
.smart-drop-down-box[right-to-left] .smart-label {
	direction: rtl
}
.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-action-button,
.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-action-button {
	padding: 0 var(--smart-editor-label-padding) 0 0;
	border-right: var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius: initial;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: initial;
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-action-button,
.smart-drop-down-box[right-to-left]:not([drop-down-open-mode=dropDownButton])[drop-down-button-position=left] .smart-action-button {
	border-left: initial
}
.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button,
.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-drop-down-button {
	border-left: var(--smart-border-width) solid var(--smart-border);
	border-top-right-radius: initial;
	border-bottom-right-radius: initial;
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius)
}
.smart-drop-down-box[right-to-left] .smart-drop-down-button:focus,
.smart-drop-down-box[right-to-left]:not([hover]) .smart-action-button[focus],
.smart-drop-down-box[right-to-left]:not([hover]) .smart-drop-down-button[focus] {
	border-color: var(--smart-outline)
}
.smart-drop-down-box[right-to-left]:not([drop-down-open-mode=dropDownButton]):not([drop-down-button-position]) .smart-drop-down-button,
.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-drop-down-button {
	border-right: initial
}
.smart-drop-down-box[right-to-left][opened] .smart-action-button,
.smart-drop-down-box[right-to-left][opened] .smart-drop-down-button {
	border-color: var(--smart-border-active)
}
.smart-drop-down-box[right-to-left]:not([drop-down-button-position])>.smart-container>.smart-content,
.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-action-button,
.smart-drop-down-box[right-to-left][drop-down-button-position=left]>.smart-container>.smart-content {
	flex-direction: row
}
.smart-drop-down-box[right-to-left][drop-down-button-position=right]>.smart-container>.smart-content {
	flex-direction: row-reverse
}
.smart-drop-down-box[right-to-left][drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-action-button:focus,
.smart-drop-down-box[right-to-left][drop-down-open-mode=dropDownButton][drop-down-button-position=right]:not([hover]) .smart-action-button:focus {
	box-shadow: calc(-1 * var(--smart-border-width)) 0 0 0 var(--smart-outline)
}
@keyframes smart-drop-down-list-smart-animate-overlay-center-opening {
	0% {
		opacity: .2;
		transform: scaleY(0) translateY(-50%)
	}
	50% {
		opacity: .4
	}
	100% {
		opacity: 1;
		transform: scaleY(1) translateY(-50%)
	}
}
@keyframes smart-drop-down-list-smart-animate-overlay-center-closing {
	0% {
		opacity: 1;
		transform: scaleY(1) translateY(-50%)
	}
	50% {
		opacity: .4
	}
	100% {
		opacity: .2;
		transform: scaleY(0) translateY(-50%)
	}
}
@keyframes smart-drop-down-list-smart-animate-opening {
	0% {
		opacity: .2;
		transform: scaleY(0)
	}
	50% {
		opacity: .4
	}
	100% {
		opacity: 1;
		transform: scaleY(1)
	}
}
@keyframes smart-drop-down-list-smart-animate-closing {
	0% {
		opacity: 1;
		transform: scaleY(1);
		pointer-events: none
	}
	50% {
		opacity: .4;
		pointer-events: none
	}
	100% {
		opacity: .2;
		transform: scaleY(0);
		pointer-events: none
	}
}
.smart-drop-down.smart-drop-down-container smart-list-box {
	top: 2px
}
.smart-drop-down:not([resize-mode=none]) smart-list-box {
	position: relative;
	width: 100%;
	height: calc(100% - var(--smart-editor-drop-down-resize-bar-height));
	border: none
}
.smart-drop-down[resize-mode=none] smart-list-box {
	width: 100%;
	height: 100%;
	position: relative;
	border: none
}
.smart-drop-down.smart-drop-down-container smart-list-box:focus {
	border-color: var(--smart-outline)
}
.smart-drop-down.smart-drop-down-container .smart-drop-down-resize-bar {
	position: relative;
	width: 100%;
	margin-top: 2.5px;
	height: calc(var(--smart-editor-drop-down-resize-bar-height) - 2.5px);
	touch-action: none
}
.smart-drop-down[resize-mode=none] .smart-drop-down-resize-bar {
	display: none;
	cursor: default
}
.smart-drop-down[top] .smart-drop-down-resize-bar {
	margin-top: 0;
	margin-bottom: 2.5px
}
.smart-drop-down:not([resize-mode=none]) .smart-drop-down-resize-bar {
	border-top: 1px solid var(--smart-border)
}
.smart-drop-down:not([resize-mode=none])[top] .smart-drop-down-resize-bar {
	border-top: initial;
	border-bottom: 1px solid var(--smart-border)
}
.smart-drop-down[resize-mode=horizontal] .smart-drop-down-resize-bar>div,
.smart-drop-down[resize-mode=none] .smart-drop-down-resize-bar>div {
	display: none
}
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div,
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div {
	display: initial;
	position: absolute;
	width: 5px;
	height: 5px;
	left: 50%;
	top: calc(50% + 1px);
	transform: translate(-50%, -50%);
	border: 1px solid var(--smart-border);
	border-radius: 50%;
	pointer-events: none
}
.smart-drop-down[resize-mode=vertical].smart-drop-down-container.smart-drop-down-repositioned .smart-drop-down-resize-bar>div,
.smart-drop-down[resize-mode=both].smart-drop-down-container.smart-drop-down-repositioned .smart-drop-down-resize-bar>div {
	width: 3px;
	height: 3px
}
.smart-drop-down[resize-mode][top] .smart-drop-down-resize-bar>div {
	top: calc(50% - 1px)
}
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:after,
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:before,
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:after,
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:before {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--smart-border);
	border-radius: 50%;
	pointer-events: none
}
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:after,
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:after {
	left: 500%
}
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:before,
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:before {
	left: -400%
}
.smart-drop-down[resize-mode=horizontal][resize-indicator] .smart-drop-down-resize-bar:before,
.smart-drop-down[resize-mode=both][resize-indicator] .smart-drop-down-resize-bar:before {
	width: 8px;
	height: 5px;
	font-family: var(--smart-font-family-icon);
	content: var(--smart-icon-resize-horizontal);
	position: absolute;
	top: calc(100% - 8px);
	left: calc(100% - 8px);
	transform: rotate(-45deg);
	font-size: 10px;
	cursor: se-resize
}
.smart-drop-down[resize-mode=horizontal][top] .smart-drop-down-resize-bar:before,
.smart-drop-down[resize-mode=both][top] .smart-drop-down-resize-bar:before {
	transform: rotate(45deg);
	top: calc(100% - 13px);
	left: calc(100% - 4px)
}
.smart-drop-down[resize-mode=horizontal][resize-indicator] .smart-drop-down-resize-bar:after,
.smart-drop-down[resize-mode=both][resize-indicator] .smart-drop-down-resize-bar:after {
	width: 8px;
	height: 12px;
	font-family: var(--smart-font-family-icon);
	content: var(--smart-icon-resize-full);
	position: absolute;
	top: calc(100% - 12px);
	left: calc(100% - 7px);
	transform: rotate(-45deg) scaleX(2.25);
	font-size: 10px;
	cursor: e-resize
}
.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar {
	cursor: n-resize
}
.smart-drop-down[resize-mode=horizontal] .smart-drop-down-resize-bar {
	cursor: e-resize
}
.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar {
	cursor: nwse-resize
}
.smart-drop-down[resize-mode=both][top] .smart-drop-down-resize-bar {
	cursor: sw-resize
}
.smart-drop-down.smart-drop-down-container {
	box-shadow: var(--smart-elevation-8)
}
.smart-drop-down.smart-drop-down-container.smart-visibility-hidden {
	transform: scale(0)
}
.smart-color-picker .smart-drop-down,
.smart-color-picker .smart-drop-down[bottom],
.smart-combo-box .smart-drop-down,
.smart-combo-box .smart-drop-down[bottom],
.smart-date-time-picker .smart-drop-down,
.smart-date-time-picker .smart-drop-down[bottom],
.smart-drop-down-button .smart-drop-down,
.smart-drop-down-button .smart-drop-down[bottom],
.smart-drop-down-list .smart-drop-down,
.smart-drop-down-list .smart-drop-down[bottom],
.smart-multi-split-button .smart-drop-down,
.smart-multi-split-button .smart-drop-down[bottom],
.smart-path .smart-drop-down,
.smart-path .smart-drop-down[bottom],
.smart-text-box .smart-drop-down,
.smart-text-box .smart-drop-down[bottom] {
	cursor: default;
	left: 0;
	box-sizing: border-box;
	font-size: inherit;
	padding: var(--smart-editor-drop-down-padding-size);
	margin: calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0;
	background-color: var(--smart-background);
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	box-shadow: var(--smart-elevation-8);
	display: flex;
	flex-direction: column;
	padding-left: 0
}
.smart-date-time-picker .smart-drop-down {
	border: none
}
.smart-color-picker .smart-drop-down[center-bottom],
.smart-color-picker .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[center-bottom],
.smart-combo-box .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[center-bottom],
.smart-date-time-picker .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[center-bottom],
.smart-drop-down-button .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[center-bottom],
.smart-drop-down-list .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[center-bottom],
.smart-multi-split-button .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-path .smart-drop-down[center-bottom],
.smart-path .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-text-box .smart-drop-down[center-bottom],
.smart-text-box .smart-drop-down[center-bottom].smart-visibility-hidden {
	border: var(--smart-border-width) solid var(--smart-border);
	top: calc(100% - var(--smart-border-width))
}
.smart-color-picker .smart-drop-down[center-top],
.smart-color-picker .smart-drop-down[center-top].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[center-top],
.smart-combo-box .smart-drop-down[center-top].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[center-top],
.smart-date-time-picker .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[center-top],
.smart-drop-down-button .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[center-top],
.smart-drop-down-list .smart-drop-down[center-top].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[center-top],
.smart-multi-split-button .smart-drop-down[center-top].smart-visibility-hidden,
.smart-path .smart-drop-down[center-top],
.smart-path .smart-drop-down[center-top].smart-visibility-hidden,
.smart-text-box .smart-drop-down[center-top],
.smart-text-box .smart-drop-down[center-top].smart-visibility-hidden {
	border: var(--smart-border-width) solid var(--smart-border);
	top: initial;
	bottom: calc(100% - var(--smart-border-width))
}
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden {
	top: 0;
	left: 0
}
.smart-color-picker .smart-drop-down,
.smart-combo-box .smart-drop-down,
.smart-date-time-picker .smart-drop-down,
.smart-drop-down-button .smart-drop-down,
.smart-drop-down-container.smart-drop-down-repositioned,
.smart-drop-down-list .smart-drop-down,
.smart-drop-down.smart-date-time-drop-down.smart-drop-down-repositioned,
.smart-drop-down.smart-drop-down-container,
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned,
.smart-multi-split-button .smart-drop-down,
.smart-path .smart-drop-down,
.smart-text-box .smart-drop-down {
	background-color: var(--smart-background);
	box-sizing: border-box;
	padding-top: 3px;
	padding-bottom: 3px;
	outline: 0;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	display: flex;
	flex-direction: column;
	height: var(--smart-editor-drop-down-height);
	max-height: var(--smart-editor-drop-down-max-height);
	min-height: var(--smart-editor-drop-down-min-height);
	width: var(--smart-editor-drop-down-width);
	max-width: var(--smart-editor-drop-down-max-width);
	min-width: var(--smart-editor-drop-down-min-width);
	font-size: var(--smart-font-size);
	font-family: var(--smart-font-family);
	margin: calc(var(--smart-editor-drop-down-vertical-offset) + 3px) 0;
	padding-left: 0;
	padding-right: 0!important
}
.smart-drop-down.smart-date-time-drop-down[drop-down-display-mode=calendar] {
	height: calc(var(--smart-editor-drop-down-height) - var(--smart-calendar-title-height))
}
.smart-color-picker .smart-drop-down.smart-drop-down-color-picker,
.smart-drop-down.smart-drop-down-color-picker.smart-drop-down-repositioned {
	max-height: calc(var(--smart-editor-drop-down-max-height) + 50px)
}
.smart-color-picker .smart-drop-down,
.smart-drop-down-button .smart-drop-down {
	width: var(--smart-drop-down-button-drop-down-width);
	height: var(--smart-drop-down-button-drop-down-height)
}
.smart-drop-down-container.smart-drop-down-repositioned,
.smart-drop-down-list .smart-drop-down,
.smart-drop-down.smart-drop-down-container,
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned {
	width: var(--smart-drop-down-list-drop-down-width);
	height: var(--smart-drop-down-list-drop-down-height)
}
.smart-combo-box .smart-drop-down {
	width: var(--smart-combo-box-drop-down-width);
	height: var(--smart-combo-box-drop-down-height)
}
.smart-drop-down.smart-date-time-drop-down,
.smart-drop-down.smart-date-time-drop-down.smart-drop-down-repositioned {
	width: var(--smart-editor-drop-down-width);
	height: var(--smart-editor-drop-down-height)
}
.smart-color-picker .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-combo-box .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-drop-down-button .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view,
.smart-drop-down-list .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view,
.smart-drop-down.smart-drop-down-container.smart-visibility-hidden.not-in-view,
.smart-multi-split-button .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-path .smart-drop-down.smart-visibility-hidden.not-in-view,
.smart-text-box .smart-drop-down.smart-visibility-hidden.not-in-view {
	left: -9999px;
	top: -9999px;
	transition: none
}
.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom],
.smart-drop-down-container.smart-drop-down-repositioned[overlay-center],
.smart-drop-down-container.smart-drop-down-repositioned[overlay-top],
.smart-drop-down[overlay-bottom],
.smart-drop-down[overlay-center],
.smart-drop-down[overlay-top] {
	margin: unset
}
.smart-drop-down-container.smart-drop-down-repositioned[center-top],
.smart-drop-down-container.smart-drop-down-repositioned[top],
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned[center-top],
.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned[top] {
	margin: calc(-1 * (var(--smart-editor-drop-down-vertical-offset) + 3px)) 0
}
.smart-combo-box .smart-drop-down smart-scroll-bar.bottom-corner,
.smart-drop-down-button .smart-drop-down smart-scroll-bar.bottom-corner,
.smart-drop-down-list .smart-drop-down smart-scroll-bar.bottom-corner,
.smart-list-box smart-scroll-bar.bottom-corner,
.smart-multi-split-button .smart-drop-down smart-scroll-bar.bottom-corner,
.smart-scroll-viewer smart-scroll-bar.bottom-corner,
.smart-text-box .smart-drop-down smart-scroll-bar.bottom-corner {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-color-picker .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-combo-box .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-drop-down-button .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-drop-down-list .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-list-box smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-multi-split-button .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner,
.smart-text-box .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner {
	width: calc(var(--smart-scroll-bar-size));
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-color-picker .smart-drop-down smart-scroll-bar::before,
.smart-combo-box .smart-drop-down smart-scroll-bar::before,
.smart-drop-down-button .smart-drop-down smart-scroll-bar::before,
.smart-drop-down-list .smart-drop-down smart-scroll-bar::before,
.smart-list-box smart-scroll-bar::before,
.smart-multi-split-button .smart-drop-down smart-scroll-bar::before,
.smart-scroll-viewer smart-scroll-bar::before,
.smart-text-box .smart-drop-down smart-scroll-bar::before {
	display: none;
	background-color: var(--smart-border)
}
.smart-color-picker .smart-drop-down .smart-list-items-container.vscroll,
.smart-combo-box .smart-drop-down .smart-list-items-container.vscroll,
.smart-drop-down-button .smart-drop-down .smart-list-items-container.vscroll,
.smart-drop-down-list .smart-drop-down .smart-list-items-container.vscroll,
.smart-list-box .smart-list-items-container.vscroll,
.smart-multi-split-button .smart-drop-down .smart-list-items-container.vscroll,
.smart-scroll-viewer .smart-list-items-container.vscroll,
.smart-text-box .smart-drop-down .smart-list-items-container.vscroll {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-combo-box .smart-selection-field input,
.smart-drop-down-button .smart-drop-down input:focus,
.smart-drop-down-list .smart-drop-down input:focus,
.smart-list-box input.vscroll,
.smart-multi-split-button .smart-drop-down input:focus,
.smart-text-box .smart-drop-down input:focus {
	outline: 0
}
.smart-color-picker .smart-drop-down smart-scroll-bar[orientation=vertical],
.smart-combo-box .smart-drop-down smart-scroll-bar[orientation=vertical],
.smart-drop-down-button .smart-drop-down smart-scroll-bar[orientation=vertical],
.smart-drop-down-list .smart-drop-down smart-scroll-bar[orientation=vertical],
.smart-multi-split-button .smart-drop-down smart-scroll-bar[orientation=vertical],
.smart-text-box .smart-drop-down smart-scroll-bar[orientation=vertical] {
	padding-top: initial
}
.smart-color-picker .smart-drop-down smart-scroll-bar,
.smart-combo-box .smart-drop-down smart-scroll-bar,
.smart-drop-down-button .smart-drop-down smart-scroll-bar,
.smart-drop-down-list .smart-drop-down smart-scroll-bar,
.smart-multi-split-button .smart-drop-down smart-scroll-bar,
.smart-text-box .smart-drop-down smart-scroll-bar {
	height: calc(var(--smart-scroll-bar-size))
}
.smart-drop-down-button.auto-height .smart-action-button,
.smart-drop-down-list.auto-height .smart-action-button,
.smart-multi-split-button.auto-height .smart-action-button {
	white-space: initial;
	text-overflow: initial;
	line-height: 1rem;
	flex-wrap: wrap
}
.smart-drop-down-button.auto-height[selection-display-mode=tokens] .smart-action-button>span,
.smart-drop-down-button.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type,
.smart-drop-down-list.auto-height[selection-display-mode=tokens] .smart-action-button>span,
.smart-drop-down-list.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type,
.smart-multi-split-button.auto-height[selection-display-mode=tokens] .smart-action-button>span,
.smart-multi-split-button.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type {
	display: inline-block;
	margin: .2em
}
.smart-color-picker .smart-drop-down,
.smart-color-picker .smart-drop-down.smart-visibility-hidden,
.smart-color-picker .smart-drop-down[bottom],
.smart-color-picker .smart-drop-down[bottom].smart-visibility-hidden,
.smart-combo-box .smart-drop-down,
.smart-combo-box .smart-drop-down.smart-visibility-hidden,
.smart-combo-box .smart-drop-down[bottom],
.smart-combo-box .smart-drop-down[bottom].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down,
.smart-date-time-picker .smart-drop-down.smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[bottom],
.smart-date-time-picker .smart-drop-down[bottom].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down,
.smart-drop-down-button .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[bottom],
.smart-drop-down-button .smart-drop-down[bottom].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down,
.smart-drop-down-list .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[bottom],
.smart-drop-down-list .smart-drop-down[bottom].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down,
.smart-multi-split-button .smart-drop-down.smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[bottom],
.smart-multi-split-button .smart-drop-down[bottom].smart-visibility-hidden,
.smart-path .smart-drop-down,
.smart-path .smart-drop-down.smart-visibility-hidden,
.smart-path .smart-drop-down[bottom],
.smart-path .smart-drop-down[bottom].smart-visibility-hidden,
.smart-text-box .smart-drop-down,
.smart-text-box .smart-drop-down.smart-visibility-hidden,
.smart-text-box .smart-drop-down[bottom],
.smart-text-box .smart-drop-down[bottom].smart-visibility-hidden {
	top: calc(100% - var(--smart-border-width))
}
.smart-drop-down-container.smart-drop-down-repositioned:focus {
	border-color: var(--smart-border)
}
.smart-color-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden {
	transition: animation, visibility .2s ease-in
}
.smart-color-picker .smart-drop-down[overlay-bottom],
.smart-color-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-color-picker .smart-drop-down[overlay-center],
.smart-color-picker .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-color-picker .smart-drop-down[overlay-top],
.smart-color-picker .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-bottom],
.smart-combo-box .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-center],
.smart-combo-box .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-top],
.smart-combo-box .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-bottom],
.smart-date-time-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-center],
.smart-date-time-picker .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-top],
.smart-date-time-picker .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-bottom],
.smart-drop-down-button .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-center],
.smart-drop-down-button .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-top],
.smart-drop-down-button .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[overlay-bottom],
.smart-drop-down-list .smart-drop-down[overlay-center],
.smart-drop-down-list .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[overlay-top],
.smart-drop-down-list .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-list.smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[overlay-bottom],
.smart-multi-split-button .smart-drop-down[overlay-center],
.smart-multi-split-button .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[overlay-top],
.smart-multi-split-button .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-multi-split-button.smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-bottom],
.smart-path .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-center],
.smart-path .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-top],
.smart-path .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-bottom],
.smart-text-box .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-center],
.smart-text-box .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-top],
.smart-text-box .smart-drop-down[overlay-top].smart-visibility-hidden {
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border)
}
.smart-color-picker .smart-drop-down[overlay-bottom],
.smart-color-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-bottom],
.smart-combo-box .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-bottom],
.smart-date-time-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-bottom],
.smart-drop-down-button .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[overlay-bottom],
.smart-drop-down-list .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[overlay-bottom],
.smart-multi-split-button .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-bottom],
.smart-path .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-bottom],
.smart-text-box .smart-drop-down[overlay-bottom].smart-visibility-hidden {
	top: 0
}
.smart-color-picker .smart-drop-down[overlay-center],
.smart-color-picker .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-center],
.smart-combo-box .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-center],
.smart-date-time-picker .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-center],
.smart-drop-down-button .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[overlay-center],
.smart-drop-down-list .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[overlay-center],
.smart-multi-split-button .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-center],
.smart-path .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-center],
.smart-text-box .smart-drop-down[overlay-center].smart-visibility-hidden {
	top: 50%;
	transform: translateY(-50%)
}
.smart-color-picker .smart-drop-down[overlay-top],
.smart-color-picker .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[overlay-top],
.smart-combo-box .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[overlay-top],
.smart-date-time-picker .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[overlay-top],
.smart-drop-down-button .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[overlay-top],
.smart-drop-down-list .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[overlay-top],
.smart-multi-split-button .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-path .smart-drop-down[overlay-top],
.smart-path .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-text-box .smart-drop-down[overlay-top],
.smart-text-box .smart-drop-down[overlay-top].smart-visibility-hidden {
	top: initial;
	bottom: 0
}
.smart-color-picker .smart-drop-down[center-bottom],
.smart-color-picker .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-color-picker .smart-drop-down[center-top],
.smart-color-picker .smart-drop-down[center-top].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[center-bottom],
.smart-combo-box .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[center-top],
.smart-combo-box .smart-drop-down[center-top].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[center-bottom],
.smart-date-time-picker .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[center-top],
.smart-date-time-picker .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[center-bottom],
.smart-drop-down-button .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[center-top],
.smart-drop-down-button .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[center-bottom],
.smart-drop-down-list .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[center-top],
.smart-drop-down-list .smart-drop-down[center-top].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[center-bottom],
.smart-multi-split-button .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[center-top],
.smart-multi-split-button .smart-drop-down[center-top].smart-visibility-hidden,
.smart-path .smart-drop-down[center-bottom],
.smart-path .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-path .smart-drop-down[center-top],
.smart-path .smart-drop-down[center-top].smart-visibility-hidden,
.smart-text-box .smart-drop-down[center-bottom],
.smart-text-box .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-text-box .smart-drop-down[center-top],
.smart-text-box .smart-drop-down[center-top].smart-visibility-hidden {
	left: 50%
}
.smart-color-picker .smart-drop-down[top],
.smart-color-picker .smart-drop-down[top].smart-visibility-hidden,
.smart-combo-box .smart-drop-down[top],
.smart-combo-box .smart-drop-down[top].smart-visibility-hidden,
.smart-date-time-picker .smart-drop-down[top],
.smart-date-time-picker .smart-drop-down[top].smart-visibility-hidden,
.smart-drop-down-button .smart-drop-down[top],
.smart-drop-down-button .smart-drop-down[top].smart-visibility-hidden,
.smart-drop-down-list .smart-drop-down[top],
.smart-drop-down-list .smart-drop-down[top].smart-visibility-hidden,
.smart-drop-down[top].smart-drop-down-container.smart-drop-down-repositioned,
.smart-drop-down[top].smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden,
.smart-multi-split-button .smart-drop-down[top],
.smart-multi-split-button .smart-drop-down[top].smart-visibility-hidden,
.smart-path .smart-drop-down[top],
.smart-path .smart-drop-down[top].smart-visibility-hidden,
.smart-text-box .smart-drop-down[top],
.smart-text-box .smart-drop-down[top].smart-visibility-hidden {
	top: initial;
	bottom: calc(100% - var(--smart-border-width));
	flex-direction: column-reverse
}
.smart-drop-down-container[top].smart-drop-down-container.smart-drop-down-repositioned,
.smart-drop-down-container[top].smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden {
	bottom: initial
}
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-top],
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-top],
.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-top],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-top],
.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom]:not([animation=none]),
.smart-drop-down-container.smart-drop-down-repositioned[overlay-center]:not([animation=none]),
.smart-drop-down-container.smart-drop-down-repositioned[overlay-top]:not([animation=none]),
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-top],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-top],
.smart-path:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-path:not([animation=none]) .smart-drop-down[overlay-top],
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-bottom],
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-top] {
	animation: smart-drop-down-list-smart-animate-opening .2s ease-out;
	-webkit-transform-origin: center;
	transform-origin: center
}
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-center],
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-center],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-center],
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-center],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-center],
.smart-path:not([animation=none]) .smart-drop-down[overlay-center],
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-center] {
	animation: smart-drop-down-list-smart-animate-overlay-center-opening .2s ease-out;
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-color-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[overlay-center]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[overlay-top]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden {
	animation: smart-drop-down-list-smart-animate-closing .2s ease-in;
	-webkit-transform-origin: center;
	transform-origin: center
}
.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden {
	animation: smart-drop-down-list-smart-animate-overlay-center-closing .2s ease-in;
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-color-picker:not([animation=none]) .smart-drop-down,
.smart-color-picker:not([animation=none]) .smart-drop-down[bottom],
.smart-color-picker:not([animation=none]) .smart-drop-down[center-bottom],
.smart-combo-box:not([animation=none]) .smart-drop-down,
.smart-combo-box:not([animation=none]) .smart-drop-down[bottom],
.smart-combo-box:not([animation=none]) .smart-drop-down[center-bottom],
.smart-date-time-picker:not([animation=none]) .smart-drop-down,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[bottom],
.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-bottom],
.smart-drop-down-button:not([animation=none]) .smart-drop-down,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[bottom],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-bottom],
.smart-drop-down-container.smart-drop-down-repositioned[bottom]:not([animation=none]),
.smart-drop-down-container.smart-drop-down-repositioned[center-bottom]:not([animation=none]),
.smart-drop-down-list:not([animation=none]) .smart-drop-down,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[bottom],
.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-bottom],
.smart-multi-split-button:not([animation=none]) .smart-drop-down,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[bottom],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-bottom],
.smart-path:not([animation=none]) .smart-drop-down,
.smart-path:not([animation=none]) .smart-drop-down[bottom],
.smart-path:not([animation=none]) .smart-drop-down[center-bottom],
.smart-text-box:not([animation=none]) .smart-drop-down,
.smart-text-box:not([animation=none]) .smart-drop-down[bottom],
.smart-text-box:not([animation=none]) .smart-drop-down[center-bottom] {
	animation: smart-drop-down-list-smart-animate-opening .2s ease-out;
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-color-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-color-picker:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-color-picker:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[bottom]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[center-bottom]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden {
	animation: smart-drop-down-list-smart-animate-closing .2s ease-in;
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-color-picker:not([animation=none]) .smart-drop-down[center-top],
.smart-color-picker:not([animation=none]) .smart-drop-down[top],
.smart-combo-box:not([animation=none]) .smart-drop-down[center-top],
.smart-combo-box:not([animation=none]) .smart-drop-down[top],
.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-top],
.smart-date-time-picker:not([animation=none]) .smart-drop-down[top],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-top],
.smart-drop-down-button:not([animation=none]) .smart-drop-down[top],
.smart-drop-down-container.smart-drop-down-repositioned[center-top]:not([animation=none]),
.smart-drop-down-container.smart-drop-down-repositioned[top]:not([animation=none]),
.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-top],
.smart-drop-down-list:not([animation=none]) .smart-drop-down[top],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-top],
.smart-multi-split-button:not([animation=none]) .smart-drop-down[top],
.smart-path:not([animation=none]) .smart-drop-down[center-top],
.smart-path:not([animation=none]) .smart-drop-down[top],
.smart-text-box:not([animation=none]) .smart-drop-down[center-top],
.smart-text-box:not([animation=none]) .smart-drop-down[top] {
	animation: smart-drop-down-list-smart-animate-opening .2s ease-out;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}
.smart-color-picker:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-color-picker:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-combo-box:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-date-time-picker:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-button:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[center-top]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-container.smart-drop-down-repositioned[top]:not([animation=none]).smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-drop-down-list:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-multi-split-button:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-path:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,
.smart-text-box:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden {
	animation: smart-drop-down-list-smart-animate-closing .2s ease-in;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}
.smart-drop-down-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000
}
smart-file-upload {
	display: inline-block;
	width: var(--smart-file-upload-default-width);
	font-size: var(--smart-file-upload-font-size);
	font-family: var(--smart-file-upload-font-family);
	color: var(--smart-file-upload-color);
	overflow: hidden;
	box-sizing: border-box;
	border: var(--smart-file-upload-border-width) dashed var(--smart-file-upload-border);
	background-color: var(--smart-file-upload-background);
	min-width: calc(3*var(--smart-file-upload-footer-button-width) + 20px);
	min-height: calc(var(--smart-file-upload-browse-button-height) + 2*var(--smart-file-upload-border-width) + 10px + var(--smart-file-upload-footer-button-height) + 2*var(--smart-file-upload-border-width) + var(--smart-file-upload-container-min-height) + 10px + var(--smart-file-upload-total-files-min-height))
}
smart-file-upload[disabled] {
	opacity: .55;
	cursor: default
}
.smart-file-upload[disabled] .smart-file-upload-container {
	pointer-events: none;
	user-select: none
}
.smart-file-upload .smart-file-upload-container,
.smart-file-upload .smart-file-upload-footer,
.smart-file-upload .smart-file-upload-header {
	padding: 5px;
	width: 100%;
	box-sizing: border-box
}
.smart-file-upload[hide-footer] .smart-file-upload-footer {
	display: none
}
.smart-file-upload .smart-browse-button {
	display: block;
	margin: 4px;
	width: var(--smart-file-upload-browse-button-width);
	height: var(--smart-file-upload-browse-button-height)
}
.smart-file-upload .smart-cancel-all-button,
.smart-file-upload .smart-pause-all-button,
.smart-file-upload .smart-upload-all-button {
	width: var(--smart-file-upload-footer-button-width);
	height: var(--smart-file-upload-footer-button-height);
	margin: 4px
}
.smart-drop-zone,
.smart-drop-zone:after {
	height: 100%;
	box-sizing: border-box;
	width: 100%
}
.smart-file-upload .smart-browse-input {
	display: none
}
.smart-drop-zone {
	background-color: var(--smart-background);
	position: relative;
	border: 1px dotted #d3d3d3
}
.smart-drop-zone:after {
	font-family: var(--smart-font-family-icon);
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	content: var(--smart-file-upload-text-content-drop-zone);
	color: var(--smart-ui-state);
	border: 5px dashed transparent;
	transition: border .5s ease-out
}
.smart-drop-zone.smart-drag-over:after {
	content: var(--smart-file-upload-text-content-drop-zone-over);
	font-size: 50px;
	border: 3px dashed var(--smart-background-border);
	transition: border .5s ease-out;
	animation: drop-zone 1s ease-in infinite
}
@-webkit-keyframes drop-zone {
	0%, 100% {
		color: #b1b1b100
	}
	50% {
		color: #b1b1b199
	}
}
.smart-file-upload .smart-drop-zone {
	display: none;
	width: 100%;
	height: 100px
}
.smart-file-upload[drop-zone] .smart-drop-zone {
	display: block
}
.smart-file-upload[drop-zone] .smart-overflow .smart-drop-zone {
	display: none
}
.smart-selected-files {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	padding: 2px
}
.smart-file-upload .smart-total-files {
	font-family: arial;
	font-size: 12px;
	color: gray;
	display: block;
	box-sizing: border-box;
	padding: 0 0 2px 5px
}
.smart-file-upload .smart-total-files:empty {
	display: none
}
.smart-selected-files .smart-file {
	height: auto;
	position: relative;
	display: block;
	box-sizing: border-box;
	border: 1px solid #d3d3d3;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 1px;
	background-color: #fafafa;
	transition: border-color .5s ease
}
.smart-selected-files .smart-item-cancel-button,
.smart-selected-files .smart-item-name,
.smart-selected-files .smart-item-pause-button,
.smart-selected-files .smart-item-upload-button {
	display: inline-block;
	box-sizing: border-box;
	height: 16px;
	position: relative
}
.smart-selected-files .smart-item-name {
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto
}
.smart-selected-files .smart-uploading .smart-item-name {
	width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto
}
.smart-selected-files .smart-item-cancel-button,
.smart-selected-files .smart-item-pause-button,
.smart-selected-files .smart-item-upload-button {
	display: inline-block;
	box-sizing: border-box;
	width: 16px;
	color: #999;
	transition: color .5s ease
}
.smart-selected-files .smart-item-pause-button {
	display: none
}
.smart-selected-files .smart-item-cancel-button:hover,
.smart-selected-files .smart-item-upload-button:hover {
	cursor: pointer;
	color: green;
	transition: color .5s ease
}
.smart-selected-files .smart-item-cancel-button:hover {
	color: orange
}
.smart-selected-files .smart-item-cancel-button:after,
.smart-selected-files .smart-item-pause-button:after,
.smart-selected-files .smart-item-upload-button:after {
	font-family: var(--smart-font-family-icon);
	content: var(--smart-icon-up);
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	text-shadow: 2px 2px 2px #d3d3d3
}
.smart-selected-files .smart-item-cancel-button:after,
.smart-selected-files .smart-item-pause-button:after {
	content: var(--smart-icon-close)
}
.smart-file.smart-uploading-start::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-family: arial;
	content: var(--smart-file-upload-text-content-uploading-start);
	background-color: #c1c1c169;
	opacity: 1;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	box-sizing: border-box;
	font-size: 11px;
	color: #737373;
	padding: 0 0 2px 5px;
	pointer-events: none;
	z-index: 1;
	animation: connecting 1s linear infinite
}
.smart-file.smart-pause::before,
.smart-file.smart-uploading::before {
	justify-content: flex-end;
	top: 0;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	font-size: 11px;
	padding: 0 0 2px 5px;
	z-index: 1;
	pointer-events: none;
	width: 100%;
	position: absolute;
	left: 0
}
@-webkit-keyframes connecting {
	0%, 100% {
		color: #73737350
	}
	50% {
		color: #73737399
	}
}
.smart-file.smart-uploading::before {
	font-family: arial;
	content: var(--smart-file-upload-text-content-uploading);
	background-color: #c1c1c169;
	opacity: 1;
	flex-direction: column;
	color: var(--smart-ui-state)
}
@-webkit-keyframes rotating {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}
.smart-file.smart-pause::before {
	font-family: arial;
	content: var(--smart-file-upload-text-content-pause);
	background-color: #f0030;
	border-radius: 3px;
	opacity: .8;
	flex-direction: column;
	color: #8a0000
}
.smart-file.smart-error::before {
	font-family: arial;
	position: absolute;
	left: 0;
	top: 0;
	content: var(--smart-file-upload-text-content-error);
	width: 100%;
	height: 100%;
	background-color: var(--smart-error);
	border-radius: var(--smart-error-border-radius);
	opacity: 0;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	box-sizing: border-box;
	font-size: 11px;
	color: var(--smart-on-error);
	padding: 0 0 2px 5px;
	pointer-events: none;
	z-index: 1;
	animation: error 6s linear 1
}
@-webkit-keyframes error {
	0% {
		opacity: .8;
		background-color: #f0015
	}
	3%,
	9% {
		background-color: #f0040
	}
	12%,
	6% {
		background-color: #f0015
	}
	80% {
		opacity: .8
	}
	100% {
		opacity: 0
	}
}
.smart-file.smart-uploading .smart-item-upload-button {
	pointer-events: none
}
.smart-selected-files .smart-uploading .smart-item-upload-button {
	opacity: .3
}
.smart-file.smart-uploading .smart-item-name {
	opacity: .2;
	user-select: none
}
.smart-selected-files .smart-uploading .smart-item-cancel-button,
.smart-selected-files .smart-uploading .smart-item-pause-button {
	display: inline-block;
	cursor: pointer;
	pointer-events: all;
	transition: color .5s, opacity .5s ease;
	color: #dc1919;
	opacity: .5
}
.smart-selected-files .smart-uploading .smart-item-cancel-button {
	color: #ff8c00
}
.smart-selected-files .smart-uploading .smart-item-cancel-button:hover,
.smart-selected-files .smart-uploading .smart-item-pause-button:hover {
	transition: color .5s, opacity .5s ease;
	color: red;
	opacity: 1
}
.smart-selected-files .smart-uploading .smart-item-cancel-button:hover {
	transition: color .5s, opacity .5s ease;
	color: orange;
	opacity: 1
}
.smart-selected-files .smart-item-pause-button {
	pointer-events: none
}
.smart-selected-files .smart-file:hover {
	transition: border-color .5s ease;
	border-color: gray
}
.smart-file smart-progress-bar {
	display: none;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0
}
.smart-file smart-progress-bar .smart-container {
	border-style: none
}
.smart-file smart-progress-bar .smart-value {
	background-color: orange
}
smart-file-upload[show-progress] .smart-file smart-progress-bar {
	display: none
}
smart-file-upload[show-progress] .smart-file smart-progress-bar[value] {
	display: block
}
.smart-file.smart-error smart-progress-bar {
	opacity: .3
}
smart-file-upload .smart-selected-files .smart-file.smart-hidden,
smart-file-upload .smart-total-files.smart-hidden {
	display: none
}
.smart-drop-zone[right-to-left],
.smart-file[right-to-left],
smart-file-upload[right-to-left]>.smart-container {
	direction: rtl
}
.smart-filter-builder.smart-container,
smart-filter-builder,
smart-filter-builder>.smart-container {
	overflow: visible;
	position: relative
}
smart-filter-builder {
	display: inline-block;
	width: var(--smart-filter-builder-default-width);
	height: var(--smart-filter-builder-default-height);
	font-size: var(--smart-filter-builder-font-size);
	font-family: var(--smart-filter-builder-font-family);
	box-sizing: border-box;
	background-color: transparent
}
.smart-filter-builder.smart-container>.smart-inner-container,
smart-filter-builder>.smart-container>.smart-inner-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative
}
smart-filter-builder[disabled] {
	opacity: .55;
	cursor: default;
	pointer-events: none;
	user-select: none
}
.smart-filter-builder .smart-filter-group-condition {
	margin-bottom: 5px
}
.smart-filter-builder .filter-builder-item {
	min-height: var(--smart-filter-builder-row-height);
	vertical-align: middle;
	margin-right: 5px;
	border: none;
	border-radius: 3px;
	background-color: #add8e6;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding: 5px;
	cursor: pointer
}
.smart-filter-builder .smart-filter-add-btn,
.smart-filter-builder .smart-filter-delete-btn {
	min-width: var(--smart-filter-builder-row-height);
	min-height: var(--smart-filter-builder-row-height);
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 0;
	opacity: .3;
	font-size: 16px
}
.smart-filter-builder .smart-filter-add-btn:hover,
.smart-filter-builder .smart-filter-delete-btn:hover {
	opacity: .6
}
.smart-filter-builder .smart-filter-add-btn:active,
.smart-filter-builder .smart-filter-delete-btn:active {
	opacity: 1
}
.smart-filter-builder .smart-filter-add-btn::after,
.smart-filter-builder .smart-filter-delete-btn::after {
	content: "+";
	font-family: var(--smart-font-family-icon);
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	cursor: pointer;
	font-size: 25px
}
.smart-filter-builder .smart-filter-add-btn::after {
	font-weight: 700
}
.smart-filter-builder .smart-filter-delete-btn::after {
	content: "\e81F";
	font-size: 10px
}
.smart-filter-builder .smart-filter-add-btn {
	color: var(--smart-background-color)
}
.smart-filter-builder .smart-filter-value {
	padding: 0
}
.smart-filter-builder .smart-filter-value[edited] {
	padding: 0;
	background-color: transparent
}
.smart-filter-builder .smart-filter-value .smart-value-container {
	color: gray;
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	padding: 5px;
	margin: 0
}
.smart-filter-builder .smart-filter-value[edited] .smart-value-container {
	display: none
}
.smart-filter-builder .smart-filter-group,
.smart-filter-builder .smart-filter-group-condition,
.smart-filter-builder .smart-filter-group-condition-container,
.smart-filter-builder .smart-filter-group-operator {
	display: block;
	width: 100%;
	box-sizing: border-box;
	white-space: nowrap
}
.smart-filter-builder .smart-filter-group-condition-container {
	padding-left: 30px
}
.smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator {
	margin-left: 30px
}
.smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator .smart-filter-delete-btn {
	display: none
}
.smart-filter-builder smart-menu[mode=dropDown] {
	width: auto;
	height: auto
}
.smart-filter-builder .smart-editors-container {
	position: relative;
	pointer-events: none;
	height: 20px
}
.smart-filter-builder .smart-editors-container[open] {
	min-width: 100px;
	width: var(--smart-filter-builder-item-width);
	min-height: var(--smart-filter-builder-row-height)
}
.smart-filter-builder .smart-editors-container .smart-check-box-editor,
.smart-filter-builder .smart-editors-container .smart-combo-box-editor,
.smart-filter-builder .smart-editors-container .smart-custom-editor>*,
.smart-filter-builder .smart-editors-container .smart-date-time-picker-editor,
.smart-filter-builder .smart-editors-container .smart-drop-down-list-editor,
.smart-filter-builder .smart-editors-container .smart-numeric-text-box-editor,
.smart-filter-builder .smart-editors-container .smart-text-box-editor {
	pointer-events: all;
	width: 100%
}
.smart-filter-builder .smart-editors-container[open] .smart-check-box-editor {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-self: center;
	justify-self: center;
	width: 30px;
	height: 30px
}
.smart-filter-builder .smart-editors-container[open] .smart-check-box-editor.smart-hidden {
	display: none
}
.smart-filter-builder .smart-filter-field-name,
.smart-filter-builder .smart-filter-operation,
.smart-filter-builder .smart-filter-value {
	min-width: 100px
}
.smart-filter-builder .smart-filter-group-operation {
	min-width: 50px
}
.smart-filter-builder .smart-selected-menu-item {
	background-color: #d3d3d3
}
.smart-filter-builder .smart-filter-builder-icon {
	width: 40px;
	height: 100%;
	display: inline-block;
	font-weight: 700;
	border-right: 1px solid gray;
	margin-right: 5px;
	padding: 0 2px;
	text-align: center
}
.smart-filter-builder .smart-filter-builder-menu-item {
	height: 100%;
	display: inline-block
}
.smart-filter-builder .smart-hidden {
	display: none
}
.smart-filter-builder smart-scroll-viewer {
	width: 100%;
	height: 100%;
	position: relative
}
.smart-filter-builder .smart-scrollable-outer-container {
	width: 100%;
	height: 100%
}
.smart-filter-builder .smart-filter-value:hover>* {
	color: initial;
	border-color: initial;
	background-color: initial
}
smart-filter-panel {
	width: var(--smart-filter-panel-default-width);
	height: var(--smart-filter-panel-default-height)
}
smart-filter-panel.smart-element {
	padding: var(--smart-filter-panel-padding);
	border: none
}
.smart-filter-panel .smart-filter-panel-input,
.smart-filter-panel .smart-filter-panel-label,
.smart-filter-panel .smart-filter-panel-list,
.smart-filter-panel .smart-filter-panel-operator-list,
.smart-filter-panel smart-filter-builder,
.smart-filter-panel smart-tree {
	margin-bottom: var(--smart-filter-panel-vertical-offset)
}
.smart-filter-panel .smart-filter-panel-list {
	width: 100%
}
.smart-filter-panel .smart-filter-panel-operator-list {
	width: 80px
}
.smart-filter-panel .smart-filter-panel-button-container {
	width: 100%;
	min-height: 33px;
	height: var(--smart-editor-height);
	display: flex;
	justify-content: space-around
}
.smart-filter-panel .smart-filter-panel-button-container>smart-button {
	width: 80px
}
.smart-filter-panel .smart-filter-panel-button-container>smart-button button {
	padding: 8px
}
.smart-filter-panel .smart-filter-panel-input {
	height: var(--smart-editor-height);
	width: 100%;
	display: block
}
.smart-filter-panel smart-numeric-text-box.smart-filter-panel-input input {
	text-align: right
}
.smart-filter-panel smart-filter-builder,
.smart-filter-panel smart-tree {
	width: 100%;
	height: var(--smart-filter-panel-main-element-height)
}
.smart-filter-panel smart-tree.date-excel smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-items-group-arrow,
.smart-filter-panel smart-tree.standard-excel .smart-tree-items-group-arrow {
	visibility: hidden
}
.smart-filter-panel smart-tree.standard-excel smart-tree-item:not([level="1"])>.smart-tree-item-label-container {
	margin-left: -30px
}
.smart-filter-panel smart-filter-builder {
	--smart-filter-builder-item-width: 150px;
	display: block
}
.smart-filter-panel[filter-type=string] smart-filter-builder {
	height: calc(var(--smart-filter-panel-main-element-height) - var(--smart-editor-height));
	margin-bottom: 0
}
.smart-filter-panel[filter-type=string] .case-sensitive {
	display: block;
	margin-top: 5px;
	margin-bottom: calc(var(--smart-filter-panel-vertical-offset) - 5px)
}
.smart-filter-panel smart-filter-builder .smart-filter-field-name,
.smart-filter-panel smart-menu-item[value=notand],
.smart-filter-panel smart-menu-item[value=notor] {
	display: none
}
.smart-filter-panel[filter-type=boolean] smart-filter-builder {
	--smart-filter-builder-item-width: 34px
}
.smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-editors-container,
.smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-filter-value {
	min-width: initial
}
.smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-value-container {
	width: 100px
}
.smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-editors-container[open] .smart-check-box-editor {
	width: 100%
}
.smart-filter-panel smart-filter-builder .smart-scroll-viewer-content-container {
	padding: 0
}
.smart-filter-panel smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator {
	margin-left: 15px
}
.smart-filter-panel smart-filter-builder .smart-filter-group-condition-container {
	padding-left: 15px
}
smart-gantt-chart {
	display: block;
	width: var(--smart-gantt-chart-default-width);
	height: var(--smart-gantt-chart-default-height);
	contain: content
}
.smart-gantt-chart .smart-resource-panel-header:empty,
.smart-gantt-chart .smart-task-panel-header:empty,
.smart-gantt-chart .smart-task-splitter>.smart-resize-trigger-container,
.smart-gantt-chart .smart-tree .smart-resize-trigger-container,
.smart-gantt-chart smart-splitter-bar .smart-splitter-resize-button,
.smart-gantt-chart[animation=none] .smart-timeline-animation-container {
	display: none
}
.smart-container.smart-gantt-chart,
smart-gantt-chart>.smart-container {
	overflow: hidden
}
.smart-container.smart-gantt-chart:not(.hscroll),
smart-gantt-chart>.smart-container:not(.hscroll) {
	margin-bottom: -3px
}
.smart-gantt-chart .smart-tree-splitter .smart-resize-trigger-container {
	margin-bottom: -1px
}
.smart-container .smart-resource-splitter>.smart-resize-trigger-container {
	margin-bottom: -2px
}
.smart-gantt-chart[dragged],
.smart-gantt-chart[resized] {
	touch-action: none
}
.smart-gantt-chart[modal] {
	pointer-events: none
}
.smart-gantt-chart .smart-timeline,
.smart-gantt-chart .smart-timeline-task-label,
.smart-gantt-chart[dragged],
.smart-gantt-chart[resized] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.smart-gantt-chart .smart-splitter,
smart-gantt-chart .smart-splitter {
	width: 100%;
	height: 100%;
	--smart-splitter-bar-fit-size: var(--smart-gantt-chart-splitter-bar-fit-size);
	border: none;
	border-radius: initial
}
.smart-gantt-chart .smart-splitter smart-splitter-bar.smart-element {
	background: var(--smart-border)
}
.smart-gantt-chart smart-splitter:not([orientation=horizontal]) smart-splitter-bar {
	transition: height .2s ease-in
}
.smart-gantt-chart smart-splitter-item {
	background-color: var(--smart-background)
}
.smart-gantt-chart smart-splitter smart-splitter-bar {
	overflow: visible;
	min-width: 1px;
	width: 1px
}
.smart-gantt-chart smart-splitter .smart-splitter-bar-feedback,
.smart-gantt-chart smart-splitter smart-splitter-bar {
	z-index: 1
}
.smart-gantt-chart .smart-resource-splitter-item>.smart-container>.smart-content,
.smart-gantt-chart .smart-task-splitter-item>.smart-container>.smart-content {
	overflow: hidden
}
.smart-gantt-chart .smart-resource-splitter-item[show-header] .smart-resource-splitter,
.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-task-splitter {
	height: calc(100% - var(--smart-gantt-chart-header-height))
}
.smart-gantt-chart .smart-resource-splitter-item[show-header] .smart-timeline-view-cells .smart-timeline-view-cell,
.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-timeline-view-details .smart-timeline-view-cell,
.smart-gantt-chart[show-header] .smart-resource-tree-header,
.smart-gantt-chart[show-header] .smart-task-tree-header {
	border-top: var(--smart-border-width) solid var(--smart-border)
}
.smart-gantt-chart .smart-resource-panel-header,
.smart-gantt-chart .smart-task-panel-header {
	width: 100%;
	justify-content: center;
	align-items: center;
	height: var(--smart-gantt-chart-header-height);
	background: var(--smart-surface)
}
.smart-gantt-chart .smart-splitter-bar-feedback[vertical] {
	width: 1px
}
.smart-gantt-chart smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar {
	min-height: 5px;
	height: 5px
}
.smart-gantt-chart .smart-splitter-bar-feedback[horizontal] {
	height: 5px
}
.smart-gantt-chart .smart-splitter>.smart-container>smart-splitter-bar>.smart-container {
	transform: scaleX(5);
	transform-origin: left
}
.smart-gantt-chart .smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar>.smart-container {
	transform: scaleY(2.5);
	transform-origin: center
}
.smart-gantt-chart .smart-timeline {
	text-align: center;
	overflow: hidden;
	height: 100%;
	display: flex
}
.smart-gantt-chart .smart-timeline-view-details {
	display: flex;
	width: 100%
}
.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell {
	min-width: initial
}
.smart-gantt-chart .smart-timeline-view-cells {
	width: 100%;
	display: flex
}
.smart-gantt-chart .smart-timeline-task:not(.milestone) {
	min-width: var(--smart-gantt-chart-timeline-task-min-width)
}
.smart-gantt-chart .smart-resource-splitter .smart-timeline-view-cells .smart-timeline-view-cell {
	border-top: none
}
.smart-gantt-chart .smart-resource-splitter-item .smart-timeline-view-cells .smart-timeline-view-cell::after {
	height: var(--smart-gantt-chart-resource-timeline-content-height)
}
.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell::after {
	content: '';
	width: 100%;
	background-color: transparent;
	border-left: var(--smart-border-width) solid var(--smart-border);
	border-right: var(--smart-border-width) solid transparent;
	position: absolute;
	top: calc(100% + var(--smart-border-width));
	right: 0;
	height: var(--smart-gantt-chart-task-timeline-content-height)
}
.smart-gantt-chart .smart-timeline-resource-cell,
.smart-gantt-chart .smart-timeline-task-cell,
.smart-gantt-chart .smart-timeline-task-cells {
	position: relative
}
.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:last-of-type::after {
	border-right-color: transparent
}
.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[weekend]::after {
	background: var(--smart-gantt-chart-timeline-weekend-color)
}
.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[nonworking]::after {
	background: var(--smart-gantt-chart-timeline-nonworking-color)
}
.smart-gantt-chart .smart-timeline-resource-cell,
.smart-gantt-chart .smart-timeline-task,
.smart-gantt-chart .smart-timeline-task-cell,
.smart-gantt-chart .smart-timeline-view-cells,
.smart-gantt-chart .smart-timeline-view-details {
	height: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart .smart-timeline-task:empty,
.smart-gantt-chart .smart-timeline-view-details:empty {
	height: 0
}
.smart-gantt-chart .smart-timeline-content:empty:after {
	content: 'No Items';
	height: var(--smart-gantt-chart-task-default-height);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	user-select: none
}
.smart-gantt-chart .smart-timeline-view-cell {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	border-top: var(--smart-border-width) solid var(--smart-border);
	border-bottom: var(--smart-border-width) solid var(--smart-border);
	border-left: var(--smart-border-width) solid var(--smart-border);
	border-right: var(--smart-border-width) solid var(--smart-border);
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: var(--smart-gantt-chart-task-bar-fill-padding);
	border-bottom-color: transparent;
	height: var(--smart-gantt-chart-task-default-height);
	min-width: var(--smart-gantt-chart-timeline-cell-min-size);
	width: var(--smart-gantt-chart-timeline-cell-size)
}
.smart-gantt-chart .smart-timeline-view-cell>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.smart-gantt-chart .smart-resource-timeline-view-cell {
	background: var(--smart-gantt-chart-timeline-task-background-color);
	bottom: 0;
	border: none
}
.smart-gantt-chart .smart-resource-timeline-view-cell::after {
	position: absolute;
	content: '';
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	font-size: var(--smart-font-size);
	font-family: var(--smart-font-family-icon)
}
.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-resource-timeline-view-cell::after {
	height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
	width: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
	border-radius: 50%;
	transform: scale(0) rotate(360deg);
	background: var(--smart-success);
	color: var(--smart-success-color);
	line-height: 100%
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border::before,
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border::before {
	width: 100%;
	content: '';
	position: absolute;
	height: 100%;
	bottom: 0;
	z-index: 1
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border.warning::before,
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border.warning::before {
	z-index: initial;
	left: initial
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border {
	border-right: none
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border::before {
	border-right: 1px solid var(--smart-border);
	left: 0
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border {
	border-left: none
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border::before {
	border-left: 1px solid var(--smart-border);
	left: -1px
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell::after {
	width: 100%;
	content: '-';
	height: calc(var(--smart-gantt-chart-task-default-height) - 2px);
	bottom: 0
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.warning[load]::after {
	border-radius: initial
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
	border: var(--smart-border-width) solid var(--smart-primary);
	border-bottom: none;
	height: 0;
	padding: 0;
	background: rgba(var(--smart-primary-rgb), .15)
}
.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell[load] {
	border-bottom: none;
	border-top: var(--smart-border-width) solid var(--smart-primary)
}
.smart-gantt-chart .smart-resource-timeline-view-cell[load]::after {
	content: attr(load);
	transform: scale(1) rotate(0)
}
.smart-gantt-chart:not([animation=none]) .smart-resource-splitter .smart-resource-timeline-view-cell::after {
	transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-gantt-chart:not([animation=none]) .smart-resource-timeline-view-cell[load]::after {
	transition: transform .2s cubic-bezier(.4, 0, .6, 1), border-radius .2s cubic-bezier(.4, 0, .6, 1), background .2s cubic-bezier(.4, 0, .6, 1), color .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart:not([animation=none])[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
	transition: height .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart:not([animation=none])[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell::after {
	transition: background .2s cubic-bezier(.4, 0, .6, 1), color .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart .smart-resource-timeline-view-cell.warning[load]::after {
	background: var(--smart-error);
	color: var(--smart-error-color);
	border-radius: 5px
}
.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell,
.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-timeline-resource-cell:first-of-type .smart-resource-timeline-view-cell {
	border-top: none
}
.smart-gantt-chart .smart-timeline-view-cell:first-of-type {
	border-left: none
}
.smart-gantt-chart .smart-timeline-view-cell:last-of-type {
	border-right: none
}
.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:not(:first-of-type),
.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell:not(:first-of-type) {
	border-left-color: transparent
}
.smart-gantt-chart .smart-timeline-view-cells div {
	border-bottom-color: var(--smart-border)
}
.smart-gantt-chart .smart-timeline-resource-cell,
.smart-gantt-chart .smart-timeline-task-cell {
	border-width: var(--smart-border-width);
	border-style: solid;
	border-bottom-color: var(--smart-border);
	background: var(--smart-gantt-chart-timeline-task-background-color);
	border-left: none;
	border-right: none;
	border-top-color: transparent
}
.smart-gantt-chart .milestone .smart-task-container:after,
.smart-gantt-chart .milestone .smart-task-container:before {
	border-top: calc(var(--smart-gantt-chart-task-default-height)/ 2) solid transparent;
	border-bottom: calc(var(--smart-gantt-chart-task-default-height)/ 2) solid transparent
}
smart-gantt-chart:not([animation=none]) .smart-timeline-resource-cell,
smart-gantt-chart:not([animation=none]) .smart-timeline-task-cell {
	transition: background ease-in-out .28s
}
.smart-gantt-chart .smart-timeline-resource-cell[assigned],
.smart-gantt-chart .smart-timeline-task-cell[assigned] {
	background: rgba(var(--smart-primary-rgb), .05)
}
.smart-gantt-chart .smart-timeline-resource-cell[focus],
.smart-gantt-chart .smart-timeline-task-cell[focus] {
	background: var(--smart-ui-state-focus)
}
.smart-gantt-chart .smart-timeline-resource-cell[hover],
.smart-gantt-chart .smart-timeline-task-cell[hover] {
	background: var(--smart-ui-state-hover)
}
.smart-gantt-chart .smart-timeline-resource-cell[selected],
.smart-gantt-chart .smart-timeline-task-cell[selected] {
	background: var(--smart-ui-state-selected)
}
.smart-gantt-chart .smart-timeline-resource-cell:first-of-type,
.smart-gantt-chart .smart-timeline-task-cell:first-of-type {
	border-left-color: var(--smart-border)
}
.smart-gantt-chart .smart-timeline-resource-cell:last-of-type,
.smart-gantt-chart .smart-timeline-task-cell:last-of-type {
	border-right-color: var(--smart-border)
}
.smart-gantt-chart .smart-timeline[task-bar-hovered],
.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.project .smart-timeline-task-fill,
.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.task .smart-timeline-task-fill {
	cursor: e-resize
}
.smart-gantt-chart .smart-timeline-task {
	position: absolute
}
.smart-gantt-chart .smart-timeline-task[disable-drag] {
	cursor: default
}
.smart-gantt-chart .milestone {
	height: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task:not([disable-drag]) .smart-timeline-task-fill,
.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task:not([disable-drag]).milestone .smart-task-container::after,
.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task:not([disable-drag]).milestone .smart-task-container::before {
	cursor: move
}
.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::after,
.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::before,
.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline:not([task-bar-hovered]) .smart-timeline-task[connected] .smart-timeline-task-fill {
	cursor: initial
}
.smart-gantt-chart .milestone .smart-task-container {
	padding: 0
}
.smart-gantt-chart .milestone .smart-task-container:after,
.smart-gantt-chart .milestone .smart-task-container:before {
	content: "";
	position: absolute;
	height: 100%;
	box-sizing: border-box
}
.smart-gantt-chart .milestone .smart-task-container:before {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 2);
	border-right: calc(var(--smart-gantt-chart-task-default-height)/ 2) solid var(--smart-gantt-chart-milestone-color)
}
.smart-gantt-chart .milestone .smart-task-container:after {
	top: 0;
	border-left: calc(var(--smart-gantt-chart-task-default-height)/ 2) solid var(--smart-gantt-chart-milestone-color)
}
.smart-gantt-chart .smart-task-container {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: var(--smart-gantt-chart-task-bar-fill-padding);
	padding-bottom: var(--smart-gantt-chart-task-bar-fill-padding)
}
.smart-gantt-chart .smart-task-connection-point {
	position: absolute;
	border: 1px solid #A9A9A9;
	border-radius: 50%;
	width: calc(var(--smart-gantt-chart-task-default-height)/ 2);
	height: calc(var(--smart-gantt-chart-task-default-height)/ 2);
	top: 50%;
	transform: translateY(-50%) scale(0);
	background-color: #DEDEDE
}
.smart-gantt-chart:not([animation=none]) .smart-task-connection-point {
	transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-gantt-chart .smart-task-connection-point.start {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 1.5)
}
.smart-gantt-chart .smart-task-connection-point.end {
	right: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 1.5)
}
.smart-gantt-chart .milestone .smart-task-connection-point.start {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15)
}
.smart-gantt-chart .milestone .smart-task-connection-point.end {
	right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15)
}
.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[hover] .smart-task-connection-point,
.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[selected] .smart-task-connection-point {
	transform: translateY(-50%) scale(1)
}
.smart-gantt-chart:not([animation=none]) .smart-timeline-task[hover] .smart-task-connection-point,
.smart-gantt-chart:not([animation=none]) .smart-timeline-task[selected] .smart-task-connection-point {
	transition: transform .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart .smart-timeline-task-fill,
.smart-gantt-chart .smart-timeline-task-progress {
	width: 100%;
	height: 100%
}
.smart-gantt-chart .smart-timeline-task-progress {
	transform-origin: left;
	position: relative
}
.smart-gantt-chart .smart-timeline-task-fill {
	border-radius: var(--smart-gantt-chart-task-fill-border-radius);
	overflow: hidden
}
.smart-gantt-chart .project .smart-timeline-task-fill {
	background: var(--smart-gantt-chart-project-color)
}
.smart-gantt-chart .task .smart-timeline-task-fill {
	background: var(--smart-gantt-chart-task-color)
}
.smart-gantt-chart .project .smart-timeline-task-progress {
	background: var(--smart-gantt-chart-project-progress-color)
}
.smart-gantt-chart .task .smart-timeline-task-progress {
	background: var(--smart-gantt-chart-task-progress-color)
}
.smart-gantt-chart .smart-timeline-task-label {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	padding: var(--smart-gantt-chart-task-label-padding);
	transform: translate(-50%, -50%);
	font-size: inherit;
	font-family: inherit;
	pointer-events: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.smart-gantt-chart .smart-timeline-task.task .smart-timeline-task-label {
	color: var(--smart-gantt-chart-task-label-color)
}
.smart-gantt-chart .smart-timeline-task.task[selected] .smart-timeline-task-label {
	color: var(--smart-gantt-chart-task-label-color-selected)
}
.smart-gantt-chart .smart-timeline-task.project .smart-timeline-task-label {
	color: var(--smart-gantt-chart-project-label-color)
}
.smart-gantt-chart .smart-timeline-task.project[selected] .smart-timeline-task-label {
	color: var(--smart-gantt-chart-project-label-color-selected)
}
.smart-gantt-chart .smart-timeline-task-progress-thumb {
	position: absolute;
	right: 0;
	cursor: e-resize;
	transform: scale(0);
	transform-origin: left bottom
}
.smart-gantt-chart:not([animation=none]) .smart-timeline-task-progress-thumb {
	transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-gantt-chart:not([animation=none]) .smart-timeline-task .smart-task-container::after,
.smart-gantt-chart:not([animation=none]) .smart-timeline-task::after,
.smart-gantt-chart:not([animation=none]) .smart-timeline-task[selected] .smart-task-container::after,
.smart-gantt-chart:not([animation=none]) .smart-timeline-task[selected] .smart-timeline-task-progress-thumb,
.smart-gantt-chart:not([animation=none]) .smart-timeline-task[selected]::after {
	transition: transform .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart .smart-timeline-task[selected] .smart-timeline-task-progress-thumb {
	transform: scale(1)
}
.smart-gantt-chart .smart-timeline-task:not(.milestone) .smart-task-container::after,
.smart-gantt-chart .smart-timeline-task:not(.milestone)::after {
	content: '';
	width: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
	height: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
	position: absolute;
	top: calc(50% - var(--smart-gantt-chart-timeline-task-resize-indicator-width)/ 2);
	left: calc(100% - var(--smart-gantt-chart-timeline-task-resize-indicator-width)/ 2);
	background-color: var(--smart-gantt-chart-timeline-task-resize-indicator-color);
	box-shadow: 0 0 0 1px var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);
	transform: scale(0);
	pointer-events: none
}
.smart-gantt-chart .smart-timeline-task:not(.milestone)[disable-resize] .smart-task-container::after,
.smart-gantt-chart .smart-timeline-task:not(.milestone)[disable-resize]::after {
	content: none
}
.smart-gantt-chart .smart-timeline-task:not(.milestone) .smart-task-container::after {
	left: calc(-1 * var(--smart-gantt-chart-timeline-task-resize-indicator-width)/ 2)
}
.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize]) .smart-task-container::after,
.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize])::after {
	transform: scale(1)
}
.smart-gantt-chart .smart-timeline-task[selected]:not(.milestone) .smart-timeline-task-fill {
	box-shadow: var(--smart-elevation-2)
}
.smart-gantt-chart:not([animation=none]) .smart-timeline-task .smart-timeline-task-fill {
	transition: box-shadow .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-gantt-chart .smart-timeline-task .smart-timeline-task-progress-thumb:after {
	content: "";
	border-right: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
	border-left: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
	border-bottom: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid var(--smart-gantt-chart-task-thumb-color);
	box-shadow: 0 1px 0 0 var(--smart-gantt-chart-task-thumb-color);
	position: absolute;
	bottom: calc(-1 * var(--smart-gantt-chart-task-bar-fill-padding)/ 2);
	left: calc(-1 * var(--smart-gantt-chart-timeline-task-progress-thumb-size));
	z-index: 1
}
.smart-gantt-chart .smart-task-bar-limitter-max,
.smart-gantt-chart .smart-task-bar-limitter-min {
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	border-style: dashed;
	border-width: 1px
}
.smart-gantt-chart .smart-task-bar-limitter-min {
	border-color: #90ee90
}
.smart-gantt-chart .smart-task-bar-limitter-max {
	border-color: red
}
.smart-gantt-chart .smart-task-bar-limitter-max-date,
.smart-gantt-chart .smart-task-bar-limitter-min-date {
	position: absolute;
	top: 0;
	left: var(--smart-border-width);
	height: calc(100% - 2 * var(--smart-border-width));
	background-image: linear-gradient(135deg, rgba(255, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .2) 50%, rgba(255, 0, 0, .2) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
	border: 1px solid #fff
}
.smart-gantt-chart .smart-task-bar-limitter-max-date {
	left: inherit;
	right: 0
}
.smart-gantt-chart smart-scroll-viewer {
	width: 100%;
	height: 100%;
	border: none;
	padding: initial
}
.smart-gantt-chart .smart-task-connection-feedback {
	position: absolute;
	top: 50%;
	transform-origin: left;
	border: var(--smart-gantt-chart-timeline-task-connection-feedback-width) var(--smart-gantt-chart-timeline-task-connection-feedback-style) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
	z-index: 1;
	pointer-events: none
}
.smart-gantt-chart .smart-task-connection[arrow-direction=left]:before,
.smart-gantt-chart[right-to-left] .smart-task-connection-feedback:before {
	border-right: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color)
}
.smart-gantt-chart .smart-task-connection-feedback:before,
.smart-gantt-chart .smart-task-connection[arrow-direction]:before {
	content: '';
	position: absolute;
	left: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
	top: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width));
	border-top: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
	border-bottom: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
	border-left: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color)
}
.smart-gantt-chart .smart-task-connection[arrow-direction=left]:before {
	left: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width)/ 2 + 1px);
	border-left: none
}
.smart-gantt-chart .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
	left: 100%
}
.smart-gantt-chart .milestone .smart-task-connection-feedback {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 2)
}
.smart-gantt-chart .milestone[connection-point=end] .smart-task-connection-feedback {
	left: calc(100% + var(--smart-gantt-chart-task-default-height)/ 2)
}
.smart-gantt-chart .smart-task-connection {
	position: absolute;
	border: var(--smart-gantt-chart-timeline-task-connection-width) var(--smart-gantt-chart-timeline-task-connection-style) var(--smart-gantt-chart-timeline-task-connection-color);
	top: 50%
}
.smart-gantt-chart .smart-task-connection[hover] {
	border-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
	box-shadow: 0 0 2.5px 0 var(--smart-gantt-chart-timeline-task-connection-color)
}
.smart-gantt-chart .smart-task-connection[hover]::before {
	border-left-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
	border-right-color: var(--smart-gantt-chart-timeline-task-connection-color-hover)
}
.smart-gantt-chart .smart-task-connection::after {
	content: '';
	width: 100%;
	height: 100%;
	border: inherit inherit transparent;
	position: absolute;
	border-width: 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-gantt-chart[connecting-task] .smart-task-connection {
	pointer-events: none
}
.smart-gantt-chart .smart-timeline-resource-cell.smart-visibility-hidden,
.smart-gantt-chart .smart-timeline-task-cell.smart-visibility-hidden {
	height: 0;
	border: 0
}
.smart-gantt-chart .smart-timeline-animation-container {
	width: 100%;
	position: absolute;
	pointer-events: none;
	height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
	overflow: hidden;
	transform: scale(1)
}
.smart-gantt-chart .smart-timeline-animation-container.smart-visibility-hidden {
	transform: scale(0)
}
.smart-gantt-chart .smart-timeline-animation-inner-container {
	width: 100%;
	position: absolute
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task.milestone .smart-task-container {
	width: 0
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task {
	position: initial
}
.smart-gantt-chart .smart-timeline-animation-inner-container>div {
	transform: scaleY(1);
	transform-origin: top;
	transition: height .2s ease-in, transform .2s ease-in
}
.smart-gantt-chart .smart-timeline-animation-inner-container>div.animate {
	transform: scaleY(0);
	height: 0
}
.smart-gantt-chart:not([animation=none]) .smart-timeline-view-cells:not([no-transition]) .smart-timeline-view-cell::after {
	transition: height .2s ease-in
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task::after,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task::before,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[selected]::before {
	content: ' ';
	position: absolute;
	width: 100%;
	border-top: var(--smart-border-width) solid var(--smart-border);
	top: initial;
	left: 0;
	height: 0;
	box-shadow: none;
	transform: translateY(-1px)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[assigned]::after,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[selected]::after {
	transform: scale(0)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task::before {
	transition: background ease-in-out .28s;
	background: var(--smart-gantt-chart-timeline-task-background-color)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[assigned]::before,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[focus]::before,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[hover]::before,
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[selected]::before {
	height: var(--smart-gantt-chart-task-default-height);
	box-sizing: border-box
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[assigned]::before {
	background: rgba(var(--smart-primary-rgb), .05)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[focus]::before {
	background: var(--smart-ui-state-focus)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[hover]::before {
	background: var(--smart-ui-state-hover)
}
.smart-gantt-chart .smart-timeline-animation-container .smart-timeline-task[selected]::before {
	background: var(--smart-ui-state-selected)
}
.smart-gantt-chart .smart-tree-splitter {
	--smart-border-top-left-radius: 0;
	--smart-border-top-right-radius: 0;
	--smart-border-bottom-left-radius: 0;
	--smart-border-bottom-right-radius: 0
}
.smart-gantt-chart .smart-task-splitter,
.smart-gantt-chart .smart-tree-splitter {
	--smart-splitter-bar-fit-size: var(--smart-gantt-chart-task-tree-splitter-bar-fit-size)
}
.smart-gantt-chart .smart-tree-splitter smart-splitter-bar {
	--smart-splitter-bar-background: var(--smart-border)
}
.smart-gantt-chart .smart-resource-splitter,
.smart-gantt-chart .smart-resource-splitter .smart-tree-splitter {
	--smart-splitter-bar-fit-size: var(--smart-gantt-chart-resource-tree-splitter-bar-fit-size)
}
.smart-gantt-chart .smart-tree {
	--smart-tree-default-width: auto;
	--smart-tree-default-height: 100%;
	--smart-tree-item-label-height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-border-width));
	--smart-tree-item-vertical-offset: 0;
	--smart-tree-item-horizontal-offset: 0;
	--smart-item-border-width: 0;
	--smart-item-border-top-left-radius: 0;
	--smart-item-border-top-right-radius: 0;
	--smart-item-border-bottom-left-radius: 0;
	--smart-item-border-bottom-right-radius: 0;
	--smart-background: transparent;
	border: none
}
.smart-gantt-chart smart-tree .smart-tree-item-label-container {
	height: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart smart-tree-item:not([selected]),
.smart-gantt-chart smart-tree-items-group:not([selected])>.smart-tree-item-label-container,
.smart-gantt-chart smart-tree[selection-mode=checkBox] smart-tree-item,
.smart-gantt-chart smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container,
.smart-gantt-chart smart-tree[selection-mode=radioButton] smart-tree-item,
.smart-gantt-chart smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container {
	border-radius: 0
}
.smart-gantt-chart .smart-resource-item-label-container,
.smart-gantt-chart .smart-resource-label-container,
.smart-gantt-chart .smart-task-label-container,
.smart-gantt-chart .smart-tree-item-label-container,
.smart-gantt-chart smart-tree:not([selection-display-mode=label]) smart-tree-items-group>.smart-tree-item-label-container {
	border-bottom-width: var(--smart-border-width);
	border-bottom-style: solid;
	border-top-color: var(--smart-border);
	border-bottom-color: var(--smart-border)
}
.smart-gantt-chart smart-tree:not([selection-display-mode=label]):not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-item[selected],
.smart-gantt-chart smart-tree:not([selection-display-mode=label]):not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-items-group[selected]>.smart-tree-item-label-container {
	border-top-color: var(--smart-border);
	border-bottom-color: var(--smart-border)
}
.smart-gantt-chart .smart-resource-tree-header,
.smart-gantt-chart .smart-task-tree-header {
	height: calc(2 * var(--smart-gantt-chart-task-default-height));
	padding: var(--smart-gantt-chart-task-bar-fill-padding);
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: var(--smart-border-width) solid var(--smart-border);
	border-left: none;
	border-right: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	box-shadow: var(--smart-gantt-chart-header-box-shadow)
}
.smart-gantt-chart .smart-resource-tree-header {
	height: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart .smart-resource-tree-header:empty,
.smart-gantt-chart .smart-task-tree-header:empty {
	padding: 0
}
.smart-gantt-chart .smart-timeline-header {
	box-shadow: var(--smart-gantt-chart-header-box-shadow);
	position: relative
}
.smart-gantt-chart .smart-resource-tree-content,
.smart-gantt-chart .smart-task-tree-content {
	height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
	overflow: hidden
}
.smart-gantt-chart .smart-resource-tree-content {
	height: calc(100% - var(--smart-gantt-chart-task-default-height))
}
.smart-gantt-chart .smart-tree-splitter smart-splitter-item>.smart-container>.smart-content {
	padding: 0;
	overflow: hidden
}
.smart-gantt-chart .smart-resource-label-container,
.smart-gantt-chart .smart-task-connection,
.smart-gantt-chart .smart-task-connection-point,
.smart-gantt-chart .smart-task-label-container,
.smart-gantt-chart:not([disable-task-progress-change]) .smart-timeline-task .smart-timeline-task-progress-thumb:after {
	cursor: pointer
}
.smart-gantt-chart .smart-resource-label-container,
.smart-gantt-chart .smart-task-label-container {
	height: var(--smart-gantt-chart-task-default-height);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.smart-gantt-chart .smart-resource-label-container>span,
.smart-gantt-chart .smart-task-label-container>span {
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit
}
.smart-gantt-chart .smart-resource-label-container[assigned],
.smart-gantt-chart .smart-task-label-container[assigned] {
	background-color: rgba(var(--smart-primary-rgb), .05);
	color: rgba(var(--smart-primary), .5)
}
.smart-gantt-chart .smart-resource-label-container[focus],
.smart-gantt-chart .smart-task-label-container[focus] {
	border-color: var(--smart-ui-state-border-focus);
	background-color: var(--smart-ui-state-focus);
	color: var(--smart-ui-state-color-focus)
}
.smart-gantt-chart .smart-resource-label-container[hover],
.smart-gantt-chart .smart-task-label-container[hover] {
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-gantt-chart .smart-resource-label-container[selected],
.smart-gantt-chart .smart-task-label-container[selected] {
	border-color: var(--smart-ui-state-border-selected);
	background-color: var(--smart-ui-state-selected);
	color: var(--smart-ui-state-color-selected)
}
.smart-gantt-chart:not([animation=none]) .smart-resource-label-container,
.smart-gantt-chart:not([animation=none]) .smart-task-label-container,
.smart-gantt-chart:not([animation=none]) smart-tree:not([selection-display-mode=label]) smart-tree-item,
.smart-gantt-chart:not([animation=none]) smart-tree:not([selection-display-mode=label]) smart-tree-items-group>.smart-tree-item-label-container {
	transition: color ease-in-out .28s, border-color ease-in-out .28s, background ease-in-out .28s
}
.smart-gantt-chart .smart-tree-splitter .smart-task-drop-down {
	transform: scaleY(1);
	transform-origin: top;
	overflow: hidden
}
.smart-gantt-chart .smart-tree-splitter .smart-task-drop-down.smart-visibility-hidden {
	margin-top: 0;
	height: 0;
	transform: scaleY(0)
}
.smart-gantt-chart:not([animation=none]) .smart-tree-splitter .smart-task-drop-down {
	transition: height .2s ease-in, transform .2s ease-in, visibility .2s ease-in
}
.smart-gantt-chart .smart-tree-splitter smart-tree-item[assigned],
.smart-gantt-chart .smart-tree-splitter smart-tree-items-group[assigned]>.smart-tree-item-label-container {
	background-color: rgba(var(--smart-primary-rgb), .05);
	color: rgba(var(--smart-primary), .5)
}
.smart-gantt-chart smart-splitter-item.smart-timeline-splitter-item>.smart-container,
.smart-gantt-chart smart-splitter-item.smart-timeline-splitter-item>.smart-container>.smart-content {
	overflow: hidden
}
.smart-gantt-chart.smart-container,
.smart-gantt-chart>.smart-container {
	position: relative
}
.smart-gantt-chart.smart-container.hscroll>smart-splitter,
.smart-gantt-chart>.smart-container.hscroll>smart-splitter {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-gantt-chart.smart-container.vscroll .smart-timeline,
.smart-gantt-chart>.smart-container.vscroll .smart-timeline {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-gantt-chart .smart-timeline-scroll-bar {
	overflow: visible;
	position: relative;
	height: calc(var(--smart-scroll-bar-size));
	width: 100%
}
.smart-gantt-chart .smart-timeline-scroll-bar.bottom-corner {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-gantt-chart .smart-timeline-scroll-bar::after {
	position: absolute;
	content: '';
	width: 100%;
	height: var(--smart-scroll-bar-size);
	background: var(--smart-scroll-bar-background);
	left: 100%;
	top: 0
}
.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical] {
	position: absolute;
	right: 0;
	top: calc(2 * var(--smart-gantt-chart-task-default-height));
	height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
	width: calc(var(--smart-scroll-bar-size))
}
.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar {
	height: calc(100% - var(--smart-gantt-chart-task-default-height));
	top: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical]::before {
	position: absolute;
	width: 100%;
	background: var(--smart-scroll-bar-background);
	content: '';
	left: 0;
	top: calc(-2 * var(--smart-gantt-chart-task-default-height));
	height: calc(2 * var(--smart-gantt-chart-task-default-height));
	border: 1px solid var(--smart-border);
	border-top: none;
	box-sizing: border-box
}
.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical]::before {
	top: calc(-1 * var(--smart-gantt-chart-task-default-height));
	height: var(--smart-gantt-chart-task-default-height)
}
.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical][disabled]::after {
	left: 0;
	height: 100%
}
.smart-gantt-chart:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]::before {
	border-right: none
}
.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical]::before {
	border-left: none
}
.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical] {
	right: initial
}
.smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline,
.smart-gantt-chart[inverted]>.smart-container.vscroll .smart-timeline {
	margin-left: var(--smart-scroll-bar-size)
}
.smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]),
.smart-gantt-chart[inverted]>.smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
	left: calc(var(--smart-scroll-bar-size))
}
.smart-gantt-chart[inverted] .smart-timeline-scroll-bar::after {
	width: calc(var(--smart-scroll-bar-size));
	left: calc(-1 * var(--smart-scroll-bar-size))
}
.smart-gantt-chart .smart-timeline-content {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
	transition: max-height .2s ease-in, min-height .2s ease-in, height .2s ease-in
}
.smart-gantt-chart .smart-resource-splitter .smart-timeline-content {
	height: calc(100% - var(--smart-gantt-chart-task-default-height))
}
.smart-gantt-chart .smart-timeline-container {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%
}
.smart-confirm-popup-window,
.smart-connection-popup-window,
.smart-task-popup-window {
	--smart-window-header-height: var(--smart-gantt-chart-popup-window-header-height);
	--smart-window-footer-height: var(--smart-gantt-chart-popup-window-footer-height);
	--smart-window-header-footer-padding: 10px;
	--smart-window-default-height: auto;
	--smart-window-header-background: transparent
}
.smart-task-popup-window {
	--smart-window-default-width: var(--smart-gantt-chart-task-popup-window-default-width)
}
.smart-connection-popup-window {
	--smart-window-default-width: var(--smart-gantt-chart-connection-popup-window-default-width)
}
.smart-confirm-popup-window {
	--smart-window-default-width: var(--smart-gantt-chart-confirm-popup-window-default-width)
}
.smart-confirm-popup-window .smart-content-container>.smart-content,
.smart-connection-popup-window .smart-content-container>.smart-content {
	justify-content: center;
	max-height: calc(var(--smart-gantt-chart-task-timeline-content-height) - var(--smart-window-header-height))
}
.smart-gantt-chart-popup-window .smart-content-container>.smart-footer smart-button {
	width: 100%;
	height: 100%;
	--smart-button-padding: 0.2rem
}
.smart-gantt-chart-popup-window .smart-popup-window-button.ok {
	grid-area: buttonOk
}
.smart-gantt-chart-popup-window .smart-popup-window-button.cancel {
	grid-area: buttonCancel
}
.smart-gantt-chart-popup-window .smart-popup-window-button.delete {
	grid-area: buttonDelete
}
.smart-gantt-chart-popup-window .smart-content-container>.smart-footer {
	display: grid;
	grid-template-columns: 40% 40%;
	grid-column-gap: 2%;
	justify-content: center;
	align-items: center;
	grid-template-areas: "buttonOk buttonCancel"
}
@media not all and (min-resolution: .001dpcm) {
	@media{.smart-confirm-popup-window .smart-content-container>.smart-footer,
	.smart-connection-popup-window .smart-content-container>.smart-footer,
	.smart-task-popup-window .smart-content-container>.smart-footer {
		align-content: start
	}
}
}
.smart-window.smart-task-popup-window .smart-content-container>.smart-footer {
	grid-template-columns: 23% 23% 23% 23%;
	grid-column-gap: 2%;
	grid-template-areas: "buttonOk buttonCancel . buttonDelete"
}
.smart-window.smart-task-popup-window .smart-content-container>.smart-content {
	display: grid;
	grid-row-gap: 10px
}
.smart-task-popup-window .smart-content-container>.smart-footer .smart-icon {
	position: relative;
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-size: 18px;
	margin-right: 2.5px
}
.smart-task-popup-window .smart-popup-window-button.ok .smart-icon::after {
	content: var(--smart-icon-check)
}
.smart-gantt-chart-popup-window .smart-popup-window-button.cancel .smart-icon::after {
	content: var(--smart-icon-cancel)
}
.smart-gantt-chart-popup-window .smart-popup-window-button.delete .smart-icon::after {
	content: var(--smart-icon-delete)
}
.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor {
	display: grid;
	grid-row-gap: 5px
}
.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-date-time-picker,
.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-drop-down-list {
	width: 100%
}
.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor>b {
	text-align: center
}
.smart-confirm-popup-window .smart-gantt-chart-popup-window-editor,
.smart-connection-popup-window .smart-gantt-chart-popup-window-editor {
	justify-items: center
}
.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor input {
	height: var(--smart-editor-height)
}
.smart-gantt-chart-popup-window-editor .smart-input[disabled] {
	opacity: .55;
	cursor: default;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
.smart-gantt-chart.smart-container>.smart-popup-window-modal,
.smart-gantt-chart>.smart-container>.smart-popup-window-modal {
	position: absolute;
	opacity: .5;
	background-color: var(--smart-disabled);
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	z-index: calc(var(--smart-editor-drop-down-z-index) - 1)
}
.smart-gantt-chart[right-to-left] .smart-resource-tree-header,
.smart-gantt-chart[right-to-left] .smart-task-tree-header,
.smart-gantt-chart[right-to-left] .smart-timeline-task-label,
.smart-gantt-chart[right-to-left] .smart-timeline-view-cell {
	direction: rtl
}
.smart-gantt-chart[right-to-left] .milestone .smart-task-container {
	direction: initial
}
.smart-task-popup-window[right-to-left]>.smart-container>.smart-footer .smart-icon {
	margin-left: 2.5px
}
.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:last-of-type {
	border-right: var(--smart-border-width) solid var(--smart-border)
}
.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:first-of-type {
	border-right: none;
	border-left: var(--smart-border-width) solid transparent
}
.smart-gantt-chart[right-to-left] .smart-task-connection-point.end {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 1.5);
	right: initial
}
.smart-gantt-chart[right-to-left] .smart-task-connection-point.start {
	right: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 1.5);
	left: initial
}
.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.end {
	left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
	right: initial
}
.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.start {
	right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
	left: initial
}
.smart-gantt-chart[right-to-left] .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
	left: initial;
	right: 100%
}
.smart-gantt-chart[right-to-left] .smart-task-connection-feedback:before {
	left: initial;
	right: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
	border-left: initial
}
.smart-gantt-chart[right-to-left] .smart-task-connection-feedback {
	transform-origin: right
}
.smart-gantt-chart[right-to-left] .milestone[connection-point=end] .smart-task-connection-feedback {
	right: calc(100% + var(--smart-gantt-chart-task-default-height)/ 2)
}
.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-feedback {
	right: calc(-1 * var(--smart-gantt-chart-task-default-height)/ 2);
	left: initial
}
.smart-gantt-chart[right-to-left] .smart-task-bar-limitter-max-date,
.smart-gantt-chart[right-to-left] .smart-task-bar-limitter-min-date {
	right: var(--smart-gantt-chart-timeline-column-border-width);
	left: initial
}
.smart-gantt-chart[right-to-left] .smart-task-bar-limitter-max-date {
	right: inherit;
	left: 0
}
.smart-gantt-chart[right-to-left]>.smart-container.vscroll .smart-timeline {
	margin-left: var(--smart-scroll-bar-size)
}
.smart-gantt-chart[right-to-left][inverted]>.smart-container.vscroll .smart-timeline {
	margin-right: var(--smart-scroll-bar-size)
}
.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical] {
	right: initial;
	left: 0
}
.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical] {
	right: 0
}
.smart-gantt-chart[right-to-left]>.smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
	left: calc(var(--smart-scroll-bar-size))
}
.smart-gantt-chart[right-to-left][inverted]>.smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
	left: initial
}
.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]::before {
	border-left: none;
	border-right: 1px solid var(--smart-border)
}
.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical]::before {
	border-right: none;
	border-left: 1px solid var(--smart-border)
}
.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar::after {
	right: 100%;
	left: initial
}
.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar[orientation=vertical]::after {
	left: calc(-1 * var(--smart-scroll-bar-size))
}
.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar::after {
	right: calc(-1 * var(--smart-scroll-bar-size))
}
smart-gauge {
	display: block;
	width: var(--smart-gauge-default-width);
	height: var(--smart-gauge-default-height);
	min-width: 125px;
	min-height: 125px;
	fill: var(--smart-background-color)
}
smart-gauge.smart-element {
	border: none
}
smart-gauge[disabled] {
	user-select: none
}
smart-gauge[size-mode=auto] {
	min-height: initial
}
smart-gauge:focus {
	outline: 0
}
.smart-gauge .drawContainer>svg {
	fill: var(--smart-gauge-label-fill-state);
	stroke: var(--smart-gauge-label-stroke)
}
.smart-gauge[dragged],
.smart-gauge[dragged] .smart-label {
	cursor: pointer
}
.smart-gauge .smart-container,
.smart-gauge.smart-container {
	position: relative;
	border-radius: 50%
}
.smart-gauge .smart-svg-container {
	width: 100%;
	height: 100%;
	touch-action: none
}
.smart-gauge .smart-tick,
:host(smart-gauge) .smart-tick {
	stroke: var(--smart-border);
	stroke-width: 1px;
	width: 15px;
	pointer-events: none
}
.smart-gauge[analog-display-type=fill][ticks-position=track] .smart-tick,
.smart-gauge[analog-display-type=line][ticks-position=track] .smart-tick {
	stroke: #F2F2F2
}
.smart-gauge .smart-tick-minor,
:host(smart-gauge) .smart-tick-minor {
	width: 5px
}
.smart-gauge[labels-visibility=endPoints] .smart-label-middle,
.smart-gauge[ticks-visibility=major] .smart-tick-minor {
	visibility: hidden
}
.smart-gauge .smart-needle,
:host(smart-gauge) .smart-needle {
	width: 20px;
	height: 110px;
	fill: var(--smart-background-color)
}
.smart-gauge .smart-needle-central-circle {
	fill: var(--smart-background-color)
}
.smart-gauge:focus .smart-needle,
.smart-gauge:focus .smart-needle-central-circle,
:host(smart-gauge:focus) .smart-needle,
:host(smart-gauge:focus) .smart-needle-central-circle {
	fill: var(--smart-primary)
}
.smart-gauge .smart-track,
:host(smart-gauge) .smart-track {
	width: 15px;
	stroke: var(--smart-border);
	stroke-width: 2px;
	fill: var(--smart-background)
}
.smart-gauge[show-ranges][ranges] .smart-track {
	opacity: 0
}
.smart-gauge .smart-value,
:host(smart-gauge) .smart-value {
	stroke: var(--smart-ui-state-border-active);
	stroke-width: 2px;
	fill: var(--smart-ui-state-active)
}
.smart-gauge .smart-line,
:host(smart-gauge) .smart-line {
	stroke: var(--smart-background-color);
	stroke-width: 5px
}
.smart-gauge .smart-range,
:host(smart-gauge) .smart-range {
	width: 75px;
	fill: #D8D8D8
}
.smart-gauge .smart-digital-display-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}
.smart-gauge .smart-digital-display {
	--smart-numeric-text-box-background: transparent;
	--smart-numeric-text-box-text-align: center;
	position: absolute;
	display: none;
	width: 80px;
	height: auto;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	font-size: inherit;
	pointer-events: initial
}
.smart-gauge[digital-display] .smart-digital-display {
	display: inline-block
}
.smart-gauge[digital-display-position=top] .smart-digital-display {
	top: 25%;
	transform: translate(-50%, -50%)
}
.smart-gauge[digital-display-position=right] .smart-digital-display {
	top: 50%;
	left: 70%;
	transform: translate(-50%, -50%)
}
.smart-gauge[digital-display-position=left] .smart-digital-display {
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%)
}
.smart-gauge[digital-display-position=center] .smart-digital-display {
	top: 50%;
	transform: translate(-50%, -50%)
}
.smart-gauge[show-unit] .smart-digital-display {
	--smart-numeric-text-box-text-align: right
}
.smart-gauge[show-unit] .smart-digital-display input.smart-input {
	border-right: none
}
.smart-gauge[right-to-left] .smart-label,
.smart-gauge[right-to-left] .smart-label-middle {
	direction: rtl;
	text-anchor: end
}
.smart-grid.smart-container,
smart-grid {
	width: var(--smart-grid-default-width);
	height: var(--smart-grid-default-height);
	grid-template-columns: var(--smart-grid-template-columns);
	grid-column-gap: var(--smart-grid-column-gap);
	grid-row-gap: var(--smart-grid-row-gap);
	contain: content;
	visibility: hidden
}
.smart-grid.smart-element,
smart-grid.smart-element {
	visibility: inherit
}
.smart-grid[grouped],
smart-grid[grouped] {
	background-color: var(--smart-surface)
}
.smart-grid-icon {
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	color: inherit;
	font-size: 14px;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: var(--smart-grid-column-buttons-width);
	min-width: 0;
	display: none
}
.smart-grid-icon.show {
	display: flex
}
.smart-icon-plus.smart-grid-icon:before {
	content: var(--smart-icon-plus)
}
.smart-icon-minus.smart-grid-icon:before {
	content: var(--smart-icon-minus)
}
.smart-icon-resize-full.smart-grid-icon:before {
	content: var(--smart-icon-resize-full)
}
.smart-icon-align-left.smart-grid-icon:before {
	content: var(--smart-icon-align-left)
}
.smart-icon-align-right.smart-grid-icon:before {
	content: var(--smart-icon-align-right)
}
.smart-icon-align-center.smart-grid-icon:before {
	content: var(--smart-icon-align-center)
}
.smart-icon-cancel.smart-grid-icon:before {
	content: var(--smart-icon-cancel)
}
.smart-icon-cancel-circled.smart-grid-icon:before {
	content: var(--smart-icon-cancel-circled)
}
.smart-icon-edit.smart-grid-icon:before {
	content: var(--smart-icon-edit)
}
.smart-icon-mode-edit.smart-grid-icon:before {
	content: var(--smart-icon-mode-edit)
}
.smart-icon-sort.smart-grid-icon:before {
	content: var(--smart-icon-sort)
}
.smart-icon-delete.smart-grid-icon:before {
	content: var(--smart-icon-delete)
}
.smart-icon-search.smart-grid-icon:before {
	content: var(--smart-icon-search)
}
.smart-icon-visibility-off.smart-grid-icon:before {
	content: var(--smart-icon-visibility-off)
}
.smart-icon-visibility-on.smart-grid-icon:before {
	content: var(--smart-icon-visibility)
}
.smart-icon-add-filter.smart-grid-icon:before {
	content: var(--smart-icon-add-filter)
}
.smart-icon-duplicate.smart-grid-icon:before {
	content: var(--smart-icon-duplicate)
}
.smart-icon-check-empty.smart-grid-icon:before {
	content: var(--smart-icon-check-empty)
}
.smart-icon-filter.smart-grid-icon:before {
	content: var(--smart-icon-filter)
}
.smart-icon-menu.smart-grid-icon:before {
	content: var(--smart-icon-menu)
}
.smart-grid-column-header .smart-arrow-down.smart-animate:after,
.smart-icon-sort-down.smart-grid-icon:before {
	content: var(--smart-icon-arrow-down)
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .up::after,
.smart-icon-sort-up.smart-grid-icon:before {
	content: var(--smart-icon-arrow-up)
}
.smart-icon-plus-squared.smart-grid-icon:before {
	content: var(--smart-icon-plus-squared)
}
.smart-icon-ellipsis.smart-grid-icon:before {
	content: var(--smart-icon-ellipsis)
}
.smart-icon-ellipsis-vert.smart-grid-icon:before {
	content: var(--smart-icon-ellipsis);
	transform: rotate(90deg)
}
.smart-icon-minus-squared.smart-grid-icon:before {
	content: var(--smart-icon-minus-squared)
}
.smart-icon-ok-squared.smart-grid-icon:before {
	content: var(--smart-icon-ok-squared)
}
.smart-icon-sort-name-up.smart-grid-icon:before {
	content: var(--smart-icon-sort-name-up)
}
.smart-icon-sort-name-down.smart-grid-icon:before {
	content: var(--smart-icon-sort-name-down)
}
.smart-icon-sort-alt-up.smart-grid-icon:before {
	content: var(--smart-icon-sort-alt-up)
}
.smart-icon-sort-alt-down.smart-grid-icon:before {
	content: var(--smart-icon-sort-alt-down)
}
.smart-icon-sort-number-up.smart-grid-icon:before {
	content: var(--smart-icon-sort-number-up)
}
.smart-icon-sort-number-down.smart-grid-icon:before {
	content: var(--smart-icon-sort-number-down)
}
.smart-icon-group.smart-grid-icon:before {
	content: var(--smart-icon-group)
}
.smart-icon-ungroup.smart-grid-icon:before {
	content: var(--smart-icon-ungroup)
}
.smart-icon-reload.smart-grid-icon:before {
	content: var(--smart-icon-reload)
}
.smart-grid smart-scroll-bar::after,
.smart-grid smart-scroll-bar::before,
.smart-grid smart-scroll-bar[orientation=vertical]::after,
.smart-grid smart-scroll-bar[orientation=vertical]::before {
	content: '';
	background: var(--smart-scroll-bar-background)
}
smart-grid-cell,
smart-grid-column,
smart-grid-row {
	display: block
}
.smart-grid.smart-container,
smart-grid>.smart-container {
	height: 100%;
	width: 100%;
	margin-bottom: -3px;
	border-style: solid;
	border-width: 0;
	border-color: transparent;
	position: relative;
	overflow: hidden;
	max-height: inherit;
	padding: 0
}
.smart-grid smart-scroll-bar {
	overflow: visible;
	position: absolute;
	bottom: 0;
	height: calc(var(--smart-scroll-bar-size));
	width: 100%;
	z-index: 10;
	touch-action: none
}
.smart-grid smart-scroll-bar.bottom-corner-visible,
.smart-grid-scroll-view.vscroll .smart-grid-row-container.far,
.smart-grid-scroll-view.vscroll .smart-grid-row-container.near {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-grid smart-scroll-bar.smart-element {
	border: none;
	border-radius: 0
}
.smart-grid smart-scroll-bar::after {
	position: absolute;
	width: var(--smart-scroll-bar-size);
	height: var(--smart-scroll-bar-size);
	min-width: var(--smart-scroll-bar-far-size);
	left: 100%;
	top: 0
}
.smart-grid smart-scroll-bar[orientation=vertical] {
	right: 0;
	top: 0;
	height: 100%;
	width: calc(var(--smart-scroll-bar-size));
	border-left: 1px solid var(--smart-border)
}
.smart-grid smart-scroll-bar::before {
	position: absolute;
	width: var(--smart-scroll-bar-near-size);
	height: var(--smart-scroll-bar-size);
	left: calc(0px - var(--smart-scroll-bar-near-size));
	top: 0
}
.smart-grid smart-scroll-bar[orientation=vertical]::before {
	position: absolute;
	height: var(--smart-scroll-bar-near-size);
	width: var(--smart-scroll-bar-size);
	left: 0;
	top: calc(0px - var(--smart-scroll-bar-near-size))
}
.smart-grid[right-to-left] smart-scroll-bar[orientation=vertical] {
	right: initial;
	left: 0;
	border-right: 1px solid var(--smart-border);
	border-left: initial
}
.smart-grid[right-to-left] smart-scroll-bar::after {
	left: initial;
	right: 100%
}
.smart-grid[right-to-left] smart-scroll-bar::before {
	left: 0
}
.smart-grid smart-scroll-bar[orientation=vertical].bottom-corner-visible {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-grid smart-scroll-bar[orientation=vertical]::after {
	position: absolute;
	width: var(--smart-scroll-bar-size);
	height: var(--smart-scroll-bar-size);
	min-height: var(--smart-scroll-bar-far-size);
	left: 0;
	bottom: calc(0px - var(--smart-scroll-bar-far-size));
	top: auto;
	min-width: 0;
	z-index: -1
}
smart-grid-cell[command] .smart-label {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	justify-content: center
}
.smart-grid[appearance_allow-hover] smart-grid-row:hover smart-grid-cell {
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	cursor: default
}
.smart-grid .smart-grid-command-item .smart-grid-icon {
	display: flex;
	min-width: 16px;
	width: auto
}
.smart-grid .smart-grid-command-item span:last-child:not(:first-child) {
	margin-left: 4px
}
.smart-grid .smart-grid-command-bar {
	display: flex;
	align-items: center;
	padding: 5px
}
.smart-grid .smart-grid-command-bar .smart-grid-icon {
	display: flex
}
.smart-grid .smart-grid-command-item {
	display: flex;
	padding: 5px 8px;
	user-select: none;
	min-width: 25px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background ease-in .2s;
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius)
}
.smart-grid smart-grid-cell .smart-grid-command-item {
	padding: 0 3px;
	overflow: hidden
}
.smart-grid smart-grid-column .smart-grid-command-item {
	padding: 0;
	align-items: center;
	justify-content: center
}
.smart-grid .smart-grid-command-item:hover {
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	border: 1px solid var(--smart-ui-state-border-hover)
}
.smart-grid .smart-grid-command-item:active {
	background: var(--smart-ui-state-background-active);
	color: var(--smart-ui-state-color-active);
	border: 1px solid var(--smart-ui-state-border-active)
}
.smart-grid-footer,
.smart-grid.smart-container .smart-grid-header,
.smart-grid>.smart-container .smart-grid-header {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border)
}
.smart-grid.smart-container .smart-grid-header,
.smart-grid>.smart-container .smart-grid-header {
	height: var(--smart-grid-header-height);
	border-bottom-width: 1px;
	border-bottom-style: solid
}
.smart-grid-footer {
	border-top-width: 1px;
	border-top-style: solid
}
.smart-grid-group-header {
	min-height: var(--smart-grid-group-header-height);
	overflow: hidden;
	position: relative;
	z-index: 99;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: inherit
}
.smart-grid.smart-container .smart-grid-column-header,
.smart-grid>.smart-container .smart-grid-column-header {
	height: var(--smart-grid-column-header-height);
	min-height: 30px;
	color: var(--smart-surface-color);
	overflow: hidden;
	position: relative;
	z-index: 99
}
.smart-grid-column-header.smart-columns-sticky {
	border-top: 1px solid var(--smart-border);
	border-bottom: 1px solid var(--smart-border);
	margin-top: -2px
}
.smart-grid-column-header .smart-arrow-down.smart-animate {
	transform: rotate(90deg);
	transition: transform .2s ease-out
}
.smart-grid-column-header .top-right-corner {
	overflow: hidden;
	right: 0;
	top: 0;
	width: calc(1px + var(--smart-scroll-bar-size));
	position: absolute;
	border-left: 1px solid inherit;
	z-index: 1
}
.smart-grid-column-header .top-right-corner:first-child {
	left: -1px;
	z-index: 2
}
.smart-grid-filter-footer {
	height: var(--smart-grid-filter-footer-height)
}
.smart-grid.smart-container .smart-grid-pager,
.smart-grid>.smart-container .smart-grid-pager {
	height: var(--smart-pager-default-height);
	overflow: hidden;
	z-index: 99;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
	width: 100%;
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-grid-pager smart-pager {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin-left: 2px;
	margin-top: 5px;
	border: none
}
.smart-grid-footer {
	height: var(--smart-grid-footer-height)
}
footer.smart-grid-pager {
	border-top: var(--smart-border-width) solid var(--smart-border)
}
header.smart-grid-pager {
	border-bottom: var(--smart-border-width) solid var(--smart-border)
}
.smart-grid-aggregate-footer {
	position: absolute;
	bottom: 0;
	z-index: 99;
	height: var(--smart-grid-aggregate-footer-height);
	width: 100%;
	border-top-style: solid;
	border-top-color: inherit;
	border-top-width: 1px
}
.smart-grid-loader {
	margin: inherit;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	transform: translate(-50%, -50%);
	opacity: .85;
	text-align: left;
	border: 6px solid rgba(43, 51, 63, .1);
	box-sizing: border-box;
	background-clip: padding-box;
	border-radius: 50%;
	width: calc(var(--smart-loader-size) + 10px);
	height: calc(var(--smart-loader-size) + 10px)
}
.smart-grid-loader[loading-indicator-position=top] {
	width: var(--smart-loader-size);
	height: var(--smart-loader-size)
}
.smart-grid-loader[loading-indicator-position=top] .smart-loader-container,
.smart-grid-loader[loading-indicator-position=bottom] .smart-loader-container {
	display: block;
	position: relative;
	width: 100%;
	height: 10%;
	background-color: var(--smart-background);
	overflow: hidden;
	animation: smart-loader-container-pop-up-down .3s linear
}
.smart-grid-loader[loading-indicator-position=bottom] .smart-loader-container {
	top: -10%
}
.smart-grid-loader[loading-indicator-position=top] .smart-loader-container {
	top: 0;
	position: absolute;
	animation: smart-loader-container-pop-up-top .3s linear
}
.smart-grid-loader[loading-indicator-position=top],
.smart-grid-loader[loading-indicator-position=bottom] {
	left: 20%
}
.smart-grid-loader[loading-indicator-position=top] .smart-loader-label,
.smart-grid-loader[loading-indicator-position=bottom] .smart-loader-label {
	position: absolute;
	display: block;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 60%;
	font-family: inherit;
	font-size: inherit;
	vertical-align: middle;
	white-space: nowrap
}
.smart-grid-loader::after,
.smart-grid-loader::before {
	content: "";
	position: absolute;
	margin: -6px;
	box-sizing: inherit;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	opacity: 1;
	border: inherit;
	border-width: 6px;
	animation: smart-loader-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, smart-loader-spin-fade 1.1s linear infinite
}
smart-grid-column .smart-action-button,
smart-grid-row .smart-grid-command-bar {
	border-left: 1px solid var(--smart-border);
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-grid-placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	user-select: none;
	text-align: center
}
.smart-grid-cell-container,
.smart-grid-column-header-cell-container,
.smart-grid-row-container {
	position: relative
}
.smart-grid-special-cells-container {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
smart-grid-row {
	overflow: visible;
	position: relative;
	padding: 0;
	height: var(--smart-grid-row-height);
	cursor: default
}
smart-grid-row .smart-grid-command-bar {
	z-index: 6;
	height: calc(100% - 1px);
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
	overflow: hidden;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .25s ease
}
smart-grid-row .smart-grid-command-bar.show {
	transform: scaleX(1)
}
smart-grid-row[filter=indeterminate] {
	opacity: .75
}
smart-grid-row.smart-animate {
	transition: margin-bottom .25s ease-in-out, height .25s ease-in-out
}
.smart-grid-sort-animation {
	transition-timing-function: ease-in-out;
	transition-delay: 0
}
smart-grid-column {
	display: flex;
	cursor: default;
	min-height: 30px
}
smart-grid-column .smart-icon {
	display: none
}
smart-grid-column .smart-icon.show {
	display: flex;
	width: var(--smart-grid-column-buttons-width);
	height: 100%;
	left: 4px;
	position: relative
}
smart-grid-column .smart-icon .smart-grid-icon {
	display: flex
}
smart-grid-column .smart-label {
	position: relative;
	left: 0
}
smart-grid-column .smart-label.smart-animate {
	transition: width .25s ease
}
.smart-grid[right-to-left] smart-grid-column .smart-label.smart-animate {
	transition: left .25s ease, width .25s ease
}
smart-grid-column .smart-label.one {
	width: calc(100% - var(--smart-grid-column-buttons-width));
	min-width: 30px
}
smart-grid-column .smart-label.two {
	width: calc(100% - 2 * var(--smart-grid-column-buttons-width));
	min-width: 30px
}
smart-grid-column .smart-label.three {
	width: calc(100% - 3 * var(--smart-grid-column-buttons-width));
	min-width: 30px
}
smart-grid-column .smart-label.four {
	width: calc(100% - 4 * var(--smart-grid-column-buttons-width));
	min-width: 30px
}
smart-grid-column .smart-label.five {
	width: calc(100% - 5 * var(--smart-grid-column-buttons-width));
	min-width: 30px
}
smart-grid-column .smart-label.six {
	width: calc(100% - 6 * var(--smart-grid-column-buttons-width));
	min-width: 30px
}
.smart-grid[right-to-left] smart-grid-column .smart-label.one {
	left: var(--smart-grid-column-buttons-width)
}
.smart-grid[right-to-left] smart-grid-column .smart-label.two {
	left: calc(2 * var(--smart-grid-column-buttons-width))
}
.smart-grid[right-to-left] smart-grid-column .smart-label.three {
	left: calc(3 * var(--smart-grid-column-buttons-width))
}
.smart-grid[right-to-left] smart-grid-column .smart-label.four {
	left: calc(4 * var(--smart-grid-column-buttons-width))
}
.smart-grid[right-to-left] smart-grid-column .smart-label.five {
	left: calc(5 * var(--smart-grid-column-buttons-width))
}
.smart-grid[right-to-left] smart-grid-column .smart-label.six {
	left: calc(6 * var(--smart-grid-column-buttons-width))
}
smart-grid-column .smart-buttons-group {
	height: 100%;
	right: 0;
	top: 0;
	display: flex;
	position: absolute;
	transform: translateX(var(--smart-grid-column-buttons-width))
}
.smart-grid[right-to-left] smart-grid-column .smart-buttons-group {
	right: initial;
	left: 0;
	flex-direction: row-reverse;
	transform: translateX(calc(0 - var(--smart-grid-column-buttons-width)))
}
smart-grid-column .smart-buttons-group.smart-animate {
	transition: transform .25s ease
}
.smart-grid[right-to-left] smart-grid-column .smart-buttons-group.action,
smart-grid-column .smart-buttons-group.action {
	transform: translateX(0)
}
smart-grid-column .smart-sort-button.asc,
smart-grid-column .smart-sort-button.desc {
	display: flex
}
smart-grid-column .smart-filter-button.smart-animate:before,
smart-grid-column .smart-sort-button.smart-animate:before {
	transition: transform .2s ease-out, opacity .3s ease-out
}
smart-grid-column .smart-sort-button.asc:before,
smart-grid-column .smart-sort-button.desc:before {
	content: var(--smart-icon-arrow-down);
	transform: rotate(180deg);
	position: relative
}
smart-grid-column .smart-sort-button.desc:before {
	transform: rotate(0)
}
smart-grid-column .smart-action-button {
	display: flex
}
smart-grid-column .smart-action-button.smart-animate {
	transition: width .25s ease
}
.smart-grid[right-to-left] smart-grid-column .smart-action-button {
	border-right: 1px solid var(--smart-border);
	border-left: initial
}
smart-grid-column:hover .smart-action-button {
	border-color: var(--smart-ui-state-border-hover);
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
smart-grid-column[aria-controls] .smart-action-button div:after,
smart-grid-column[aria-controls] .smart-action-button div:before {
	background: var(--smart-ui-state-color-focus)
}
smart-grid-column:hover .smart-action-button div:after,
smart-grid-column:hover .smart-action-button div:before {
	background: var(--smart-ui-state-color-hover)
}
smart-grid-column[aria-controls] .smart-action-button {
	border-color: var(--smart-ui-state-border-focus);
	background: var(--smart-ui-state-focus);
	color: var(--smart-ui-state-color-focus)
}
smart-grid-column .smart-action-button div {
	width: 14px;
	position: relative;
	display: flex!important;
	background: 0 0;
	border-top: 2px solid;
	border-bottom: 2px solid;
	color: inherit;
	font-size: 0;
	transition: all .25s ease-in-out;
	height: 12px
}
smart-grid-column .smart-action-button div::after,
smart-grid-column .smart-action-button div::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--smart-surface-color);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .25s ease-in-out
}
smart-grid-column .smart-action-button.active:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}
smart-grid-column .smart-action-button.active:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}
smart-grid-column[freeze] {
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-grid[appearance_allow-header-hover] smart-grid-cell[header]:hover,
.smart-grid[appearance_allow-header-hover] smart-grid-column:not(.top-far-corner):not(.top-near-corner)[header]:hover {
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	cursor: default
}
.smart-grid smart-grid-row .smart-grid-row-detail {
	overflow: hidden;
	width: 100%;
	z-index: 3;
	position: absolute;
	background: var(--smart-background);
	color: var(--smart-background-color);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--smart-border);
	transform-origin: top;
	transform: scaleY(0);
	display: flex;
	justify-content: flex-start
}
.smart-grid smart-grid-row .smart-grid-row-detail>div {
	width: 100%;
	height: 100%;
	line-height: initial;
	overflow: hidden;
	position: relative
}
.smart-grid smart-grid-row[has-detail] {
	transition: height .25s ease-in-out
}
.smart-grid smart-grid-row[has-detail] .smart-grid-row-detail.smart-animate,
smart-grid-row .smart-grid-row-sub-container.smart-animate {
	transition: transform .25s ease-in-out, height .25s ease-in-out
}
.smart-grid smart-grid-row[show-detail] .smart-grid-row-detail {
	transform: scaleY(1)
}
.smart-grid smart-grid-row[unbound] smart-grid-cell {
	background: var(--smart-grid-cell-background-unbound);
	color: var(--smart-grid-cell-color-unbound)
}
smart-grid-row .smart-grid-row-sub-container {
	overflow: visible;
	width: 100%;
	z-index: 3;
	position: relative;
	transform-origin: top
}
.smart-grid-column-header-cell-container {
	z-index: 1;
	height: 100%
}
.smart-grid-cell-container.far,
.smart-grid-cell-container.near,
.smart-grid-column-header-cell-container.far,
.smart-grid-column-header-cell-container.near {
	z-index: 6;
	position: absolute
}
.smart-grid-cell-container {
	height: 100%
}
.smart-grid-column-header-cell-container.far {
	right: 0;
	top: 0
}
.smart-grid-column-header-cell-container.far.vscroll {
	right: var(--smart-scroll-bar-size)
}
.smart-grid-cell-container.far {
	right: 0;
	top: 0
}
.smart-grid-cell-container.far.vscroll {
	right: var(--smart-scroll-bar-size)
}
.smart-grid-row-container.far,
.smart-grid-row-container.near {
	z-index: 7;
	position: absolute;
	width: 100%
}
.smart-grid-row-container.near {
	border-bottom: var(--smart-grid-freeze-splitter-size) solid var(--smart-border);
	box-sizing: content-box
}
.smart-grid-row-container.far {
	border-top: var(--smart-grid-freeze-splitter-size) solid var(--smart-border);
	box-sizing: content-box
}
.smart-grid-cell-container.near,
.smart-grid-column-header-cell-container.near {
	border-right: var(--smart-grid-freeze-splitter-size) solid var(--smart-border);
	box-sizing: content-box
}
.smart-grid-cell-container.border-collapse.near,
.smart-grid-column-header-cell-container.border-collapse.near {
	box-sizing: border-box;
	border-right: none
}
.smart-grid-cell-container.far,
.smart-grid-column-header-cell-container.far {
	border-left: var(--smart-grid-freeze-splitter-size) solid var(--smart-border);
	box-sizing: content-box
}
.smart-grid-cell-container.border-collapse.far,
.smart-grid-column-header-cell-container.border-collapse.far {
	box-sizing: border-box;
	border-left: none
}
.smart-grid-scroll-view .smart-grid-row-container.far {
	bottom: -2px
}
.smart-grid-scroll-view.hscroll .smart-grid-row-container.far {
	bottom: calc(-2px + var(--smart-scroll-bar-size))
}
.smart-grid-column-group,
smart-grid-cell,
smart-grid-column {
	color: var(--smart-surface-color);
	background: var(--smart-surface);
	white-space: nowrap;
	font-weight: 400;
	border-width: 0;
	border-style: solid;
	font-size: inherit;
	overflow: hidden;
	height: 100%;
	position: absolute;
	text-overflow: ellipsis
}
smart-grid-cell {
	font-size: var(--smart-grid-cell-font-size, inherit);
	font-weight: var(--smart-grid-cell-font-weight, inherit)
}
.smart-grid-column-group,
smart-grid-column {
	font-size: var(--smart-grid-column-font-size, inherit);
	font-weight: var(--smart-grid-column-font-weight, inherit)
}
smart-grid-column.top-far-corner {
	width: var(--smart-scroll-bar-size);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}
.smart-grid[right-to-left] smart-grid-column.top-far-corner {
	left: 0;
	right: initial
}
.smart-grid-column-group.smart-grid-column-border,
smart-grid-column.smart-grid-column-border {
	border-width: var(--smart-border-width);
	border-top-color: var(--smart-border);
	border-top-width: 0;
	border-bottom-color: var(--smart-border);
	border-left-color: var(--smart-border);
	border-right-color: var(--smart-border)
}
.smart-grid-column-group:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before,
smart-grid-cell:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before,
smart-grid-column:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	width: var(--smart-border-width);
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0
}
.smart-grid[right-to-left] .smart-grid-column-group:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before,
.smart-grid[right-to-left] smart-grid-cell:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before,
.smart-grid[right-to-left] smart-grid-column:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	right: 0;
	left: initial
}
.smart-grid-column-group:not(.smart-grid-column-border)::after,
smart-grid-cell:not(.smart-grid-column-border)::after,
smart-grid-column:not(.smart-grid-column-border)::after {
	height: var(--smart-border-width);
	width: 100%;
	content: '';
	position: absolute;
	bottom: 0
}
.smart-grid-column-group:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before,
smart-grid-column:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	background: var(--smart-grid-column-vertical-border, var(--smart-border))
}
.smart-grid-column-group:not(.smart-grid-column-border)::after,
smart-grid-column:not(.smart-grid-column-border)::after {
	background: var(--smart-grid-column-horizontal-border, var(--smart-border))
}
smart-grid-cell:not(.smart-grid-column-border)::after {
	background: var(--smart-grid-cell-horizontal-border, var(--smart-border))
}
smart-grid-cell:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	background: var(--smart-grid-cell-vertical-border, var(--smart-border))
}
smart-grid-cell[header]:not(.smart-grid-column-border)::after {
	background: var(--smart-grid-cell-header-horizontal-border, var(--smart-grid-cell-horizontal-border, var(--smart-border)))
}
smart-grid-cell[header]:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	background: var(--smart-grid-cell-header-vertical-border, var(--smart-grid-cell-vertical-border, var(--smart-border)))
}
smart-grid-row[selected]:not([selected=indeterminate]):not([selected=none])::before {
	height: var(--smart-border-width);
	width: 100%;
	background: var(--smart-ui-state-color-selected);
	content: '';
	position: absolute;
	top: -1px;
	opacity: var(--smart-grid-cell-horizontal-border-opacity-selected, .3)
}
smart-grid-row[selected]:not([selected=indeterminate]):not([selected=none])::after {
	height: var(--smart-border-width);
	width: 100%;
	background: var(--smart-ui-state-color-selected);
	content: '';
	position: absolute;
	bottom: 0;
	opacity: var(--smart-grid-cell-horizontal-border-opacity-selected, .3)
}
.smart-grid smart-grid-column:not(.smart-grid-column-border).smart-grid-horizontal-border-collapse::after,
.smart-grid smart-grid-row smart-grid-cell:not(.smart-grid-column-border).smart-grid-horizontal-border-collapse::after {
	height: 0
}
.smart-grid smart-grid-column:not(.smart-grid-column-border).smart-grid-vertical-border-collapse::before,
.smart-grid smart-grid-row smart-grid-cell:not(.smart-grid-column-border).smart-grid-vertical-border-collapse::before {
	width: 0
}
smart-grid-row[selected] smart-grid-cell[selected]:not([selected=indeterminate]):not([header]):not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
	background: var(--smart-ui-state-color-selected);
	opacity: var(--smart-grid-cell-vertical-border-opacity-selected, .3)
}
smart-grid-row:not([selected]) smart-grid-cell[selected]:not([selected=indeterminate]):not([header]):not(.smart-grid-column-border)::after,
smart-grid-row[selected] smart-grid-cell[selected]:not([selected=indeterminate]):not([header]):not(.smart-grid-column-border)::after {
	background: var(--smart-ui-state-color-selected);
	opacity: var(--smart-grid-cell-horizontal-border-opacity-selected, .3)
}
smart-grid-row[selected]:not([selected=indeterminate]) smart-grid-cell[selected]:not([selected=indeterminate]):not([header]):not(.smart-grid-column-border)::before {
	background: var(--smart-ui-state-color-selected);
	opacity: var(--smart-grid-cell-vertical-border-opacity-selected, .3)
}
smart-grid-column[selected],
smart-grid-row[selected] smart-grid-cell[header],
smart-grid:not([selection-mode=excel])[appearance_allow-hover] smart-grid-row:hover smart-grid-cell {
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
smart-grid-cell,
smart-grid-cell[editor] {
	background: var(--smart-background);
	color: var(--smart-background-color)
}
smart-grid-cell {
	vertical-align: central
}
smart-grid-cell.smart-grid-column-border {
	border-bottom-width: var(--smart-border-width);
	border-left-width: var(--smart-border-width);
	border-right-width: var(--smart-border-width);
	border-top-color: var(--smart-border);
	border-bottom-color: var(--smart-border);
	border-left-color: var(--smart-border);
	border-right-color: var(--smart-border);
	border-top-width: 0
}
smart-grid-cell.smart-grid-row-border {
	border-top-width: var(--smart-border-width)
}
smart-grid-cell[has-toggle-button] button[toggle-button] {
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	color: inherit;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 20px;
	padding: 0 0 0 7px;
	min-width: 20px;
	cursor: pointer;
	background: 0 0;
	border: none;
	outline: 0;
	font-size: 16px
}
.smart-grid[tree] smart-grid-cell[has-toggle-button] button[toggle-button] {
	padding-right: 7px
}
smart-grid-cell button[toggle-button]:after {
	justify-content: flex-start
}
smart-grid-cell[has-toggle-button] button[toggle-button]::after {
	content: var(--smart-icon-arrow-down)
}
smart-grid-cell[detail][has-toggle-button] .smart-label {
	padding: 0
}
smart-grid-cell[detail][has-toggle-button] button[toggle-button] {
	padding: 0;
	width: 100%;
	height: 100%
}
smart-grid-cell[has-toggle-button] button[toggle-button][toggled]:after {
	transform: rotate(180deg)
}
smart-grid-cell[has-toggle-button] button[toggle-button].smart-animate::after {
	transition: transform .25s ease-out
}
smart-grid-cell[has-toggle-button] .smart-label,
smart-grid-cell[has-toggle-button] div[indent] {
	display: flex
}
.smart-grid[right-to-left] smart-grid-cell[has-toggle-button] .smart-label,
.smart-grid[right-to-left] smart-grid-cell[has-toggle-button] div[indent] {
	flex-direction: row-reverse
}
smart-grid-cell[has-toggle-button] .smart-indent {
	width: 14px;
	left: 7px;
	height: 100%;
	position: relative
}
smart-grid-cell[has-toggle-button].smart-indent:after {
	height: 50%;
	content: '-';
	color: var(--smart-background-color);
	visibility: hidden
}
smart-grid-cell[selected]:not([editor]),
smart-grid-cell[selected][focus]:not([editor]):not([rowspan]):not([colspan]),
smart-grid-row[selected=indeterminate] smart-grid-cell[selected]:not([editor]) {
	background: var(--smart-ui-state-selected);
	color: var(--smart-ui-state-color-selected)
}
smart-grid-cell[freeze],
smart-grid-cell[selected][freeze]:not([editor]):not([rowspan]):not([colspan]) {
	background: var(--smart-grid-cell-background-freeze);
	color: var(--smart-grid-cell-color-freeze)
}
smart-grid-cell[has-toggle-button] .smart-indent:first-child {
	visibility: hidden;
	border-left: 1px solid var(--smart-border)
}
smart-grid-cell .rotate,
smart-grid-column .rotate {
	line-height: initial;
	display: inline-block;
	left: 0;
	top: 0;
	position: absolute;
	transform-origin: 50% 50% 0;
	transform: rotate(0)
}
.smart-grid.smart-container .smart-grid-content,
.smart-grid>.smart-container .smart-grid-content {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border: none
}
smart-grid-cell>.smart-label,
smart-grid-column>.smart-label {
	width: 100%;
	height: 100%
}
smart-grid-cell .wrap {
	white-space: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.5
}
smart-grid-cell .nowrap {
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.5
}
smart-grid-cell .align-left,
smart-grid-column .align-left {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	padding-left: 7px;
	padding-right: 2px
}
smart-grid-cell .align-top,
smart-grid-column .align-top {
	align-items: flex-start;
	display: flex;
	line-height: initial
}
smart-grid-cell .align-bottom,
smart-grid-column .align-bottom {
	align-items: flex-end;
	display: flex;
	line-height: initial
}
smart-grid-cell .align-right,
smart-grid-column .align-right {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	padding-right: 7px;
	padding-left: 2px
}
smart-grid-cell .align-right.align-bottom,
smart-grid-column .align-right.align-bottom {
	flex-direction: column-reverse
}
smart-grid-cell .align-right.align-top,
smart-grid-column .align-right.align-top {
	flex-direction: column;
	align-items: flex-end
}
smart-grid-cell .align-center,
smart-grid-column .align-center {
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	padding-right: 7px;
	padding-left: 7px
}
smart-grid-cell[command] .align-center {
	padding: 0
}
smart-grid-cell .align-center.align-bottom,
smart-grid-cell .align-center.align-top,
smart-grid-column .align-center.align-bottom,
smart-grid-column .align-center.align-top {
	margin-left: 50%;
	margin-right: 50%;
	padding-left: 0;
	padding-right: 0
}
smart-grid-cell .align-middle,
smart-grid-column .align-middle {
	display: flex;
	align-items: center
}
smart-grid-cell .align-center.align-middle,
smart-grid-column .align-center.align-middle {
	justify-content: center
}
.smart-grid-scroll-view {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}
.smart-grid-scroll-view.vscroll {
	width: calc(100% - var(--smart-scroll-bar-size))
}
smart-grid-cell[sort] {
	background: var(--smart-grid-cell-background-sort);
	color: var(--smart-grid-cell-color-sort)
}
smart-grid-cell[filter] {
	background: var(--smart-grid-cell-background-filter);
	color: var(--smart-grid-cell-color-filter)
}
smart-grid-cell[update] {
	background: var(--smart-grid-cell-background-update);
	color: var(--smart-grid-cell-color-update)
}
smart-grid-cell[add] {
	background: var(--smart-grid-cell-background-add);
	color: var(--smart-grid-cell-color-add)
}
smart-grid-cell[delete] {
	background: var(--smart-grid-cell-background-delete);
	color: var(--smart-grid-cell-color-delete)
}
smart-grid-cell[addNewRow] {
	border-right: 1px solid var(--smart-border)
}
smart-grid-cell[addNewRow]:after {
	visibility: hidden
}
smart-grid-cell[selected][focus]:not([editor]):not([rowspan]):not([colspan]) {
	opacity: .8
}
smart-grid-cell[selected][freeze]:not([editor]):not([rowspan]):not([colspan]) {
	opacity: 1
}
smart-grid-row[selected=indeterminate] smart-grid-cell[selected][focus]:not([editor]):not([rowspan]):not([colspan]) {
	background: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	opacity: 1
}
.smart-grid-filter-row-cell {
	background: var(--smart-background);
	color: var(--smart-background-color);
	border-color: var(--smart-border)
}
.smart-grid-summary-row-cell,
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell {
	background: var(--smart-surface)
}
.smart-grid-summary-row-cell {
	color: var(--smart-surface-color);
	border-color: var(--smart-border)
}
.smart-grid[grouped] smart-grid-row[group][selected]>.smart-grid-cell-container>smart-grid-cell {
	color: var(--smart-ui-state-color-selected);
	background: var(--smart-ui-state-selected)
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[content] {
	line-height: initial;
	width: 100%;
	height: 100%;
	display: flex;
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	border: 1px solid var(--smart-border);
	border-top-width: calc(1px * calc(var(--smart-grid-group-row-vertical-offset)/ (1 + var(--smart-grid-group-row-vertical-offset))));
	border-left-width: calc(1px * calc(var(--smart-grid-group-row-horizontal-offset)/ (1 + var(--smart-grid-group-row-horizontal-offset))));
	border-right: none
}
.smart-grid[grouped][right-to-left] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[content] {
	flex-direction: row-reverse
}
.smart-grid[grouped] smart-grid-row[group][selected]>.smart-grid-cell-container>smart-grid-cell div[content] {
	color: var(--smart-ui-state-color-selected);
	background: var(--smart-ui-state-selected);
	border: 1px solid var(--smart-ui-state-selected)
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[content].smart-grid-column-border {
	border-right: 1px solid var(--smart-border);
	border-right-width: calc(1px * calc(var(--smart-grid-group-row-horizontal-offset)/ (1 + var(--smart-grid-group-row-horizontal-offset))));
	border-top-right-radius: var(--smart-item-border-radius);
	border-bottom-right-radius: var(--smart-item-border-radius)
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] div[content] {
	border-top-left-radius: var(--smart-item-border-radius);
	border-bottom-left-radius: var(--smart-item-border-radius)
}
.smart-grid[grouped] smart-grid-row[level="2"][group]>.smart-grid-cell-container>smart-grid-cell div[content],
.smart-grid[grouped] smart-grid-row[level="1"][group]>.smart-grid-cell-container>smart-grid-cell div[content] {
	background: var(--smart-surface)
}
.smart-grid[grouped] smart-grid-row>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] .smart-label {
	margin-left: calc(-1px + 1px * calc(var(--smart-grid-group-row-horizontal-offset)))
}
.smart-grid[grouped] smart-grid-row>.smart-grid-cell-container>smart-grid-cell:last-child {
	margin-left: calc(1px - calc(1px * calc(var(--smart-grid-group-row-horizontal-offset))))
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] .smart-label {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	padding: 0
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button]:after {
	visibility: hidden
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] div[content] {
	line-height: initial;
	width: 100%;
	height: 100%;
	display: flex;
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button][selected] div[content] {
	background: var(--smart-ui-state-selected);
	color: var(--smart-ui-state-color-selected)
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] div[content]:after {
	height: var(--smart-border-width);
	width: 100%;
	background: var(--smart-border);
	content: '';
	position: absolute;
	bottom: 0
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell[has-toggle-button] div[content]:before {
	width: calc(1px * calc(var(--smart-grid-group-row-horizontal-offset)/ (1 + var(--smart-grid-group-row-horizontal-offset))));
	height: 100%;
	background: var(--smart-border);
	content: '';
	position: absolute;
	top: 0
}
.smart-grid[grouped] smart-grid-row[leaf]:not([group])>.smart-grid-cell-container>smart-grid-cell.smart-grid-column-border {
	border-right-width: calc(1px * calc(var(--smart-grid-group-row-horizontal-offset)/ (1 + var(--smart-grid-group-row-horizontal-offset))))
}
.smart-grid[grouped] smart-grid-row[group]:not([summary])>.smart-grid-cell-container>smart-grid-cell .smart-label {
	align-items: center;
	padding: 0;
	padding-top: calc(var(--smart-grid-group-row-vertical-offset) * 1px)
}
.smart-grid[grouped] smart-grid-row[group][summary]>.smart-grid-cell-container>smart-grid-cell div[content] {
	border-top: none;
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-grid[grouped] smart-grid-row:not([leaf])[group]>.smart-grid-cell-container>smart-grid-cell:not(.smart-grid-column-border):after,
.smart-grid[grouped] smart-grid-row:not([leaf])[group]>.smart-grid-cell-container>smart-grid-cell:not(.smart-grid-column-border):before,
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell:not(.smart-grid-column-border):after,
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell:not(.smart-grid-column-border):before {
	display: none
}
.smart-grid[grouped] smart-grid-row[expanded][leaf][group]>.smart-grid-cell-container>smart-grid-cell div[content] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
.smart-grid[grouped] smart-grid-row[leaf]>.smart-grid-cell-container>smart-grid-cell div[label] {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 2px 7px
}
.smart-grid[grouped] smart-grid-row[leaf]>.smart-grid-cell-container>smart-grid-cell .align-right div[label] {
	justify-content: flex-end
}
.smart-grid[grouped] smart-grid-row[leaf]>.smart-grid-cell-container>smart-grid-cell .align-left div[label] {
	justify-content: flex-start
}
.smart-grid[grouped] smart-grid-row[leaf]>.smart-grid-cell-container>smart-grid-cell .align-center div[label] {
	justify-content: center
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[label] {
	justify-content: space-between;
	align-items: center;
	display: flex;
	width: 100%;
	padding-left: 7px
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[label] div[header] {
	display: flex;
	flex-direction: column;
	line-height: initial;
	align-items: flex-start
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[label] div[summary] {
	line-height: initial;
	padding-right: 10px
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[label] div[summary] span {
	color: var(--smart-surface-color);
	font-size: 9px;
	font-weight: 500;
	opacity: .75
}
.smart-grid[grouped] smart-grid-row[group][selected]>.smart-grid-cell-container>smart-grid-cell div[label] div[summary] span {
	color: var(--smart-ui-state-color-selected)
}
.smart-grid[grouped] smart-grid-row[group]>.smart-grid-cell-container>smart-grid-cell div[label] span[group] {
	font-weight: 500;
	font-size: 11px;
	opacity: .75;
	color: var(--smart-surface-color)
}
.smart-grid[grouped] smart-grid-row[group][selected]>.smart-grid-cell-container>smart-grid-cell div[label] span[group] {
	color: var(--smart-ui-state-color-selected)
}
.smart-grid[grouped] smart-grid-row[summary]>.smart-grid-cell-container>smart-grid-cell {
	color: var(--smart-surface-color);
	font-size: 9px;
	font-weight: 500;
	opacity: .75
}
.smart-grid[grouped] smart-grid-row[summary][selected]>.smart-grid-cell-container>smart-grid-cell {
	color: var(--smart-ui-state-color-selected)
}
.smart-grid[grouped] smart-grid-row[summary][group]>.smart-grid-cell-container>smart-grid-cell div[content] {
	border-radius: 0
}
.smart-grid[tree] smart-grid-row[level]>.smart-grid-cell-container>smart-grid-cell div[content] {
	line-height: initial;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}
.smart-grid[tree][right-to-left] smart-grid-row[level]>.smart-grid-cell-container>smart-grid-cell div[content],
smart-menu.smart-grid-column-chooser-menu[checkboxes][checkable] smart-menu-item[level="1"] {
	flex-direction: row-reverse
}
.smart-grid[tree] smart-grid-row[level]>.smart-grid-cell-container>smart-grid-cell div[content]>div[checkbox]:not(.smart-hidden) {
	margin-right: 5px
}
.smart-grid[tree][right-to-left] smart-grid-row[level]>.smart-grid-cell-container>smart-grid-cell div[content]>div[checkbox]:not(.smart-hidden) {
	margin-left: 5px;
	margin-right: initial
}
smart-grid-row[alternation-index="0"] smart-grid-cell:not([selected]):not([header]) .smart-label {
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	border-color: var(--smart-border)
}
smart-grid-row[alternation-index="1"] smart-grid-cell:not([selected]):not([header]) .smart-label {
	background-color: var(--smart-alternation-index0-background);
	color: var(--smart-alternation-index0-color);
	border-color: var(--smart-alternation-index0-border)
}
smart-grid-row[alternation-index="2"] smart-grid-cell:not([selected]):not([header]) .smart-label {
	background-color: var(--smart-alternation-index1-background);
	color: var(--smart-alternation-index1-color);
	border-color: var(--smart-alternation-index1-border)
}
smart-grid-row[alternation-index="3"] smart-grid-cell:not([selected]):not([header]) .smart-label {
	background-color: var(--smart-alternation-index2-background);
	color: var(--smart-alternation-index2-color);
	border-color: var(--smart-alternation-index2-border)
}
smart-grid-row[alternation-index="4"] smart-grid-cell:not([selected]):not([header]) .smart-label {
	background-color: var(--smart-alternation-index3-background);
	color: var(--smart-alternation-index3-color);
	border-color: var(--smart-alternation-index3-border)
}
smart-grid-cell[colspan],
smart-grid-cell[rowspan] {
	background: var(--smart-secondary);
	color: var(--smart-secondary-color);
	z-index: 5;
	padding: 0
}
smart-grid-cell[header],
smart-grid-cell[header]:last-child {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border)
}
.smart-grid[appearance_show-row-header-edit-icon] smart-grid-row[edit] smart-grid-cell[header]:not([detail]):last-child>.smart-label,
.smart-grid[appearance_show-row-header-edit-icon] smart-grid-row[edit] smart-grid-cell[header]:not([detail])>.smart-label,
.smart-grid[appearance_show-row-header-focus-icon] smart-grid-row[focus] smart-grid-cell[header]:not([detail]):last-child>.smart-label,
.smart-grid[appearance_show-row-header-focus-icon] smart-grid-row[focus] smart-grid-cell[header]:not([detail])>.smart-label,
.smart-grid[appearance_show-row-header-select-icon][selection_enabled][selection_allow-row-header-selection] smart-grid-row smart-grid-cell[header]:not([detail]):hover:last-child>.smart-label,
.smart-grid[appearance_show-row-header-select-icon][selection_enabled][selection_allow-row-header-selection] smart-grid-row smart-grid-cell[header]:not([detail]):hover>.smart-label {
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	color: inherit;
	font-size: 14px;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	min-width: 0
}
.smart-grid[appearance_show-row-header-edit-icon] smart-grid-row[edit] smart-grid-cell[header]:not([detail])>.smart-label:before,
.smart-grid[appearance_show-row-header-focus-icon] smart-grid-row[focus] smart-grid-cell[header]:not([detail])>.smart-label:before,
.smart-grid[appearance_show-row-header-select-icon][selection_enabled][selection_allow-row-header-selection] smart-grid-row smart-grid-cell[header]:not([detail]):hover>.smart-label:before {
	content: var(--smart-icon-check-empty);
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	position: absolute;
	left: 0;
	width: 100%
}
.smart-grid[appearance_show-row-header-focus-icon] smart-grid-row[focus] smart-grid-cell[header]>.smart-label:before {
	content: var(--smart-icon-arrow-right)
}
.smart-grid[appearance_show-row-header-select-icon][selection_enabled][selection_allow-row-header-selection] smart-grid-row smart-grid-cell[header][selected]:not([detail]):hover>.smart-label:before {
	content: var(--smart-icon-check-squared);
	transform: rotate(0)
}
.smart-grid[appearance_show-row-header-edit-icon] smart-grid-row[edit] smart-grid-cell[header]:not([detail])>.smart-label:before {
	content: var(--smart-icon-mode-edit)
}
.smart-grid .smart-grid-resize-line {
	position: absolute;
	z-index: 99;
	opacity: .8;
	width: var(--smart-grid-resize-line-size);
	background: var(--smart-primary)
}
.smart-grid .smart-grid-resize-tooltip {
	position: absolute;
	bottom: 0;
	z-index: 99;
	background: var(--smart-primary);
	color: var(--smart-primary-color);
	padding: 5px;
	transition: width .2s ease-out
}
.smart-grid .smart-grid-resize-line.row {
	height: var(--smart-grid-resize-line-size)
}
.smart-grid-resize-mode,
.smart-grid.smart-container.smart-grid-resize-mode,
.smart-grid>.smart-container.smart-grid-resize-mode {
	overflow: visible
}
.smart-grid-cell-editor.smart-grid-auto-complete-cell-editor,
.smart-grid-cell-editor.smart-grid-input-cell-editor,
.smart-grid-cell-editor.smart-grid-number-input-cell-editor,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor,
smart-grid-cell .smart-grid-cell-editor {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	border: none;
	font-size: inherit;
	font-weight: inherit;
	background: inherit;
	color: inherit
}
.smart-grid-cell-editor>* {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
	margin: 0;
	outline: 0;
	background: inherit;
	color: inherit;
	border-radius: 0;
	--smart-border-top-left-radius: 0px;
	--smart-border-top-right-radius: 0px;
	--smart-border-bottom-left-radius: 0px;
	--smart-border-bottom-right-radius: 0px
}
smart-grid-column .smart-grid-cell-editor.smart-grid-input-cell-editor,
smart-grid-row smart-grid-cell[header] .smart-grid-cell-editor.smart-grid-input-cell-editor {
	background: var(--smart-background);
	color: var(--smart-background-color);
	position: absolute;
	z-index: 10;
	left: 1px;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: calc(100% - 1px);
	box-sizing: border-box
}
.smart-grid-cell-editor>input[type=checkbox] {
	border: none;
	min-width: 16px;
	height: 16px;
	top: 6px;
	position: relative
}
.smart-grid-cell-editor.smart-grid-auto-complete-cell-editor div,
.smart-grid-cell-editor.smart-grid-auto-complete-cell-editor input {
	border-radius: 0
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor {
	display: flex
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .smart-input,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor .smart-input {
	width: calc(100% - var(--smart-editor-addon-width));
	border: none;
	padding: var(--smart-editor-label-padding);
	resize: none;
	border-radius: 0;
	background: inherit;
	color: inherit
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .smart-input {
	text-align: right
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .smart-input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .smart-input[type=number] {
	-moz-appearance: textfield
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor .nav {
	display: flex;
	width: var(--smart-editor-addon-width);
	height: 100%;
	flex-direction: column;
	color: var(--smart-surface-color);
	border-left: 1px solid var(--smart-border);
	background: var(--smart-surface)
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav {
	padding: 0
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .up {
	border-bottom: 1px solid var(--smart-border)
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .down,
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .up {
	display: flex;
	height: 50%;
	overflow: hidden;
	cursor: pointer;
	font-family: var(--smart-font-family-icon);
	justify-content: center;
	align-items: center;
	outline: 0
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .down::after {
	content: var(--smart-icon-arrow-down)
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .up:hover,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor .nav .down:hover,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor .nav:hover {
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .down:active,
.smart-grid-cell-editor.smart-grid-number-input-cell-editor .nav .up:active,
.smart-grid-cell-editor.smart-grid-text-area-cell-editor .nav:active {
	background: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
smart-grid-cell[editor]>.smart-label {
	padding: 0;
	margin: 0;
	border: 1px solid var(--smart-primary);
	box-sizing: border-box;
	outline: 0;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	position: relative;
	left: 1px;
	user-select: none
}
smart-grid-cell[editor][row-editor],
smart-grid-cell[editor][row-editor] .smart-label {
	border: 0 solid var(--smart-primary)
}
smart-grid-cell[editor][row-editor] {
	border-top: 1px solid var(--smart-primary);
	border-bottom: 1px solid var(--smart-primary)
}
smart-grid-cell[editor][row-editor]:first-child {
	border-left: 1px solid var(--smart-primary)
}
smart-grid-cell[editor][row-editor]:last-child {
	border-right: 1px solid var(--smart-primary)
}
smart-grid-cell[editor=dateTimePicker] {
	--smart-border-radius: 0px;
	--smart-border-top-left-radius: 0px;
	--smart-border-top-right-radius: 0px;
	--smart-border-bottom-left-radius: 0px;
	--smart-border-bottom-right-radius: 0px
}
.smart-grid-dialog-editor[template=checkBox],
smart-grid-cell[checkbox],
smart-grid-cell[editor=checkBox] .smart-label,
smart-grid-cell[template=checkBox] .smart-label,
smart-grid-column[checkbox] {
	display: flex;
	padding-bottom: 0;
	justify-content: center;
	align-items: center;
	cursor: pointer
}
smart-grid-cell[template] .smart-label {
	padding-left: 0;
	padding-right: 0
}
smart-grid-cell[template=checkBox] .smart-label {
	cursor: default
}
.smart-grid-dialog-editor[template=checkBox] .smart-input,
smart-grid-cell[editor=checkBox] .smart-input,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input,
smart-grid-cell[header][checkbox] .smart-input,
smart-grid-cell[template=checkBox]:not([editor]) .smart-input,
smart-grid-column .smart-input {
	width: calc(-2px + var(--smart-check-box-default-size));
	height: calc(-2px + var(--smart-check-box-default-size));
	line-height: var(--smart-check-box-default-size);
	box-sizing: initial;
	position: relative;
	border-style: solid;
	padding: 2px;
	border-width: var(--smart-border-width);
	border-radius: var(--smart-border-radius);
	font-family: inherit;
	font-size: 12px;
	background-repeat: no-repeat;
	border-color: var(--smart-border);
	background-color: transparent;
	color: var(--smart-background-color);
	display: block;
	outline: 0
}
smart-grid-cell[editor=checkBox] .smart-input {
	left: -1px
}
smart-grid-cell[editor=checkBox] .smart-input:focus {
	border-color: var(--smart-ui-state-border-active)
}
.smart-grid-dialog-editor[template=checkBox] .smart-input:after,
smart-grid-cell .smart-grid-cell-check-box-editor.smart-input:after,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input:after,
smart-grid-cell[header] .smart-input:after,
smart-grid-cell[template=checkBox] .smart-input:after,
smart-grid-column .smart-input:after {
	content: '';
	width: 100%;
	height: 100%;
	font-family: var(--smart-font-family-icon);
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	text-align: center;
	outline: 0
}
.smart-grid-dialog-editor[template=checkBox] .smart-input:after,
smart-grid-cell[editor=checkBox] .smart-input:after,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input:after,
smart-grid-cell[header] .smart-input:after,
smart-grid-cell[template=checkBox] .smart-input:after,
smart-grid-column[checkbox] .smart-input:after {
	font-family: var(--smart-font-family-icon);
	cursor: pointer
}
smart-grid-cell[template=checkBox][readonly] .smart-input:after,
smart-grid-cell[template=checkBox][readonly] .smart-label {
	cursor: default
}
.smart-grid-column-header-cell-container smart-grid-column[freeze][checkbox][auto-show] .smart-input,
smart-grid-cell[checkbox][header][auto-show]:not(:hover) .smart-input {
	opacity: 0;
	transition: opacity ease-in-out .2s
}
.smart-grid-column-header-cell-container:hover smart-grid-column[freeze][checkbox][auto-show] .smart-input,
smart-grid-column[freeze][checkbox][auto-show][selected] .smart-input,
smart-grid-row:hover smart-grid-cell[checkbox][header][auto-show] .smart-input,
smart-grid-row[selected] smart-grid-cell[checkbox][header][auto-show] .smart-input {
	opacity: 1;
	border-color: var(--smart-border)
}
.smart-grid-dialog-editor[template=checkBox] .smart-input:hover,
smart-grid-cell[checkbox] .smart-input:hover,
smart-grid-cell[editor=checkBox]:not([readonly]) .smart-input:hover,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input:hover,
smart-grid-cell[template=checkBox]:not([readonly]) .smart-input:not(.smart-grid-cell-editor):hover,
smart-grid-column[checkbox] .smart-input:hover {
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-grid-dialog-editor[template=checkBox] .smart-input[checked],
smart-grid-cell[checkbox][selected] .smart-input,
smart-grid-cell[editor=checkBox] .smart-input[checked],
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input[checked],
smart-grid-cell[template=checkBox] .smart-input:not(.smart-grid-cell-editor)[checked],
smart-grid-column[checkbox][selected] .smart-input {
	border-color: var(--smart-ui-state-border-active);
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
smart-grid-cell[has-toggle-button][selected] .smart-label>div[content]>div[checkbox] .smart-input[checked] {
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-grid-dialog-editor[template=checkBox] .smart-input[checked]::after,
smart-grid-cell[checkbox][selected] .smart-input::after,
smart-grid-cell[editor=checkBox] .smart-input[checked]::after,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input[checked]::after,
smart-grid-cell[template=checkBox] .smart-input:not(.smart-grid-cell-editor)[checked]::after,
smart-grid-column[checkbox][selected] .smart-input::after {
	content: var(--smart-icon-check)
}
.smart-grid-dialog-editor[template=checkBox] .smart-input[checked=indeterminate]::after,
smart-grid-cell[checkbox][selected=indeterminate] .smart-input::after,
smart-grid-cell[editor=checkBox] .smart-input[checked=indeterminate]::after,
smart-grid-cell[has-toggle-button] .smart-label>div[content]>div[checkbox] .smart-input[checked=indeterminate]::after,
smart-grid-cell[template=checkBox] .smart-input:not(.smart-grid-cell-editor)[checked=indeterminate]::after,
smart-grid-column[checkbox][selected=indeterminate] .smart-input::after {
	margin: 15%;
	width: 70%;
	height: 70%;
	content: '';
	background-color: var(--smart-ui-state-color-active);
	box-sizing: border-box;
	top: 0;
	border-radius: 0
}
.smart-selection-overlay {
	position: absolute;
	border: 2px solid var(--smart-primary);
	z-index: 5
}
.smart-selection-overlay-border-content {
	border: 0 solid var(--smart-background);
	width: 100%;
	height: 100%
}
.smart-selection-overlay-border-content.handle:after {
	border: 1px solid var(--smart-background);
	content: '';
	background: var(--smart-primary);
	width: 4px;
	height: 4px;
	position: absolute;
	right: -4px;
	bottom: -4px;
	cursor: crosshair
}
.smart-selection-overlay-content {
	background: var(--smart-ui-state-selected);
	opacity: .2;
	width: 100%;
	height: 100%
}
.smart-selection-overlay-content:after {
	cursor: move;
	content: '';
	height: 4px;
	width: calc(100% - 10px);
	position: absolute;
	bottom: 0
}
.smart-input-overlay {
	background: var(--smart-ui-state-active);
	position: absolute;
	border-radius: 100%;
	opacity: 0;
	transform: scale(0);
	z-index: 9;
	cursor: pointer
}
.smart-input-overlay.smart-animate {
	transition: transform .25s ease-in-out, opacity .25s ease-in-out
}
.smart-input-overlay-on {
	opacity: .3;
	transform: scale(1)
}
smart-grid-cell[radioButton][selected] .smart-input::after {
	content: var(--smart-icon-radio)
}
.smart-grid-column-menu {
	position: absolute;
	width: var(--smart-grid-column-menu-width);
	height: var(--smart-grid-column-menu-height);
	z-index: 999;
	box-shadow: var(--smart-elevation-8);
	min-height: 60px;
	overflow: hidden;
	background: 0 0
}
.smart-grid-column-menu smart-menu {
	border: none
}
smart-menu.smart-grid-column-chooser-menu[checkboxes][checkable] smart-menu-item[level="1"] .smart-menu-item-label-container {
	padding-left: 10px
}
smart-menu.smart-grid-column-chooser-menu[checkboxes][checkable] smart-menu-item[level="1"][checked] .smart-menu-item-label-container:after {
	left: initial;
	right: 10px
}
.smart-grid-column-menu.smart-animate {
	transition: opacity .2s, transform .2s ease-out;
	transform: scale(0);
	opacity: 0;
	transform-origin: top left
}
.smart-grid-column-menu[right-to-left].smart-animate {
	transform-origin: top right
}
.smart-grid-column-menu[right-to-left] .smart-filter-panel .smart-filter-panel-button-container {
	flex-direction: row-reverse
}
.smart-grid-column-menu[right-to-left] .smart-filter-panel .smart-filter-panel-operator-list {
	left: calc(100% - 80px);
	position: relative
}
.smart-grid-column-menu smart-menu[mode=vertical] {
	height: 100%
}
.smart-grid-column-menu.open.smart-animate {
	transform: scale(1);
	opacity: 1
}
.smart-grid-column-menu .smart-grid-icon {
	display: inline-block
}
.smart-grid-column-menu .smart-filter-container {
	width: 100%;
	height: auto;
	background: var(--smart-background)
}
.smart-grid-column-menu .smart-filter-container smart-filter-panel {
	width: 100%;
	border: none;
	background: 0 0
}
.smart-grid-dialog-overlay,
.smart-grid-overlay {
	z-index: 100;
	background: #333;
	opacity: .1;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.smart-grid-overlay {
	background: 0 0
}
.smart-window.smart-grid-dialog {
	transition: opacity .2s, transform .2s ease-out;
	transform: scale(0);
	opacity: 0;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size)
}
.smart-window.smart-grid-dialog .col-sm-6 {
	padding: 0
}
.smart-window.smart-grid-dialog>.smart-container .smart-header-section {
	cursor: default
}
.smart-window.smart-grid-dialog.open {
	transform: scale(1);
	opacity: 1
}
.smart-window.smart-grid-dialog[editor]:not([template=checkBox]) {
	max-width: 150px;
	height: 30px;
	overflow: hidden;
	border: 1px solid var(--smart-border);
	border-radius: var(--smart-border-radius)
}
.smart-window.smart-grid-dialog[editor][template=checkBox] {
	height: 30px
}
.smart-window.smart-grid-dialog[editor]:not([template=checkBox]) .smart-grid-cell-editor {
	width: 100%;
	height: 100%
}
.smart-window.smart-grid-dialog>.smart-container>.smart-footer {
	height: auto
}
.smart-window.smart-grid-dialog .column {
	display: flex;
	justify-content: space-between;
	padding: 5px;
	flex-direction: column
}
.smart-window.smart-grid-dialog .column label {
	justify-content: flex-end;
	padding: 5px 0
}
.smart-window.smart-grid-dialog .smart-footer .smart-stack-layout {
	padding: 0 10px
}
.smart-grid-text-area-dialog {
	z-index: 99999;
	position: absolute;
	min-width: 150px;
	min-height: 120px;
	font-size: var(--smart-font-size);
	font-family: var(--smart-font-family);
	background: var(--smart-background);
	border: 1px solid var(--smart-border);
	box-shadow: var(--smart-elevation-8);
	color: var(--smart-background-color);
	box-sizing: border-box;
	overflow: visible
}
.smart-grid-text-area-dialog .close-button {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -12px;
	top: -12px;
	display: flex;
	border: 1px solid var(--smart-border);
	border-radius: 100%;
	background: var(--smart-primary);
	color: var(--smart-primary-color)
}
.smart-grid-text-area-dialog .close-button:before {
	content: var(--smart-icon-close)
}
.smart-grid-text-area-dialog .smart-grid-text-area-container {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.smart-grid-text-area-dialog smart-scroll-bar[orientation=vertical] {
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	width: var(--smart-scroll-bar-size)
}
.smart-grid-text-area-dialog textarea {
	padding: 3px 20px 3px 3px;
	min-height: 120px;
	width: calc(100% + var(--smart-scroll-bar-size));
	overflow-x: hidden;
	height: 120px;
	box-sizing: border-box;
	border: none;
	background: inherit;
	outline: 0;
	resize: none;
	color: inherit
}
smart-column-panel,
smart-group-panel,
smart-multi-column-filter-panel,
smart-sort-panel {
	display: block;
	min-width: 375px;
	width: var(--smart-grid-panel-default-width);
	height: var(--smart-grid-panel-default-height);
	border: var(--smart-border-width) solid var(--smart-border);
	padding: var(--smart-grid-panel-padding);
	overflow: auto;
	background: var(--smart-background);
	color: var(--smart-background-color);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size)
}
.smart-group-panel .smart-sortable-container smart-column-panel smart-sortable,
.smart-sort-panel .smart-sortable-container {
	margin-bottom: var(--smart-grid-panel-padding)
}
.smart-group-panel .smart-sortable-container:empty:after,
.smart-multi-column-filter-panel .smart-filter-panel-items-container:empty:after,
.smart-sort-panel .smart-sortable-container:empty:after {
	margin-top: calc(var(--smart-grid-panel-vertical-offset)/ 2);
	margin-bottom: calc(var(--smart-grid-panel-vertical-offset)/ 2);
	opacity: .7
}
.smart-sort-panel .smart-sortable-container:empty:after {
	content: attr(no-sorting)
}
.smart-group-panel .smart-sortable-container:empty:after {
	content: attr(no-grouping)
}
.smart-multi-column-filter-panel .smart-filter-panel-items-container:empty:after {
	content: attr(no-filters)
}
.smart-column-panel .smart-grid-panel-container-footer,
.smart-group-panel .smart-grid-panel-container-footer,
.smart-multi-column-filter-panel .smart-grid-panel-container-footer,
.smart-sort-panel .smart-grid-panel-container-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.smart-group-panel .smart-grid-panel-container-footer>smart-input,
.smart-sort-panel .smart-grid-panel-container-footer>smart-input {
	min-width: 215px;
	width: 40%
}
.smart-column-panel .smart-grid-panel-buttons-container,
.smart-group-panel .smart-grid-panel-buttons-container,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container,
.smart-sort-panel .smart-grid-panel-buttons-container {
	width: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}
.smart-column-panel .smart-grid-panel-buttons-container span:hover,
.smart-group-panel .smart-grid-panel-buttons-container span:hover,
.smart-group-panel .smart-grid-panel-item-close-button:hover,
.smart-multi-column-filter-panel .smart-filter-panel-add-filter-button:hover,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container span:hover,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:hover,
.smart-sort-panel .smart-grid-panel-buttons-container span:hover,
.smart-sort-panel .smart-grid-panel-item-close-button:hover {
	color: var(--smart-grid-panel-color-hover);
	cursor: pointer
}
.smart-column-panel .smart-grid-panel-buttons-container span:active,
.smart-column-panel .smart-grid-panel-buttons-container span:focus,
.smart-group-panel .smart-grid-panel-buttons-container span:active,
.smart-group-panel .smart-grid-panel-buttons-container span:focus,
.smart-group-panel .smart-grid-panel-item-close-button:active,
.smart-group-panel .smart-grid-panel-item-close-button:focus,
.smart-multi-column-filter-panel .smart-filter-panel-add-filter-button:active,
.smart-multi-column-filter-panel .smart-filter-panel-add-filter-button:focus,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container span:active,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container span:focus,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:active,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:focus,
.smart-sort-panel .smart-grid-panel-buttons-container span:active,
.smart-sort-panel .smart-grid-panel-buttons-container span:focus,
.smart-sort-panel .smart-grid-panel-item-close-button:active,
.smart-sort-panel .smart-grid-panel-item-close-button:focus {
	color: var(--smart-primary)
}
.smart-column-panel .smart-grid-panel-buttons-container span:focus,
.smart-group-panel .smart-grid-panel-buttons-container span:focus,
.smart-multi-column-filter-panel .smart-filter-panel-add-filter-button:focus,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container span:focus,
.smart-sort-panel .smart-grid-panel-buttons-container span:focus {
	outline: 0
}
.smart-column-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-group-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-multi-column-filter-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,
.smart-sort-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button {
	margin-left: 15px;
	font-weight: 700
}
.smart-column-panel .smart-grid-panel-item,
.smart-group-panel .smart-grid-panel-item,
.smart-multi-column-filter-panel .smart-grid-panel-item,
.smart-sort-panel .smart-grid-panel-item {
	display: flex;
	align-items: center;
	margin-top: calc(var(--smart-grid-panel-vertical-offset)/ 2);
	margin-bottom: calc(var(--smart-grid-panel-vertical-offset)/ 2);
	width: calc(100% - var(--smart-sortable-handle-size));
	height: var(--smart-grid-panel-item-height);
	min-height: var(--smart-grid-panel-item-height);
	background-color: var(--smart-background)
}
.smart-multi-column-filter-panel .smart-grid-panel-item {
	width: 100%
}
.smart-group-panel .smart-grid-panel-item.dragged,
.smart-sort-panel .smart-grid-panel-item.dragged {
	opacity: .7
}
.smart-group-panel .smart-grid-panel-item-close-button,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button,
.smart-sort-panel .smart-grid-panel-item-close-button {
	display: flex;
	justify-content: center;
	width: 20px
}
.smart-group-panel .smart-grid-panel-item-close-button:focus,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:focus,
.smart-sort-panel .smart-grid-panel-item-close-button:focus {
	outline: 0
}
.smart-group-panel .smart-grid-panel-item-close-button:after,
.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:after,
.smart-sort-panel .smart-grid-panel-item-close-button:after {
	content: var(--smart-icon-close);
	font-family: var(--smart-font-family-icon)
}
.smart-group-panel[close-button-position=right] .smart-grid-panel-item-close-button,
.smart-multi-column-filter-panel[close-button-position=right] .smart-grid-panel-item-close-button,
.smart-sort-panel[close-button-position=right] .smart-grid-panel-item-close-button {
	order: 1
}
.smart-group-panel[close-button-position=right] .smart-sortable-container,
.smart-multi-column-filter-panel[close-button-position=right] .smart-sortable-container,
.smart-sort-panel[close-button-position=right] .smart-sortable-container {
	align-items: flex-end
}
.smart-group-panel .smart-grid-panel-label-by,
.smart-sort-panel .smart-grid-panel-label-by {
	padding: 5px;
	width: 60px;
	flex-grow: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.smart-group-panel .smart-grid-panel-field-container,
.smart-sort-panel .smart-grid-panel-field-container {
	height: 100%;
	width: 100px;
	flex-grow: 3
}
.smart-group-panel .smart-grid-panel-field-selection,
.smart-sort-panel .smart-grid-panel-field-selection {
	height: 100%;
	width: 100%
}
.smart-group-panel .smart-grid-panel-from,
.smart-sort-panel .smart-grid-panel-from {
	display: flex;
	justify-content: center;
	padding: 5px;
	width: 40px;
	flex-grow: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.smart-group-panel .smart-grid-panel-direction,
.smart-sort-panel .smart-grid-panel-direction {
	display: flex;
	width: 115px;
	flex-grow: 2;
	height: 100%;
	background-color: var(--smart-surface)
}
.smart-group-panel .smart-grid-panel-direction:focus,
.smart-sort-panel .smart-grid-panel-direction:focus {
	outline: 0;
	box-shadow: 0 0 0 1px var(--smart-primary)
}
.smart-group-panel .smart-grid-panel-direction,
.smart-group-panel .smart-grid-panel-direction>div,
.smart-sort-panel .smart-grid-panel-direction,
.smart-sort-panel .smart-grid-panel-direction>div {
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-group-panel .smart-grid-panel-direction>div,
.smart-sort-panel .smart-grid-panel-direction>div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 3px;
	width: calc(50% - 6px);
	height: calc(100% - 6px)
}
.smart-group-panel .smart-grid-panel-direction>div.selected,
.smart-sort-panel .smart-grid-panel-direction>div.selected {
	background-color: var(--smart-primary);
	color: var(--smart-primary-color)
}
.smart-group-panel .smart-grid-panel-expand-collapse {
	justify-content: flex-end
}
.smart-group-panel .smart-group-panel-expand-button {
	margin-left: 15px
}
.smart-column-panel {
	--smart-grid-panel-item-height: 20px;
	min-width: 100px
}
.smart-column-panel.smart-container,
.smart-column-panel>.smart-container {
	display: flex;
	flex-direction: column
}
.smart-column-panel .smart-column-panel-find-container {
	display: flex;
	align-items: center;
	border-bottom: 2px solid var(--smart-border);
	height: var(--smart-editor-height);
	position: relative
}
.smart-column-panel .smart-column-panel-find-container.no-results:after {
	content: attr(no-results);
	position: absolute;
	top: calc(100% + 10px)
}
.smart-column-panel .smart-column-panel-find-container input {
	outline: 0;
	border: none;
	width: calc(100% - 16px);
	height: 100%;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size);
	background: var(--smart-grid-panel-background);
	color: var(--smart-grid-panel-color)
}
.smart-column-panel .smart-column-panel-find-container .clear-button {
	width: 16px;
	cursor: pointer
}
.smart-column-panel .smart-column-panel-find-container .clear-button:after {
	content: var(--smart-icon-cancel);
	font-family: var(--smart-font-family-icon);
	display: flex;
	align-items: center;
	justify-content: center
}
.smart-column-panel smart-sortable {
	flex: 5;
	min-height: 50px;
	overflow: auto
}
.smart-column-panel .smart-column-panel-label {
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.smart-column-panel .smart-column-panel-label.icon {
	position: relative;
	padding-left: var(--smart-column-icon-size)
}
.smart-column-panel .smart-column-panel-label.icon:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: var(--smart-column-icon-size);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center
}
.smart-column-panel .smart-grid-panel-buttons-container {
	width: 100%;
	justify-content: flex-end
}
.smart-column-panel .toggle-visibility {
	width: 16px;
	height: 16px;
	font-family: var(--smart-font-family-icon);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}
.smart-column-panel .toggle-visibility.disable-toggle {
	pointer-events: none
}
.smart-column-panel .clear-button:focus,
.smart-column-panel .toggle-visibility:focus {
	outline: 0;
	color: var(--smart-primary)
}
.smart-column-panel .toggle-visibility:after {
	content: var(--smart-icon-visibility)
}
.smart-column-panel .toggle-visibility.hidden:after {
	content: var(--smart-icon-visibility-off)
}
.smart-multi-column-filter-panel>.smart-container {
	display: grid;
	grid-auto-rows: 1fr max-content;
	grid-row-gap: var(--smart-grid-panel-padding)
}
.smart-multi-column-filter-panel .smart-filter-panel-items-container {
	overflow: auto
}
.smart-multi-column-filter-panel .smart-grid-panel-item {
	display: grid;
	columns: 5;
	grid-template-columns: var(--smart-multi-column-filter-panel-template-columns);
	grid-gap: var(--smart-grid-panel-padding)
}
.smart-multi-column-filter-panel .smart-grid-panel-item>* {
	width: 100%
}
.smart-multi-column-filter-panel[close-button-position=right] {
	--smart-multi-column-filter-panel-template-columns: 60px 2fr 3fr 3fr 15px
}
@media (pointer: coarse) {
	.smart-group-panel .smart-grid-panel-item-close-button:after,
	.smart-multi-column-filter-panel .smart-grid-panel-item-close-button:after,
	.smart-sort-panel .smart-grid-panel-item-close-button:after {
		font-size: 16px
	}
}
.smart-column-panel[right-to-left] .smart-column-panel-find-container,
.smart-group-panel[right-to-left] .smart-grid-panel-from,
.smart-group-panel[right-to-left] .smart-grid-panel-label-by,
.smart-group-panel[right-to-left] .smart-group-panel-apply-button,
.smart-group-panel[right-to-left] .smart-group-panel-cancel-button,
.smart-group-panel[right-to-left] .smart-group-panel-collapse-button,
.smart-group-panel[right-to-left] .smart-group-panel-expand-button,
.smart-multi-column-filter-panel[right-to-left] .smart-filter-panel-add-filter-button,
.smart-multi-column-filter-panel[right-to-left] .smart-filter-panel-items-container:empty,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-apply-button,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-cancel-button,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-item-close-button+div,
.smart-sort-panel[right-to-left] .smart-grid-panel-apply-button,
.smart-sort-panel[right-to-left] .smart-grid-panel-cancel-button {
	direction: rtl
}
.smart-group-panel[right-to-left] .smart-grid-panel-label-by,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-item>.smart-grid-panel-item-close-button+div,
.smart-sort-panel[right-to-left] .smart-grid-panel-label-by {
	order: 3
}
.smart-group-panel[right-to-left] .smart-grid-panel-field-container,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-item>.smart-input:nth-of-type(1),
.smart-sort-panel[right-to-left] .smart-grid-panel-field-container {
	order: 2
}
.smart-column-panel[right-to-left] .toggle-visibility,
.smart-group-panel[right-to-left] .smart-grid-panel-from,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-item>.smart-input:nth-of-type(2),
.smart-sort-panel[right-to-left] .smart-grid-panel-from {
	order: 1
}
.smart-column-panel[right-to-left] .smart-grid-panel-buttons-container,
.smart-group-panel[right-to-left] .smart-grid-panel-buttons-container,
.smart-group-panel[right-to-left] .smart-grid-panel-direction,
.smart-multi-column-filter-panel[right-to-left] .smart-grid-panel-buttons-container,
.smart-sort-panel[right-to-left] .smart-grid-panel-buttons-container,
.smart-sort-panel[right-to-left] .smart-grid-panel-direction {
	flex-direction: row-reverse
}
.smart-group-panel[right-to-left] .smart-group-panel-expand-button {
	margin-left: initial;
	margin-right: 15px
}
.smart-column-panel[right-to-left] .smart-grid-panel-item {
	right: var(--smart-sortable-handle-size);
	justify-content: space-between
}
.smart-group-panel[right-to-left] .smart-sortable .smart-sortable-items-parent,
.smart-sort-panel[right-to-left] .smart-sortable .smart-sortable-items-parent {
	direction: unset
}
.smart-group-panel[right-to-left][close-button-position=right] .smart-grid-panel-item-close-button,
.smart-multi-column-filter-panel[right-to-left][close-button-position=right] .smart-grid-panel-item-close-button,
.smart-sort-panel[right-to-left][close-button-position=right] .smart-grid-panel-item-close-button {
	order: 4
}
.smart-data-view-header {
	padding: 3px;
	position: relative;
	display: grid;
	grid-template-areas: "customize filter sort . search";
	grid-template-columns: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) 1fr 24px;
	grid-gap: 10px;
	grid-template-rows: 100%;
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-data-view-header-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 5px 5px 25px;
	height: 100%;
	position: relative;
	font-weight: 700;
	cursor: pointer;
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-data-view-header-button:hover {
	color: var(--smart-ui-state-color-hover);
	background-color: var(--smart-ui-state-hover)
}
.smart-data-view-header-button:active {
	color: var(--smart-ui-state-color-active);
	background-color: var(--smart-ui-state-active)
}
.smart-data-view-header-button:after {
	position: absolute;
	font-family: var(--smart-font-family-icon);
	left: 5px
}
.smart-data-view-header-button:focus,
.smart-data-view-search-box div:focus {
	outline: var(--smart-primary) solid 1px
}
.smart-data-view-customize-button:after {
	content: var(--smart-icon-settings)
}
.smart-data-view-filter-button:after {
	content: var(--smart-icon-filter)
}
.smart-data-view-sort-button:after {
	content: var(--smart-icon-sort)
}
.smart-data-view-search-button:after {
	content: var(--smart-icon-search)
}
.smart-data-view-filter-button.filtered,
.smart-data-view-sort-button.sorted {
	background-color: var(--smart-success)
}
.smart-data-view-customize-button {
	grid-area: customize
}
.smart-data-view-filter-button {
	grid-area: filter
}
.smart-data-view-sort-button {
	grid-area: sort
}
.smart-data-view-search-button {
	grid-area: search;
	margin-right: 0;
	padding: 0
}
.smart-data-view-header-button>div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.smart-data-view-header-drop-down {
	position: absolute;
	background-color: var(--smart-background);
	box-shadow: var(--smart-elevation-8);
	z-index: 1000;
	height: auto;
	transform: scaleY(1);
	transform-origin: top;
	opacity: 1
}
[header-position=bottom] .smart-data-view-header-drop-down {
	transform-origin: bottom
}
.smart-data-view-header-drop-down.smart-visibility-hidden {
	transform: scaleY(0);
	opacity: 0
}
.smart-card-view:not([animation=none]) .smart-data-view-header-drop-down,
.smart-kanban:not([animation=none]) .smart-data-view-header-drop-down {
	transition: height .2s ease-in, transform .2s ease-in, visibility .2s ease-in, opacity .2s ease-in
}
.smart-data-view-header-drop-down.customize-panel {
	width: var(--smart-data-view-customize-panel-width)
}
.smart-data-view-header-drop-down.filter-panel {
	width: var(--smart-data-view-filter-panel-width)
}
.smart-data-view-header-drop-down.sort-panel {
	width: var(--smart-data-view-sort-panel-width)
}
.smart-data-view-header-drop-down.search-panel {
	width: var(--smart-data-view-search-panel-width);
	padding: var(--smart-data-view-padding)
}
.smart-data-view-header-drop-down smart-column-panel,
.smart-data-view-header-drop-down smart-multi-column-filter-panel,
.smart-data-view-header-drop-down smart-sort-panel {
	width: 100%;
	border: none
}
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box {
	display: grid;
	grid-template-columns: 1fr 16px;
	grid-template-rows: 100%;
	grid-gap: 2px;
	align-items: center
}
.smart-data-view-header-drop-down.search-panel input {
	outline: 0;
	border: none;
	min-width: 0;
	padding: 0;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size);
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-data-view-search-label {
	display: none;
	font-size: calc(var(--smart-font-size) - 3px);
	opacity: .7
}
.smart-data-view-search-close,
.smart-data-view-search-next,
.smart-data-view-search-prev {
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-family: var(--smart-font-family-icon);
	font-size: 10px
}
.smart-data-view-search-next,
.smart-data-view-search-prev {
	display: none;
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	height: 100%
}
.smart-data-view-search-next:hover,
.smart-data-view-search-prev:hover {
	color: var(--smart-ui-state-color-hover);
	background-color: var(--smart-ui-state-hover)
}
.smart-data-view-search-next:active,
.smart-data-view-search-prev:active {
	color: var(--smart-ui-state-color-active);
	background-color: var(--smart-ui-state-active)
}
.smart-data-view-search-prev:after {
	content: var(--smart-icon-arrow-up)
}
.smart-data-view-search-next:after {
	content: var(--smart-icon-arrow-down)
}
.smart-data-view-search-close {
	display: flex;
	color: var(--smart-background-color)
}
.smart-data-view-search-close:hover {
	color: var(--smart-ui-state-color-hover);
	background-color: var(--smart-ui-state-hover)
}
.smart-data-view-search-close:active {
	color: var(--smart-ui-state-color-active);
	background-color: var(--smart-ui-state-active)
}
.smart-data-view-search-close:after {
	content: var(--smart-icon-close)
}
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.matches {
	grid-template-columns: 1fr max-content 16px 16px 16px
}
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.matches .smart-data-view-search-next,
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.matches .smart-data-view-search-prev {
	display: flex
}
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.no-matches {
	grid-template-columns: 1fr max-content 16px
}
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.matches .smart-data-view-search-label,
.smart-data-view-header-drop-down.search-panel .smart-data-view-search-box.no-matches .smart-data-view-search-label {
	display: block
}
.smart-data-view-found {
	outline: var(--smart-outline) solid 4px;
	outline-offset: -4px
}
.smart-data-view-highlighted {
	box-shadow: 0 0 23px 1px var(--smart-primary);
	outline: var(--smart-primary) solid 4px;
	outline-offset: -4px
}
[right-to-left] .smart-data-view-header-drop-down.search-panel .smart-data-view-search-box {
	direction: rtl
}
[right-to-left] .smart-data-view-header {
	grid-template-areas: "search . sort filter customize";
	grid-template-columns: 24px 1fr minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content)
}
[right-to-left] .smart-data-view-header-button:not(.smart-data-view-search-button) {
	direction: rtl;
	padding-left: 5px;
	padding-right: 25px
}
[right-to-left] .smart-data-view-header-button:after {
	right: 5px;
	left: initial
}
.input-group-append,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+smart-button,
.input-group-append smart-button+.input-group-text,
.input-group-append smart-button+smart-button,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+smart-button,
.input-group-prepend smart-button+.input-group-text,
.input-group-prepend smart-button+smart-button,
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
	margin-left: -1px
}
.input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	box-sizing: border-box;
	font-family: var(--smart-font-family)
}
.input-group-append,
.input-group-prepend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box
}
.input-group-prepend {
	margin-right: -1px
}
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-append>smart-button,
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:first-child>smart-button:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>smart-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:last-child>smart-button:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:not(:last-child)>smart-button,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-prepend>smart-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.form-control,
.input-group-text {
	border-radius: var(--smart-border-radius);
	padding: .375rem .75rem;
	line-height: 1.5;
	border: 1px solid var(--smart-border)
}
.form-control,
.input-group-append,
.input-group-prepend {
	height: auto
}
.input-group-append>smart-button,
.input-group-prepend>smart-button {
	height: 100%
}
.input-group-text {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	color: var(--smart-surface-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--smart-surface)
}
.form-control {
	display: block;
	width: 100%;
	font-size: var(--smart-font-size);
	color: #495057;
	background-color: var(--smart-background);
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control:focus,
.form-control[focus],
.input-group smart-button[focus] {
	color: var(--smart-color);
	background-color: var(--smart-background);
	border-color: var(--smart-primary);
	outline: 0
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group smart-button[focus] {
	opacity: 1
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0
}
.input-group smart-button[focus],
.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus,
.input-group>.form-control[focus] {
	z-index: 3
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
smart-led {
	padding: 0;
	width: var(--smart-led-default-width);
	height: var(--smart-led-default-height);
	display: inline-block;
	border-radius: 50%
}
smart-led .smart-ripple {
	background: var(--smart-primary)
}
smart-led[shape=square] {
	border-radius: 0
}
smart-led[focus] {
	outline: 0
}
.smart-led.smart-container,
smart-led .smart-container {
	cursor: pointer;
	height: 100%;
	position: relative;
	display: flex;
	overflow: hidden
}
smart-led[disabled] .smart-container {
	cursor: initial
}
.smart-led .smart-input {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	min-height: 20px;
	padding: 4%;
	background-clip: content-box;
	border-style: solid;
	box-sizing: border-box;
	border-width: var(--smart-border-width);
	border-color: var(--smart-border);
	font-family: inherit;
	font-size: inherit;
	outline: 0
}
.smart-led[shape=square] .smart-input {
	border-radius: 0
}
.smart-led[focus] .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-focus);
	background: var(--smart-ui-state-focus);
	color: var(--smart-ui-state-color-focus)
}
.smart-led:hover .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-hover);
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	transition: background-color .1s linear
}
.smart-led.active .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-active);
	background: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-led .smart-false-content-container,
.smart-led .smart-indeterminate-content-container,
.smart-led .smart-true-content-container {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: transparent
}
.smart-led .smart-true-content-container {
	background-color: var(--smart-primary)
}
.smart-led .smart-indeterminate-content-container {
	background-color: #d3d3d3
}
.smart-led .smart-indeterminate-content-container,
.smart-led .smart-true-content-container,
.smart-led[checked] .smart-false-content-container {
	display: none
}
.smart-led .smart-false-content-container,
.smart-led[checked=null] .smart-indeterminate-content-container,
.smart-led[checked] .smart-true-content-container {
	display: flex
}
.smart-led[checked=null] .smart-true-content-container {
	display: none
}
.smart-led[shape=square] .smart-false-content-container,
.smart-led[shape=square] .smart-indeterminate-content-container,
.smart-led[shape=square] .smart-true-content-container {
	border-radius: 0
}
.smart-led .smart-false-content,
.smart-led[checked=null] .smart-indeterminate-content,
.smart-led[checked] .smart-true-content {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	height: 100%
}
.smart-led[right-to-left] .smart-false-content-container,
.smart-led[right-to-left] .smart-indeterminate-content-container,
.smart-led[right-to-left] .smart-true-content-container {
	direction: rtl
}
smart-list-box,
smart-list-item,
smart-list-items-group {
	visibility: hidden
}
smart-list-item,
smart-list-items-group .smart-list-items-group-label {
	background-color: inherit;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .00937em;
	width: 100%;
	outline: 0;
	display: flex;
	align-items: center;
	padding: 0 5px;
	height: calc(var(--smart-list-item-height) + var(--smart-list-item-vertical-offset));
	position: relative;
	user-select: none
}
smart-list-item.smart-element,
smart-list-items-group.smart-element {
	border: none;
	visibility: inherit
}
smart-list-item .smart-container,
smart-list-items-group .smart-list-items-group-label .smart-container {
	display: flex;
	align-items: center
}
smart-list-items-group>.smart-container {
	height: auto
}
smart-list-item .smart-ripple {
	background: var(--smart-list-item-color-active)
}
smart-list-item.smart-header-item,
smart-list-item[grouped],
smart-list-items-group .smart-list-items-group-label {
	color: var(--smart-surface-color);
	text-transform: var(--smart-list-item-group-header-text-transform);
	top: var(--smart-list-item-vertical-offset);
	margin-bottom: var(--smart-list-item-vertical-offset);
	background: var(--smart-surface);
	border-width: 1px;
	border-style: solid;
	border-color: var(--smart-surface);
	display: flex;
	align-items: center
}
smart-list-items-group .smart-list-items-group-label {
	text-transform: capitalize;
	border-radius: initial
}
smart-list-item .smart-content,
smart-list-item .smart-overlay {
	transition: opacity 280ms ease-in-out;
	width: 100%;
	height: calc(100% - var(--smart-list-item-vertical-offset));
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
	top: var(--smart-list-item-vertical-offset);
	left: 0;
	position: absolute
}
.smart-list-box smart-list-item.smart-header-item[hover] {
	color: inherit
}
smart-list-item .smart-overlay {
	display: inline-block;
	overflow: hidden;
	background: var(--smart-background)
}
smart-list-item .smart-content {
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	padding: 9px 12px;
	color: var(--smart-background-color);
	border-width: var(--smart-item-border-width);
	border-style: solid;
	border-color: transparent
}
.smart-list-box[horizontal-scroll-bar-visibility=hidden] smart-list-item .smart-content {
	white-space: initial
}
smart-list-item .smart-content-details {
	opacity: .5;
	margin-top: 2px;
	font-size: 10px
}
smart-list-item[display-mode=radioButton] .smart-content,
smart-list-item[display-mode=radioButton] .smart-overlay,
smart-list-item[display-mode=checkBox] .smart-content,
smart-list-item[display-mode=checkBox] .smart-overlay {
	padding: 5px;
	left: calc(16px + var(--smart-check-box-default-size));
	width: calc(100% - 16px - var(--smart-check-box-default-size))
}
smart-list-item[hover] .smart-overlay {
	background-color: var(--smart-ui-state-hover)
}
smart-list-item[hover] .smart-content {
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover)
}
smart-list-item[selected] .smart-overlay {
	background-color: var(--smart-ui-state-selected)
}
smart-list-item[selected] .smart-content {
	color: var(--smart-ui-state-color-selected);
	border-color: var(--smart-ui-state-border-selected)
}
:host(smart-list-box[focus]) smart-list-item[focus] .smart-overlay,
[type=list][opened][focus] smart-list-item[focus] .smart-overlay,
smart-list-box:focus smart-list-item[focus] .smart-overlay {
	background-color: var(--smart-ui-state-focus)
}
:host(smart-list-box[focus]) smart-list-item[focus] .smart-content,
[type=list][opened][focus] smart-list-item[focus] .smart-content,
smart-list-box:focus smart-list-item[focus] .smart-content {
	color: var(--smart-ui-state-color-focus);
	border-color: var(--smart-ui-state-border-focus)
}
:host(smart-list-box[focus]) smart-list-item[focus][selected] .smart-overlay,
[type=list][opened][focus] smart-list-item[focus] .smart-overlay,
smart-list-box:focus smart-list-item[focus][selected] .smart-overlay {
	background-color: var(--smart-ui-state-selected)
}
:host(smart-list-box[focus]) smart-list-item[focus][selected] .smart-content,
[type=list][opened][focus] smart-list-item[focus] .smart-content,
smart-list-box:focus smart-list-item[focus][selected] .smart-content {
	color: var(--smart-ui-state-color-selected);
	border-color: var(--smart-ui-state-border-selected)
}
smart-list-item:focus,
smart-list-item:focus .smart-input,
smart-list-items-group:focus .smart-input {
	outline: 0
}
smart-list-item .smart-input.smart-hidden,
smart-list-items-group .smart-input.smart-hidden {
	display: none
}
smart-list-item .smart-input,
smart-list-items-group .smart-input {
	margin-left: 4px;
	width: calc(-4px + var(--smart-check-box-default-size));
	height: calc(-4px + var(--smart-check-box-default-size));
	line-height: var(--smart-check-box-default-size);
	box-sizing: initial;
	position: absolute;
	top: var(--smart-list-item-vertical-offset);
	margin-top: calc(var(--smart-list-item-height)/ 2 - 10px);
	border-style: solid;
	padding: 3px;
	border-width: var(--smart-border-width);
	border-radius: var(--smart-list-item-check-box-radius);
	font-family: inherit;
	background-repeat: no-repeat;
	border-color: var(--smart-border);
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	display: block
}
smart-list-item[selected] .smart-input,
smart-list-items-group[selected] .smart-input {
	border-color: var(--smart-primary);
	background-color: var(--smart-primary);
	color: var(--smart-primary-color)
}
smart-list-item .smart-input:before {
	content: '';
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	text-align: center;
	background: var(--smart-primary)!important;
	transition: opacity .2s ease-in-out;
	opacity: 0;
	border-radius: 100%;
	transform: scale(1)
}
smart-list-item[hover] .smart-input:hover,
smart-list-items-group[hover] .smart-input:hover {
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
smart-list-item[display-mode=radioButton] .smart-input {
	border-radius: 100%
}
smart-list-item .smart-input:after,
smart-list-items-group .smart-input:after {
	content: '';
	font-family: var(--smart-font-family-icon);
	display: flex;
	justify-content: center;
	align-content: center;
	margin-top: -2px
}
smart-list-item[display-mode=checkBox][selected] .smart-input:after,
smart-list-items-group[display-mode=checkBox][selected] .smart-input:after {
	content: var(--smart-icon-check)
}
smart-list-item[display-mode=radioButton][selected] .smart-input:after {
	content: var(--smart-icon-radio)
}
.smart-list-box smart-list-item[alternation-index="0"] .smart-overlay,
smart-list-item[display-mode=radioButton][selected][alternation-index="0"] .smart-overlay,
smart-list-item[display-mode=checkBox][selected][alternation-index="0"] .smart-overlay {
	background-color: var(--smart-alternation-index0-background);
	color: var(--smart-alternation-index0-color);
	border-color: var(--smart-alternation-index0-border)
}
.smart-list-box smart-list-item[alternation-index="1"] .smart-overlay,
smart-list-item[display-mode=radioButton][selected][alternation-index="1"] .smart-overlay,
smart-list-item[display-mode=checkBox][selected][alternation-index="1"] .smart-overlay {
	background-color: var(--smart-alternation-index1-background);
	color: var(--smart-alternation-index1-color);
	border-color: var(--smart-alternation-index1-border)
}
.smart-list-box smart-list-item[alternation-index="2"] .smart-overlay,
smart-list-item[display-mode=radioButton][selected][alternation-index="2"] .smart-overlay,
smart-list-item[display-mode=checkBox][selected][alternation-index="2"] .smart-overlay {
	background-color: var(--smart-alternation-index2-background);
	color: var(--smart-alternation-index2-color);
	border-color: var(--smart-alternation-index2-border)
}
.smart-list-item-feedback {
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border);
	border-width: 1px;
	border-style: solid;
	box-shadow: var(--smart-elevation-8);
	cursor: move;
	padding: 0;
	z-index: var(--smart-drop-down-z-index);
	width: 200px
}
.smart-list-item-feedback smart-list-item {
	padding: 0;
	border: none
}
.smart-list-item-feedback smart-list-item .smart-overlay {
	background-color: inherit;
	border: none
}
.smart-list-item-feedback smart-list-item .smart-content {
	border-color: transparent;
	color: inherit
}
smart-list-item.smart-list-item-line-feedback,
smart-list-item[selected].smart-list-item-line-feedback {
	border-top-color: var(--smart-secondary);
	border-top-width: 1px;
	border-top-style: dashed
}
smart-list-item.smart-list-item-bottom-line-feedback,
smart-list-item[selected].smart-list-item-bottom-line-feedback {
	border-bottom-color: var(--smart-secondary);
	border-bottom-width: 1px;
	border-bottom-style: dashed
}
.smart-list-box[disabled] smart-list-item {
	color: inherit
}
smart-list-box {
	display: block;
	width: var(--smart-list-box-default-width);
	height: var(--smart-list-box-default-height)
}
smart-list-box.smart-element {
	visibility: inherit
}
smart-list-box:focus {
	border-color: var(--smart-outline);
	outline: 0
}
.smart-list-box input {
	border: var(--smart-border-width) solid var(--smart-border);
	width: 100%;
	height: 100%;
	padding: var(--smart-editor-label-padding);
	outline: initial;
	padding-right: 25px
}
.smart-list-box .smart-list-box-filter-input-container {
	position: relative;
	width: calc(100% - 10px);
	height: var(--smart-editor-height);
	margin-left: 5px;
	margin-top: 5px
}
.smart-list-box .smart-list-box-filter-input-container.vscroll {
	width: calc(100% - 10px - var(--smart-scroll-bar-size))
}
.smart-list-box .smart-list-box-filter-input-container::after {
	content: var(--smart-icon-search);
	font-family: var(--smart-font-family-icon);
	height: var(--smart-text-box-default-height);
	position: absolute;
	top: 0;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: calc(100% - 25px)
}
.smart-list-box input:focus {
	border-color: var(--smart-outline)
}
.smart-list-box.smart-container,
.smart-list-box>.smart-container {
	height: 100%;
	width: 100%;
	border-style: solid;
	border-width: 0;
	border-color: gray;
	position: relative;
	overflow: hidden
}
.smart-list-box smart-scroll-bar {
	overflow: visible;
	position: absolute;
	bottom: 0;
	height: calc(var(--smart-scroll-bar-size));
	width: 100%
}
.smart-list-box smart-scroll-bar.bottom-corner {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-list-box smart-scroll-bar::after {
	position: absolute;
	content: '';
	width: 100%;
	height: var(--smart-scroll-bar-size);
	background: var(--smart-scroll-bar-background);
	left: 100%;
	top: 0
}
.smart-drop-down smart-list-box smart-scroll-bar[orientation=vertical],
.smart-list-box smart-scroll-bar[orientation=vertical] {
	right: 0;
	top: 0;
	height: 100%;
	width: calc(var(--smart-scroll-bar-size))
}
smart-list-box smart-scroll-bar[orientation=vertical].bottom-corner {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-list-box .smart-list-items-container {
	width: 100%;
	height: calc(100% - 2*var(--smart-list-item-vertical-offset));
	right: var(--smart-list-item-horizontal-offset);
	overflow: hidden;
	position: relative;
	background-color: transparent
}
.smart-list-box .smart-list-items-inner-container {
	width: calc(100% - 2*var(--smart-list-item-horizontal-offset));
	margin-left: calc(2 * var(--smart-list-item-horizontal-offset));
	height: 100%;
	display: block;
	position: relative;
	background-color: transparent
}
.smart-list-box .smart-list-items-container.hscroll {
	height: calc(100% - var(--smart-scroll-bar-size) - 2*var(--smart-list-item-vertical-offset))
}
.smart-list-box .smart-list-items-container.filter {
	height: calc(100% - var(--smart-text-box-default-height) - 10px)
}
.smart-list-box .smart-list-items-container.hscroll.filter {
	height: calc(100% - var(--smart-text-box-default-height) - var(--smart-scroll-bar-size) - 10px - 2*var(--smart-list-item-vertical-offset))
}
.smart-list-box .smart-placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	user-select: none;
	text-align: center
}
.smart-list-box .smart-list-items-container input {
	position: absolute;
	background: initial;
	background-color: var(--smart-background);
	background-size: initial;
	border: 1px solid var(--smart-border);
	padding: 9px 12px;
	margin: 0;
	left: 5px;
	width: calc(100% - 5px);
	font-family: inherit;
	font-size: inherit;
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius)
}
.smart-list-box[selection-mode=radioButton]:focus smart-list-item[focus][selected] .smart-input:before,
.smart-list-box[selection-mode=radioButton][focus] smart-list-item[focus][selected] .smart-input:before,
.smart-list-box[selection-mode=checkBox]:focus smart-list-item[focus][selected] .smart-input:before,
.smart-list-box[selection-mode=checkBox][focus] smart-list-item[focus][selected] .smart-input:before {
	position: absolute;
	content: '';
	border-radius: 50%;
	width: calc(var(--smart-check-box-default-size) + 14px);
	height: calc(var(--smart-check-box-default-size) + 14px);
	background: var(--smart-primary);
	opacity: .3;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-list-box .smart-content-label {
	padding: var(--smart-list-item-label-padding);
	border-radius: var(--smart-list-item-label-border-radius)
}
.smart-list-box[right-to-left] {
	direction: initial
}
.smart-list-box[right-to-left] .smart-list-items-container,
.smart-list-box[right-to-left] .smart-list-items-container input,
.smart-list-box[right-to-left] smart-list-item .smart-list-item-container,
.smart-list-box[right-to-left] smart-list-items-group .smart-list-items-group-label,
.smart-popup.smart-list-item.smart-list-item-feedback[right-to-left] smart-list-item .smart-list-item-container {
	direction: rtl
}
.smart-list-box[right-to-left] .smart-list-box-filter-input-container.vscroll,
.smart-list-box[right-to-left] smart-scroll-bar {
	left: initial;
	right: 0
}
.smart-list-box[right-to-left] smart-scroll-bar::after {
	left: -100%
}
.smart-list-box[right-to-left] smart-scroll-bar[orientation=vertical] {
	left: 0;
	right: initial
}
.smart-list-box[right-to-left] smart-scroll-bar[orientation=vertical]::after {
	content: none
}
.smart-list-box[right-to-left] .smart-list-items-container.vscroll {
	left: var(--smart-scroll-bar-size);
	right: initial
}
.smart-list-box[right-to-left] smart-list-item .smart-list-item-container,
.smart-list-box[right-to-left] smart-list-item[display-mode=radioButton] .smart-overlay,
.smart-list-box[right-to-left] smart-list-item[display-mode=checkBox] .smart-overlay,
.smart-popup.smart-list-item.smart-list-item-feedback[right-to-left] smart-list-item .smart-list-item-container {
	left: 0
}
.smart-list-box[right-to-left] .smart-list-items-container.vscroll .smart-list-items-inner-container {
	margin-right: var(--smart-list-item-horizontal-offset)
}
smart-list-menu,
smart-list-menu[minimized] {
	border: var(--smart-border-width) solid var(--smart-border)
}
.smart-list-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-center,
smart-list-menu {
	visibility: hidden
}
smart-list-menu {
	width: var(--smart-list-menu-default-width);
	height: var(--smart-list-menu-default-height);
	display: block;
	background: var(--smart-background);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	outline: 0;
	color: var(--smart-background-color)
}
smart-list-menu.smart-element {
	visibility: inherit
}
smart-list-menu .smart-ripple {
	background: var(--smart-ui-state-focus)
}
smart-list-menu:focus {
	border-color: var(--smart-outline)
}
smart-list-menu[minimized] {
	height: auto;
	overflow: visible;
	background: var(--smart-surface)
}
.smart-list-menu .smart-header,
.smart-list-menu-view.smart-drop-down-repositioned .smart-header {
	background: var(--smart-primary);
	color: var(--smart-primary-color);
	border-color: var(--smart-primary);
	box-shadow: var(--smart-elevation-4);
	z-index: 3;
	padding: 0 16px
}
.smart-list-menu[minimized] .smart-minimized-header {
	background: var(--smart-surface);
	justify-content: flex-end
}
.smart-list-menu.smart-container,
smart-list-menu>.smart-container {
	position: relative;
	display: flex
}
.smart-list-menu smart-menu-item,
.smart-list-menu smart-menu-items-group,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-item,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group {
	padding: 10px 0
}
.smart-list-menu[disabled] .smart-hamburger-icon,
.smart-list-menu[disabled] smart-menu-item,
.smart-list-menu[disabled] smart-menu-items-group {
	cursor: default
}
.smart-list-menu-view-minimized:not([animation=none]),
.smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized {
	opacity: 1;
	transform: scaleY(1);
	margin: 8px 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: opacity .2s ease-in, visibility .2s ease-in, transform .2s ease-in
}
.smart-list-menu-view-minimized.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position*=top],
.smart-list-menu[drop-down-position*=top] .smart-list-menu-view-minimized {
	margin: -8px 0
}
.smart-list-menu-view-minimized:not([animation=none]).smart-visibility-hidden,
.smart-list-menu:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
	opacity: .2;
	transform: scaleY(0)
}
.smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]),
.smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized {
	transform: translateY(-100%) scaleY(1);
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}
.smart-list-menu-view-minimized[drop-down-position|=top]:not([animation=none]).smart-visibility-hidden,
.smart-list-menu[drop-down-position|=top]:not([animation=none]) .smart-list-menu-view-minimized.smart-visibility-hidden {
	transform: translateY(-100%) scaleY(0)
}
.smart-list-menu .smart-hamburger-icon,
.smart-list-menu[minimize-icon-template=null] .smart-hamburger-icon {
	margin-top: 2px
}
.smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
	transition: visibility 20ms ease-in, transform .2s ease-in, width .2s ease-in
}
.smart-list-menu .smart-list-menu-view-minimized {
	left: calc(-1 * var(--smart-border-width));
	top: calc(100% + var(--smart-border-width))
}
smart-list-menu[drop-down-position|=top] .smart-list-menu-view-minimized {
	top: calc(-1 * var(--smart-border-width));
	transform: translateY(-100%);
	box-shadow: var(--smart-elevation-8)
}
smart-list-menu[drop-down-position$=left] .smart-list-menu-view-minimized {
	left: initial;
	right: calc(-1 * var(--smart-border-width))
}
.smart-list-menu .smart-menu-scroll-button,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button {
	display: block;
	background-color: var(--smart-scroll-bar-background);
	color: var(--smart-scroll-bar-color);
	border-radius: 0;
	border-left: none;
	border-right: none;
	width: 100%;
	height: var(--smart-menu-scroll-button-size)
}
.smart-list-menu .smart-menu-scroll-button:last-of-type,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button:last-of-type {
	border-bottom: none
}
.smart-list-menu .smart-menu-scroll-button>button,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-scroll-button>button {
	border: none;
	min-height: 0
}
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"]>.smart-menu-item-label-container,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"]>.smart-menu-item-label-container {
	padding-left: 35px
}
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: var(--smart-icon-check);
	font-family: var(--smart-font-family-icon)
}
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after {
	content: var(--smart-icon-radio)
}
.smart-list-menu-view-minimized.smart-drop-down-repositioned[animation=none].smart-visibility-hidden,
.smart-list-menu[animation=none] .smart-list-menu-view-minimized.smart-visibility-hidden {
	transform: scale(0)
}
.smart-list-menu .smart-list-menu-view-minimized.smart-visibility-hidden.not-in-view,
.smart-list-menu-view-minimized.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view,
smart-date-time-picker .smart-date-time-drop-down.smart-visibility-hidden.not-in-view {
	left: -9999px;
	top: -9999px;
	transition: none
}
.smart-list-menu .smart-hidden,
.smart-list-menu-view.smart-drop-down-repositioned .smart-hidden {
	display: none!important
}
.smart-list-menu .smart-menu-main-container,
.smart-list-menu-view,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.smart-list-menu .smart-menu-main-container,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container {
	position: relative
}
.smart-list-menu .smart-menu-main-container.header-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown {
	height: calc(100% - var(--smart-bar-height))
}
.smart-list-menu .smart-menu-main-container.scroll-buttons-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown {
	height: calc(100% - 2 * var(--smart-menu-scroll-button-size))
}
.smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown {
	height: calc(100% - var(--smart-menu-scroll-button-size))
}
.smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown {
	height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size))
}
.smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown {
	height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size))
}
.smart-list-menu .smart-menu-main-container.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.filter-input-shown {
	height: calc(100% - var(--smart-text-box-default-height))
}
.smart-list-menu .smart-menu-main-container.header-shown.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.filter-input-shown {
	height: calc(100% - var(--smart-bar-height) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset))
}
.smart-list-menu .smart-menu-main-container.scroll-buttons-shown.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.filter-input-shown {
	height: calc(100% - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset))
}
.smart-list-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.scroll-buttons-shown.one-button-shown.filter-input-shown {
	height: calc(100% - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset))
}
.smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.filter-input-shown {
	height: calc(100% - var(--smart-bar-height) - 2 * var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset))
}
.smart-list-menu .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.header-shown.scroll-buttons-shown.one-button-shown.filter-input-shown {
	height: calc(100% - var(--smart-bar-height) - var(--smart-menu-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-list-menu-filter-input-vertical-offset))
}
.smart-list-menu .smart-menu-main-container.bounce-top,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-top {
	padding-top: 50px
}
.smart-list-menu .smart-menu-main-container.bounce-bottom,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-main-container.bounce-bottom {
	padding-bottom: 50px
}
.smart-list-menu .smart-header,
.smart-list-menu-view.smart-drop-down-repositioned .smart-header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: var(--smart-bar-height);
	border-bottom: var(--smart-border-width) solid var(--smart-primary);
	overflow: hidden
}
.smart-list-menu .smart-header>smart-button,
.smart-list-menu-view.smart-drop-down-repositioned .smart-header>smart-button {
	position: absolute;
	width: 50px;
	height: 100%;
	left: 0;
	top: 0;
	background: inherit;
	border: inherit;
	color: inherit
}
.smart-list-menu .smart-header>smart-button>.smart-button,
.smart-list-menu-view.smart-drop-down-repositioned .smart-header>smart-button>.smart-button {
	border: none
}
.smart-list-menu .smart-header>smart-button .smart-arrow:after,
.smart-list-menu-view.smart-drop-down-repositioned .smart-header>smart-button .smart-arrow:after {
	font-size: calc(var(--smart-font-size) - 3px);
	color: inherit
}
.smart-list-menu .smart-title,
.smart-list-menu-view.smart-drop-down-repositioned .smart-title {
	font-size: calc(var(--smart-font-size) + 2px)
}
.smart-list-menu smart-menu-item.smart-element,
.smart-list-menu smart-menu-items-group.smart-element,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-item.smart-element,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-element {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden
}
.smart-list-menu smart-menu-item[hover],
.smart-list-menu smart-menu-items-group[hover] {
	background: var(--smart-ui-state-hover);
	border-color: var(--smart-ui-state-border-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-list-menu .smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-container {
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 10px;
	width: 100%
}
.smart-list-menu .smart-menu-item-label-element,
.smart-list-menu .smart-title,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-label-element,
.smart-list-menu-view.smart-drop-down-repositioned .smart-title {
	display: flex;
	align-items: center
}
.smart-list-menu .smart-menu-item-shortcut,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-item-shortcut {
	margin-left: 0
}
.smart-list-menu .smart-menu-items-group-arrow,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-items-group-arrow {
	display: flex;
	align-items: center
}
.smart-list-menu .smart-menu-drop-down,
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down {
	width: 100%
}
.smart-list-menu .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container),
.smart-list-menu-view.smart-drop-down-repositioned .smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container) {
	margin: 0
}
.smart-list-menu smart-menu-item[separator]:last-child,
.smart-list-menu smart-menu-items-group.smart-menu-items-group-opened[separator],
.smart-list-menu smart-menu-items-group[separator]:last-child,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-item[separator]:last-child,
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group.smart-menu-items-group-opened[separator],
.smart-list-menu-view.smart-drop-down-repositioned smart-menu-items-group[separator]:last-child {
	border-bottom: none
}
.smart-list-menu-view.smart-list-menu-view-minimized {
	position: absolute;
	width: var(--smart-list-menu-drop-down-width);
	height: var(--smart-list-menu-drop-down-height);
	left: calc(-1 * var(--smart-border-width));
	top: calc(100% + var(--smart-border-width));
	background-color: #fff;
	box-shadow: var(--smart-elevation-8)
}
.smart-list-menu .smart-tree-main-container,
.smart-list-menu-view.smart-drop-down-repositioned .smart-tree-main-container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: var(--smart-tree-item-horizontal-offset);
	overflow: hidden
}
.smart-list-menu .smart-list-menu-filter-input-container,
.smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container {
	position: relative;
	width: calc(100% - 10px);
	height: calc(var(--smart-text-box-default-height));
	margin: 5px;
	font-size: inherit
}
.smart-list-menu .smart-list-menu-filter-input-container::after,
.smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-filter-input-container::after {
	content: var(--smart-icon-filter);
	font-family: var(--smart-font-family-icon);
	height: var(--smart-text-box-default-height);
	position: absolute;
	top: 0;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: calc(100% - 25px)
}
.smart-list-menu .smart-filter-input,
.smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input {
	border: 1px solid var(--smart-border);
	width: 100%;
	height: 100%;
	padding-left: var(--smart-editor-label-padding);
	padding-right: calc(var(--smart-editor-label-padding) + 25px);
	font-size: inherit
}
.smart-list-menu .smart-filter-input::selection,
.smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input::selection {
	background: var(--smart-editor-selection);
	color: var(--smart-editor-selection-color)
}
.smart-list-menu .smart-filter-input:focus,
.smart-list-menu-view.smart-drop-down-repositioned .smart-filter-input:focus,
smart-tree .smart-filter-input:focus {
	outline: 0
}
.smart-list-menu .smart-list-menu-group-label,
.smart-list-menu-view.smart-drop-down-repositioned .smart-list-menu-group-label {
	margin-bottom: 1px;
	padding: 10px;
	background-color: var(--smart-disabled);
	color: var(--smart-disabled-color);
	font-size: calc(var(--smart-font-size) + 1px);
	font-weight: 700;
	cursor: default;
	user-select: none
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-items-group-opened,
.smart-list-menu:not([animation=none]) .smart-menu-items-group-opened {
	overflow: visible
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down,
.smart-list-menu:not([animation=none]) .smart-menu-drop-down {
	position: absolute;
	top: 0;
	left: 0;
	transition: left .3s ease-in
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-item,
.smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
.smart-list-menu:not([animation=none]) smart-menu-item {
	position: relative
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.smart-hidden,
.smart-list-menu:not([animation=none]) .smart-menu-drop-down.smart-hidden {
	display: block!important;
	left: 100%
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-drop-down.no-transition,
.smart-list-menu:not([animation=none]) .smart-menu-drop-down.no-transition {
	transition: none
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label,
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-item,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group,
.smart-list-menu:not([animation=none]) .smart-list-menu-group-label,
.smart-list-menu:not([animation=none]) .smart-menu-item-label-container,
.smart-list-menu:not([animation=none]) smart-menu-item,
.smart-list-menu:not([animation=none]) smart-menu-items-group {
	left: 0;
	transition: left .3s ease-in
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.animate,
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.animate,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.animate,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.animate,
.smart-list-menu:not([animation=none]) .smart-list-menu-group-label.animate,
.smart-list-menu:not([animation=none]) .smart-menu-item-label-container.animate,
.smart-list-menu:not([animation=none]) smart-menu-item.animate,
.smart-list-menu:not([animation=none]) smart-menu-items-group.animate {
	left: -100%
}
.smart-list-menu-view-minimized:not([animation=none]) .smart-list-menu-group-label.right,
.smart-list-menu-view-minimized:not([animation=none]) .smart-menu-item-label-container.right,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-item.right,
.smart-list-menu-view-minimized:not([animation=none]) smart-menu-items-group.right,
.smart-list-menu:not([animation=none]) .smart-list-menu-group-label.right,
.smart-list-menu:not([animation=none]) .smart-menu-item-label-container.right,
.smart-list-menu:not([animation=none]) smart-menu-item.right,
.smart-list-menu:not([animation=none]) smart-menu-items-group.right {
	left: -100%;
	transition: none
}
.smart-list-menu[disabled] .smart-hamburger-icon {
	cursor: default
}
.smart-list-menu[minimize-icon-template] .smart-hamburger-icon {
	width: auto;
	float: left
}
.smart-list-menu .smart-hamburger-icon,
.smart-list-menu[minimize-icon-template=null] .smart-hamburger-icon {
	width: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: none;
	cursor: pointer
}
.smart-list-menu .smart-hamburger-icon-line {
	margin-bottom: 5px;
	border-radius: 10px;
	width: 30px;
	height: 5px;
	background-color: #757575;
	transform-origin: left
}
smart-list-menu:not([animation=none]) .smart-hamburger-icon-line {
	transition: visibility 20ms ease-in, transform .2s ease-in, width .2s ease-in
}
.smart-list-menu .smart-hamburger-icon-line-bottom {
	margin-bottom: 0
}
.smart-list-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-top {
	width: 29px;
	transform: translateX(4px) rotate(45deg)
}
.smart-list-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-bottom {
	width: 29px;
	transform: translateX(4px) rotate(-45deg)
}
.smart-list-menu .smart-hamburger-icon .smart-hamburger-icon-custom-container {
	height: 100%;
	display: flex;
	align-items: center
}
.smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-filter-input,
.smart-list-menu[right-to-left] .smart-filter-input,
.smart-list-menu[right-to-left] .smart-menu-main-container,
.smart-list-menu[right-to-left][minimized] .smart-list-menu-view-minimized,
.smart-list-menu[right-to-left][mode=tree] .smart-list-menu-view-minimized,
.smart-menu-drop-down.smart-drop-down-repositioned.smart-list-menu-view-minimized[right-to-left],
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-item-container {
	direction: rtl
}
.smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-filter-input,
.smart-list-menu[right-to-left] .smart-filter-input {
	padding-right: var(--smart-editor-label-padding);
	padding-left: calc(var(--smart-editor-label-padding) + 25px)
}
.smart-list-menu[right-to-left]>.smart-container {
	flex-direction: row-reverse
}
.smart-list-menu[right-to-left] .smart-list-menu-view.smart-list-menu-view-minimized {
	left: initial;
	right: calc(-1 * var(--smart-border-width))
}
.smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-list-menu-filter-input-container::after,
.smart-list-menu[right-to-left] .smart-list-menu-filter-input-container::after {
	left: 0
}
.smart-list-menu-view.smart-drop-down-repositioned[right-to-left] .smart-header>smart-button,
.smart-list-menu[right-to-left] .smart-header>smart-button {
	left: initial;
	right: 0
}
.smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow {
	margin-left: initial
}
.smart-list-menu[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right,
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
	margin-left: initial;
	margin-right: 50px
}
.smart-list-menu[right-to-left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container>.smart-menu-items-group-arrow {
	margin-right: initial
}
.smart-list-menu[right-to-left] smart-menu-item .smart-menu-item-shortcut,
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] smart-menu-item .smart-menu-item-shortcut {
	margin-left: initial;
	margin-right: 100px
}
.smart-list-menu-view-minimized[right-to-left] .smart-menu-item-shortcut,
.smart-list-menu-view-minimized[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
.smart-list-menu[right-to-left] .smart-list-menu-view-minimized .smart-menu-item-shortcut,
.smart-list-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
.smart-list-menu[right-to-left][mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut {
	margin-right: initial
}
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden,
.smart-list-menu:not([animation=none])[right-to-left] .smart-menu-drop-down.smart-hidden {
	left: -100%
}
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-list-menu-group-label.right,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.animate,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-item.right,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.animate,
.smart-list-menu-view-minimized:not([animation=none])[right-to-left] smart-menu-items-group.right,
.smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.animate,
.smart-list-menu:not([animation=none])[right-to-left] .smart-list-menu-group-label.right,
.smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.animate,
.smart-list-menu:not([animation=none])[right-to-left] .smart-menu-item-label-container.right,
.smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.animate,
.smart-list-menu:not([animation=none])[right-to-left] smart-menu-item.right,
.smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.animate,
.smart-list-menu:not([animation=none])[right-to-left] smart-menu-items-group.right {
	left: 100%
}
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container {
	padding-left: initial;
	padding-right: 35px
}
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu-view.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-list-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after {
	left: initial;
	right: 10px
}
smart-masked-text-box {
	width: var(--smart-text-box-default-width);
	height: var(--smart-text-box-default-height)
}
smart-masked-text-box.smart-element {
	border: none;
	background: 0 0;
	overflow: visible
}
.smart-masked-text-box>.smart-container {
	position: relative
}
.smart-masked-text-box .smart-input {
	width: 100%;
	height: 100%;
	color: inherit;
	font-family: inherit;
	position: relative;
	overflow: hidden;
	outline: 0
}
.smart-masked-text-box[right-to-left] .smart-container {
	direction: rtl
}
.smart-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-center,
smart-menu,
smart-menu-item,
smart-menu-items-group {
	visibility: hidden
}
.smart-menu .smart-element[level="2"]:first-child,
.smart-menu .smart-element[level="3"]:first-child,
.smart-menu:not([aria-orientation=horizontal]) .smart-element[level="1"]:first-child {
	margin-top: var(--smart-border-radius)
}
.smart-menu .smart-element[level="2"]:last-child,
.smart-menu .smart-element[level="3"]:last-child,
.smart-menu:not([aria-orientation=horizontal]) .smart-element[level="1"]:last-child {
	margin-bottom: var(--smart-border-radius)
}
smart-menu {
	width: var(--smart-menu-default-width);
	height: var(--smart-menu-default-height)
}
smart-menu.smart-element {
	visibility: initial;
	overflow: visible
}
smart-menu-item.smart-element,
smart-menu-items-group.smart-element {
	visibility: inherit;
	overflow: visible;
	background: inherit;
	color: inherit;
	border-color: inherit
}
.smart-menu-drop-down.smart-drop-down-repositioned .smart-ripple,
smart-menu .smart-ripple {
	background: var(--smart-primary)
}
smart-menu[aria-orientation=horizontal] {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border)
}
.smart-menu[aria-orientation=horizontal] .smart-element[level="1"]:first-child {
	margin-left: var(--smart-border-radius)
}
.smart-menu[aria-orientation=horizontal] .smart-element[level="1"]:last-child {
	margin-right: var(--smart-border-radius)
}
.smart-menu .smart-header {
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	box-shadow: var(--smart-elevation-4);
	border: var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	z-index: 3;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%
}
.smart-menu[minimized] .smart-minimized-header {
	border: var(--smart-border-width) solid var(--smart-border);
	background: var(--smart-surface);
	justify-content: flex-end
}
smart-menu:focus,
smart-menu[mode=tree]:focus {
	outline: 0;
	border-color: var(--smart-outline)
}
smart-menu[mode=tree],
smart-menu[mode=vertical],
smart-menu[mode=dropDown] {
	width: var(--smart-menu-vertical-default-width);
	height: var(--smart-menu-vertical-default-height)
}
.smart-menu .smart-menu-main-container {
	display: flex;
	position: relative;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: default
}
.smart-menu[mode=vertical] .smart-menu-main-container,
.smart-menu[mode=dropDown] .smart-menu-main-container {
	flex-direction: column
}
smart-menu-item,
smart-menu-items-group {
	cursor: pointer;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap
}
.smart-menu-drop-down,
.smart-menu-item[template-applied],
.smart-menu[disabled] .smart-hamburger-icon,
.smart-menu[disabled] smart-menu-item,
.smart-menu[disabled] smart-menu-items-group,
smart-menu-item[template-applied] {
	cursor: default
}
.smart-menu smart-menu-item[level="1"],
.smart-menu smart-menu-items-group[level="1"] {
	height: 100%
}
.smart-menu[mode=vertical] smart-menu-item[level="1"],
.smart-menu[mode=vertical] smart-menu-items-group[level="1"],
.smart-menu[mode=dropDown] smart-menu-item[level="1"],
.smart-menu[mode=dropDown] smart-menu-items-group[level="1"] {
	width: 100%;
	height: auto
}
smart-menu-item[hover],
smart-menu-items-group[hover] {
	background-color: var(--smart-ui-state-hover);
	border-color: var(--smart-ui-state-border-hover);
	color: var(--smart-ui-state-color-hover)
}
smart-menu-item[focus],
smart-menu-items-group[focus] {
	background-color: var(--smart-ui-state-focus);
	border-color: var(--smart-ui-state-border-focus);
	color: var(--smart-ui-state-color-focus)
}
smart-menu-item[disabled] {
	opacity: .5
}
smart-menu-items-group {
	position: relative
}
smart-menu-item[separator],
smart-menu-items-group[separator],
smart-menu[minimized] smart-menu-item[level="1"][separator],
smart-menu[minimized] smart-menu-items-group[level="1"][separator],
smart-menu[mode=tree] smart-menu-item[level="1"][separator],
smart-menu[mode=tree] smart-menu-items-group[level="1"][separator],
smart-menu[mode=vertical] smart-menu-item[level="1"][separator],
smart-menu[mode=vertical] smart-menu-items-group[level="1"][separator],
smart-menu[mode=dropDown] smart-menu-item[level="1"][separator],
smart-menu[mode=dropDown] smart-menu-items-group[level="1"][separator] {
	border-bottom: 1px solid rgba(0, 0, 0, .11)
}
.smart-menu-drop-down.smart-drop-down-repositioned smart-menu-item[separator][level]:last-child,
.smart-menu-drop-down.smart-drop-down-repositioned smart-menu-items-group[separator][level]:last-child,
smart-menu smart-menu-item[level="1"][separator],
smart-menu smart-menu-item[separator][level]:last-child,
smart-menu smart-menu-items-group[level="1"][separator],
smart-menu smart-menu-items-group[separator][level]:last-child {
	border-bottom: none
}
smart-menu[mode=tree] {
	background: var(--smart-background);
	border-color: var(--smart-border);
	color: var(--smart-background-color)
}
.smart-menu-drop-down {
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-menu .smart-menu-drop-down,
.smart-menu-drop-down.smart-drop-down-repositioned,
.smart-menu-minimized-items-container,
.smart-menu-minimized-items-container.smart-drop-down-repositioned .smart-menu-drop-down,
smart-menu[mode=dropDown] {
	position: absolute;
	background: var(--smart-background);
	color: var(--smart-background-color);
	box-shadow: var(--smart-elevation-8);
	border-radius: var(--smart-border-radius);
	left: 100%;
	top: 0;
	z-index: var(--smart-editor-drop-down-z-index)
}
.smart-menu .smart-menu-drop-down .smart-menu-drop-down,
.smart-menu .smart-menu-drop-down .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu-drop-down.smart-drop-down-repositioned .smart-menu-drop-down,
.smart-menu-minimized-items-container .smart-menu-drop-down,
.smart-menu-minimized-items-container .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu-minimized-items-container.smart-drop-down-repositioned .smart-menu-drop-down.smart-visibility-hidden {
	border: none
}
.smart-drop-down.smart-menu-minimized-items-container,
.smart-menu-drop-down[level="2"]:not(.smart-menu-minimized-items-container) {
	margin: calc(var(--smart-editor-drop-down-vertical-offset) + 3px) 0
}
.smart-menu[mode=vertical] .smart-menu-drop-down:not(.smart-menu-minimized-items-container) {
	margin: 0 calc(var(--smart-editor-drop-down-vertical-offset) + 3px)
}
.smart-menu-drop-down .smart-menu-drop-down,
.smart-menu-drop-down[level="2"][mode=vertical]:not(.smart-menu-minimized-items-container),
.smart-menu-drop-down[level="2"][mode=dropDown]:not(.smart-menu-minimized-items-container),
.smart-menu-minimized-items-container .smart-menu-drop-down,
.smart-menu-minimized-items-container .smart-menu-drop-down:not(.smart-menu-minimized-items-container),
.smart-menu[mode=vertical] .smart-menu-drop-down:not(.smart-menu-minimized-items-container) .smart-menu-drop-down {
	margin: 0
}
.smart-menu-minimized-items-container[drop-down] {
	margin: calc(var(--smart-editor-drop-down-vertical-offset) + 3px) 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position*=overlay],
.smart-menu-drop-down[drop-down-position*=overlay],
.smart-menu[drop-down-position*=overlay] .smart-menu-drop-down,
.smart-menu[drop-down-position*=overlay] .smart-menu-drop-down[level="2"] {
	margin: unset
}
.smart-menu-drop-down.smart-drop-down-container.smart-drop-down-repositioned[drop-down-position*=top],
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position*=top],
.smart-menu[drop-down-position*=top] .smart-menu-drop-down,
.smart-menu[drop-down-position*=top] .smart-menu-drop-down[level="2"] {
	margin: calc(-1 * (var(--smart-editor-drop-down-vertical-offset) + 3px)) 0
}
smart-menu[mode=dropDown] {
	position: absolute;
	left: 0;
	top: 0
}
.smart-menu-minimized-items-container.smart-drop-down-repositioned {
	z-index: var(--smart-editor-drop-down-z-index)
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position$=left],
.smart-menu[drop-down-position$=left] .smart-menu-drop-down {
	left: initial;
	right: 100%
}
.smart-menu:not([mode=tree])[drop-down-position$=left] smart-menu-item:not([level="1"])>.smart-menu-item-label-container,
.smart-menu[drop-down-position$=left] smart-menu-items-group:not([level="1"])>.smart-menu-item-label-container,
.smart-menu[minimized][drop-down-position$=left] .smart-menu-minimized-items-container .smart-menu-item-label-container,
.smart-menu[minimized][drop-down-position$=left]>.smart-container,
.smart-menu[mode]:not([mode=horizontal]):not([mode=tree])[drop-down-position$=left] smart-menu-item>.smart-menu-item-label-container,
.smart-menu[mode]:not([mode=horizontal])[drop-down-position$=left] .smart-menu-main-container smart-menu-items-group>.smart-menu-item-label-container {
	flex-direction: row-reverse
}
.smart-menu[mode=tree]:not([minimized])[drop-down-position$=left] smart-menu-items-group:not([level="1"])>.smart-menu-item-label-container {
	flex-direction: row
}
.smart-menu[drop-down-position$=left] .smart-menu-main-container smart-menu-items-group:not([level="1"])>.smart-menu-item-label-container>.smart-menu-items-group-arrow,
.smart-menu[mode]:not([mode=horizontal])[drop-down-position$=left] .smart-menu-main-container smart-menu-items-group>.smart-menu-item-label-container>.smart-menu-items-group-arrow {
	margin-left: 0;
	margin-right: 50px;
	transform: rotate(180deg)
}
.smart-menu[drop-down-position$=left] .smart-menu-main-container smart-menu-item:not([level="1"])>.smart-menu-item-label-container>.smart-menu-item-shortcut,
.smart-menu[mode]:not([mode=horizontal])[drop-down-position$=left] .smart-menu-main-container smart-menu-item>.smart-menu-item-label-container>.smart-menu-item-shortcut {
	margin-left: 0;
	margin-right: 100px
}
.smart-menu-minimized-items-container.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position$=left] .smart-menu-drop-down .smart-menu-item-label-container>.smart-menu-item-shortcut {
	margin-right: 0
}
.smart-menu[mode=dropDown][drop-down-position$=left] .smart-menu-main-container smart-menu-item[level="1"]>.smart-menu-item-label-container>.smart-menu-item-shortcut {
	margin-right: initial
}
.smart-menu[mode=tree]:not([minimized]) .smart-menu-minimized-items-container {
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: none;
	overflow: hidden;
	transform: none;
	left: 0;
	top: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned,
.smart-menu-drop-down.smart-drop-down-repositioned * {
	box-sizing: border-box
}
.smart-menu .smart-menu-drop-down[level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[level="2"] {
	top: 100%;
	left: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][level="2"],
.smart-menu[mode=vertical] .smart-menu-drop-down[level="2"],
.smart-menu[mode=dropDown] .smart-menu-drop-down[level="2"] {
	top: 0;
	left: 100%
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position$=left][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position=overlay-left]:not([level="2"]),
.smart-menu[drop-down-position$=left] .smart-menu-drop-down[level="2"],
.smart-menu[drop-down-position=overlay-left] .smart-menu-main-container .smart-menu-drop-down:not([level="2"]) {
	left: initial;
	right: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position$=left][level="2"],
.smart-menu[mode=vertical][drop-down-position$=left] .smart-menu-drop-down[level="2"],
.smart-menu[mode=dropDown][drop-down-position$=left] .smart-menu-drop-down[level="2"] {
	left: initial;
	right: 100%
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position|=top],
.smart-menu[drop-down-position|=top] .smart-menu-drop-down {
	top: 100%;
	transform: translateY(-100%);
	box-shadow: var(--smart-elevation-8)
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position|=top],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position|=top],
.smart-menu[mode=vertical][drop-down-position|=top] .smart-menu-drop-down,
.smart-menu[mode=dropDown][drop-down-position|=top] .smart-menu-drop-down {
	box-shadow: var(--smart-elevation-8)
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position|=top][level="2"],
.smart-menu[drop-down-position|=top] .smart-menu-drop-down[level="2"] {
	top: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position|=top][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position|=top][level="2"],
.smart-menu[mode=vertical][drop-down-position|=top] .smart-menu-drop-down[level="2"],
.smart-menu[mode=dropDown][drop-down-position|=top] .smart-menu-drop-down[level="2"] {
	top: 100%
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position|=overlay],
.smart-menu[drop-down-position|=overlay] .smart-menu-drop-down {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: var(--smart-elevation-8)
}
.smart-menu[drop-down-position|=overlay] .smart-menu-drop-down[level="2"] {
	top: initial;
	transform: initial
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position=overlay-right][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position=overlay-right][level="2"],
.smart-menu[mode=vertical][drop-down-position=overlay-right] .smart-menu-drop-down[level="2"],
.smart-menu[mode=dropDown][drop-down-position=overlay-right] .smart-menu-drop-down[level="2"] {
	left: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position=overlay-left][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position=overlay-left][level="2"],
.smart-menu[mode=vertical][drop-down-position=overlay-left] .smart-menu-drop-down[level="2"],
.smart-menu[mode=dropDown][drop-down-position=overlay-left] .smart-menu-drop-down[level="2"] {
	right: 0
}
smart-menu-item .smart-menu-item-shortcut {
	margin-left: 100px;
	opacity: .5
}
.smart-menu-minimized-items-container .smart-menu-item-shortcut,
.smart-menu-minimized-items-container smart-menu-items-group .smart-menu-items-group-arrow,
.smart-menu[mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut {
	margin-left: 0
}
.smart-menu .smart-menu-main-container>smart-menu-item[level="1"] .smart-menu-item-shortcut,
.smart-menu[mode=vertical] .smart-menu-main-container>smart-menu-item[level="1"] .smart-menu-item-shortcut {
	display: none
}
.smart-menu[mode=tree] smart-menu-item[level="1"] .smart-menu-item-shortcut,
.smart-menu[mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut {
	display: block
}
.smart-menu-items-group .smart-menu-items-group-arrow {
	margin-left: 50px;
	font-size: calc(var(--smart-font-size) - 3px);
	font-family: var(--smart-family-icon);
	transform: rotate(0)
}
.smart-menu-items-group[level="1"]>.smart-menu-item-label-container>.smart-menu-items-group-arrow {
	margin-left: 10px
}
.smart-menu[mode=vertical] smart-menu-item[level="1"]>.smart-menu-item-label-element,
.smart-menu[mode=vertical] smart-menu-items-group[level="1"]>.smart-menu-item-label-element,
.smart-menu[mode=dropDown] smart-menu-item[level="1"]>.smart-menu-item-label-element,
.smart-menu[mode=dropDown] smart-menu-items-group[level="1"]>.smart-menu-item-label-element {
	max-width: calc(100% - 10px)
}
.smart-menu .smart-menu-item-label-element {
	display: flex;
	align-items: center;
	overflow: hidden
}
.smart-menu .smart-menu-item-label-element>span {
	display: flex;
	align-items: center
}
.smart-menu-drop-down.smart-drop-down-repositioned {
	font-size: var(--smart-font-size);
	font-family: var(--smart-font-family)
}
.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position|=top][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position|=top][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position|=top][level="2"] {
	transform: none
}
.smart-menu-drop-down.smart-drop-down-repositioned[mode=vertical][drop-down-position|=top],
.smart-menu-drop-down.smart-drop-down-repositioned[mode=dropDown][drop-down-position|=top] {
	transform: translateY(-100%)
}
.smart-menu[mode=dropDown]:not([animation=none]) {
	transition: opacity .2s ease-in, visibility .2s ease-in, transform .2s ease-in;
	opacity: 1;
	transform: scale(1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.smart-menu[disabled][mode=dropDown]:not([animation=none]) {
	opacity: .55
}
.smart-menu[mode=dropDown]:not([animation=none]).smart-visibility-hidden {
	opacity: .2;
	transform: scale(0)
}
.smart-menu-drop-down:not([animation=none]).smart-drop-down-repositioned,
.smart-menu-minimized-items-container:not([animation=none]),
.smart-menu:not([animation=none]) .smart-menu-drop-down,
.smart-menu:not([animation=none]) .smart-menu-minimized-items-container {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: opacity .2s ease-in, visibility .2s ease-in, transform .2s ease-in
}
.smart-menu-drop-down:not([animation=none]).smart-visibility-hidden.smart-drop-down-repositioned,
.smart-menu-minimized-items-container:not([animation=none]).smart-visibility-hidden,
.smart-menu:not([animation=none]) .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu:not([animation=none]) .smart-menu-minimized-items-container.smart-visibility-hidden {
	opacity: .2;
	transform: scaleY(0)
}
.smart-menu-drop-down:not([animation=none]).smart-drop-down-repositioned[drop-down-position|=top],
.smart-menu-minimized-items-container[drop-down-position|=top]:not([animation=none]),
.smart-menu:not([mode=tree])[drop-down-position|=top]:not([animation=none]) .smart-menu-minimized-items-container,
.smart-menu[drop-down-position|=top]:not([animation=none]) .smart-menu-drop-down {
	transform: translateY(-100%) scaleY(1);
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}
.smart-menu-drop-down:not([animation=none]).smart-visibility-hidden.smart-drop-down-repositioned[drop-down-position|=top],
.smart-menu-minimized-items-container[drop-down-position|=top]:not([animation=none]).smart-visibility-hidden,
.smart-menu[drop-down-position|=top]:not([animation=none]) .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu[drop-down-position|=top]:not([animation=none]) .smart-menu-minimized-items-container.smart-visibility-hidden {
	transform: translateY(-100%) scaleY(0)
}
.smart-menu-drop-down:not([animation=none]).smart-drop-down-repositioned[drop-down-position|=overlay],
.smart-menu[drop-down-position|=overlay]:not([animation=none]) .smart-menu-drop-down {
	transform: translateY(-50%) scaleY(1);
	-webkit-transform-origin: center;
	transform-origin: center
}
.smart-menu-drop-down:not([animation=none]).smart-visibility-hidden.smart-drop-down-repositioned[drop-down-position|=overlay],
.smart-menu[drop-down-position|=overlay]:not([animation=none]) .smart-menu-drop-down.smart-visibility-hidden {
	transform: translateY(-50%) scaleY(0)
}
.smart-menu-minimized-items-container.smart-menu-drop-down.smart-drop-down-repositioned[drop-down-position|=overlay] {
	transform: none
}
.smart-menu-minimized-items-container.smart-menu-drop-down:not([animation=none]).smart-drop-down-repositioned[drop-down-position|=overlay] {
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-menu-minimized-items-container.smart-menu-drop-down:not([animation=none]).smart-visibility-hidden.smart-drop-down-repositioned[drop-down-position|=overlay] {
	transform: scaleY(0)
}
.smart-menu-drop-down:not([animation=none]).smart-drop-down-repositioned[drop-down-position|=top][level="2"],
.smart-menu[drop-down-position|=overlay]:not([animation=none]) .smart-menu-drop-down[level="2"] {
	transform: scaleY(1)
}
.smart-menu-drop-down:not([animation=none]).smart-visibility-hidden.smart-drop-down-repositioned[drop-down-position|=top][level="2"],
.smart-menu[drop-down-position|=overlay]:not([animation=none]) .smart-menu-drop-down[level="2"].smart-visibility-hidden {
	transform: scaleY(0)
}
.smart-menu-minimized-items-container {
	left: calc(-1 * var(--smart-border-width));
	top: calc(100% + var(--smart-border-width))
}
.smart-menu-minimized-items-container[drop-down-position|=top],
.smart-menu[drop-down-position|=top] .smart-menu-minimized-items-container {
	top: calc(-1 * var(--smart-border-width));
	transform: translateY(-100%);
	box-shadow: var(--smart-elevation-4)
}
.smart-menu-minimized-items-container.smart-drop-down-repositioned[drop-down-position$=left],
.smart-menu[drop-down-position$=left] .smart-menu-minimized-items-container {
	left: initial;
	right: calc(-1 * var(--smart-border-width))
}
.smart-menu-minimized-items-container smart-menu-item[level],
.smart-menu-minimized-items-container smart-menu-items-group[level] {
	margin: 0;
	height: auto
}
.smart-menu-minimized-items-container smart-menu-items-group {
	display: flex;
	flex-direction: column;
	overflow: hidden
}
.smart-menu .smart-menu-minimized-items-container .smart-menu-items-group-opened>.smart-menu-item-label-container,
.smart-menu-minimized-items-container.smart-drop-down-repositioned .smart-menu-items-group-opened>.smart-menu-item-label-container {
	padding-bottom: 0
}
.smart-menu-minimized-items-container .smart-menu-drop-down,
.smart-menu-minimized-items-container[drop-down-position] .smart-menu-drop-down,
.smart-menu[drop-down-position] .smart-menu-minimized-items-container .smart-menu-drop-down {
	position: static;
	width: 100%;
	height: auto;
	padding-left: 20px;
	box-shadow: none;
	transform: none
}
.smart-menu-minimized-items-container[drop-down-position$=left] .smart-menu-drop-down,
.smart-menu[minimized][drop-down-position$=left] .smart-menu-minimized-items-container .smart-menu-drop-down {
	padding-left: 0;
	padding-right: 20px
}
.smart-menu .smart-menu-minimized-items-container .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu-minimized-items-container.smart-drop-down-repositioned .smart-menu-drop-down.smart-visibility-hidden {
	margin-top: 0;
	height: 0;
	transform: scaleY(0)
}
.smart-menu .smart-menu-item-label-container,
.smart-menu-drop-down.smart-drop-down-repositioned .smart-menu-item-label-container,
.smart-menu-minimized-items-container .smart-menu-item-label-container {
	position: relative;
	width: 100%;
	padding: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	overflow: hidden
}
.smart-menu smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu smart-menu-items-group[level="1"]>.smart-menu-item-label-container {
	height: 100%
}
.smart-menu[mode]:not([mode=horizontal]) smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu[mode]:not([mode=horizontal]) smart-menu-items-group[level="1"]>.smart-menu-item-label-container {
	height: initial
}
.smart-menu-minimized-items-container .smart-menu-items-group-opened>.smart-menu-drop-down {
	margin-top: 10px
}
.smart-menu-minimized-items-container .smart-menu-items-group-opened>.smart-menu-item-label-container>.smart-menu-items-group-arrow {
	transform: rotate(180deg)
}
.smart-menu-minimized-items-container .smart-menu-item-label-element {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.smart-menu-minimized-items-container:not([animation=none]) .smart-menu-drop-down,
.smart-menu:not([animation=none]) .smart-menu-minimized-items-container .smart-menu-drop-down {
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: height .2s ease-in
}
.smart-menu-minimized-items-container[drop-down-position|=top][mode=vertical]:not([animation=none]) .smart-menu-drop-down,
.smart-menu-minimized-items-container[drop-down-position|=top][mode=dropDown]:not([animation=none]) .smart-menu-drop-down,
.smart-menu[drop-down-position|=top][mode=vertical]:not([animation=none]) .smart-menu-minimized-items-container .smart-menu-drop-down,
.smart-menu[drop-down-position|=top][mode=dropDown]:not([animation=none]) .smart-menu-minimized-items-container .smart-menu-drop-down {
	-webkit-transform-origin: top;
	transform-origin: top
}
.smart-menu-minimized-items-container:not([animation=none]) .smart-menu-item-label-container>.smart-menu-items-group-arrow,
.smart-menu:not([animation=none]) .smart-menu-minimized-items-container .smart-menu-item-label-container>.smart-menu-items-group-arrow {
	transition: transform .2s ease-in
}
.smart-menu-item[template-applied] .smart-menu-item-label-container {
	overflow: visible
}
.smart-menu-item[template-applied] .smart-menu-item-label-element {
	width: 100%;
	overflow: visible;
	display: block;
	white-space: normal
}
.smart-menu.smart-container,
smart-menu>.smart-container {
	display: flex;
	position: relative
}
.smart-menu[mode]:not([mode=horizontal]):not([minimized]).smart-container,
.smart-menu[mode]:not([mode=horizontal]):not([minimized])>.smart-container {
	display: block
}
.smart-menu .smart-menu-scroll-button,
.smart-menu-drop-down.drop-down-height-set .smart-menu-scroll-button {
	display: block;
	background-color: var(--smart-scroll-bar-button-background);
	color: var(--smart-scroll-bar-button-color);
	border-color: var(--smart-scroll-bar-button-border);
	min-height: 0
}
.smart-menu .smart-menu-scroll-button {
	width: var(--smart-menu-scroll-button-size);
	height: 100%
}
.smart-menu .smart-menu-scroll-button[hover],
.smart-menu-drop-down.drop-down-height-set .smart-menu-scroll-button[hover] {
	background-color: var(--smart-scroll-bar-button-background-hover);
	color: var(--smart-scroll-bar-button-color-hover);
	border-color: var(--smart-scroll-bar-button-border-hover)
}
.smart-menu .smart-menu-scroll-button[active],
.smart-menu-drop-down.drop-down-height-set .smart-menu-scroll-button[active] {
	background-color: var(--smart-scroll-bar-button-background-active);
	color: var(--smart-scroll-bar-button-color-active);
	border-color: var(--smart-scroll-bar-button-border-active)
}
.smart-menu-drop-down.drop-down-height-set .smart-menu-scroll-button,
.smart-menu[mode=tree] .smart-menu-scroll-button,
.smart-menu[mode=vertical] .smart-menu-scroll-button,
.smart-menu[mode=dropDown] .smart-menu-scroll-button {
	width: 100%;
	height: var(--smart-menu-scroll-button-size)
}
.smart-menu .smart-menu-scroll-button>button,
.smart-menu-drop-down.drop-down-height-set .smart-menu-scroll-button>button {
	border: none
}
.smart-menu .smart-menu-main-container.scroll-buttons-shown {
	width: calc(100% - 2 * var(--smart-menu-scroll-button-size));
	overflow: hidden
}
.smart-menu[mode=tree] .smart-menu-minimized-items-container.scroll-buttons-shown,
.smart-menu[mode=vertical] .smart-menu-main-container.scroll-buttons-shown,
.smart-menu[mode=dropDown] .smart-menu-main-container.scroll-buttons-shown {
	width: 100%;
	height: calc(100% - 2 * var(--smart-menu-scroll-button-size))
}
.smart-menu .smart-menu-main-container.scroll-buttons-shown.one-button-shown {
	width: calc(100% - var(--smart-menu-scroll-button-size))
}
.smart-menu-drop-down.drop-down-height-set>.smart-menu-item-container.scroll-buttons-shown.one-button-shown,
.smart-menu[mode=tree] .smart-menu-minimized-items-container.scroll-buttons-shown.one-button-shown,
.smart-menu[mode=vertical] .smart-menu-main-container.scroll-buttons-shown.one-button-shown,
.smart-menu[mode=dropDown] .smart-menu-main-container.scroll-buttons-shown.one-button-shown {
	width: 100%;
	height: calc(100% - var(--smart-menu-scroll-button-size))
}
.smart-menu[drop-down-append-to]:not([drop-down-append-to=null]) .smart-menu-main-container {
	overflow: hidden
}
.smart-menu[overflow=hidden] .smart-menu-main-container {
	width: 100%
}
.smart-menu[overflow=hidden][mode]:not([mode=horizontal]) .smart-menu-main-container {
	height: 100%
}
.smart-menu-drop-down.drop-down-height-set>.smart-menu-item-container {
	height: 100%;
	overflow: hidden
}
.smart-menu-drop-down.drop-down-height-set>.smart-menu-item-container.scroll-buttons-shown {
	height: calc(100% - 2 * var(--smart-menu-scroll-button-size))
}
.smart-menu-drop-down.drop-down-height-set>.smart-menu-item-container>smart-menu-items-group {
	position: static
}
.smart-menu-minimized-items-container .smart-menu-drop-down.drop-down-height-set>.smart-menu-item-container {
	overflow: initial
}
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[checkboxes][checkable] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu[checkboxes][checkable] smart-menu-items-group[level="1"]>.smart-menu-item-label-container {
	padding-left: 35px
}
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu-drop-down:not(.smart-list-menu-view-minimized).smart-drop-down-repositioned[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-drop-down:not(.smart-list-menu-view-minimized).smart-drop-down-repositioned[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable][drop-down-position$=left]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable][drop-down-position$=left]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable][right-to-left]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu-minimized-items-container[checkboxes][checkable][right-to-left]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu:not([mode=tree])[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu:not([mode=tree])[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container,
.smart-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[minimized][checkboxes][checkable][drop-down-position$=left] .smart-menu-minimized-items-container>smart-menu-item>.smart-menu-item-label-container,
.smart-menu[minimized][checkboxes][checkable][drop-down-position$=left] .smart-menu-minimized-items-container>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[mode=tree][minimized][checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container,
.smart-menu[mode=tree][minimized][checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container,
.smart-menu[mode=vertical][checkboxes][checkable][drop-down-position$=left] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu[mode=vertical][checkboxes][checkable][drop-down-position$=left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container,
.smart-menu[mode=dropDown][checkboxes][checkable][drop-down-position$=left] smart-menu-item[level="1"]>.smart-menu-item-label-container,
.smart-menu[mode=dropDown][checkboxes][checkable][drop-down-position$=left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container {
	padding-left: 10px;
	padding-right: 35px
}
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: var(--smart-icon-check);
	font-family: smart-icons
}
.smart-menu-minimized-items-container.smart-drop-down-repositioned[checkboxes] smart-menu-items-group.smart-menu-items-group-opened>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][mode=tree] .smart-menu-minimized-items-container smart-menu-items-group.smart-menu-items-group-opened>.smart-menu-item-label-container:after {
	top: calc(50% + 5px)
}
.smart-menu-drop-down:not(.smart-list-menu-view-minimized).smart-drop-down-repositioned[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container:after,
.smart-menu-drop-down:not(.smart-list-menu-view-minimized).smart-drop-down-repositioned[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][drop-down-position$=left]>smart-menu-item>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][drop-down-position$=left]>smart-menu-items-group>.smart-menu-item-label-container:after,
.smart-menu:not([mode=tree])[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container:after,
.smart-menu:not([mode=tree])[checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container:after,
.smart-menu[minimized][checkboxes][checkable][drop-down-position$=left] .smart-menu-minimized-items-container>smart-menu-item>.smart-menu-item-label-container:after,
.smart-menu[minimized][checkboxes][checkable][drop-down-position$=left] .smart-menu-minimized-items-container>smart-menu-items-group>.smart-menu-item-label-container:after,
.smart-menu[mode=tree][minimized][checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-item>.smart-menu-item-label-container:after,
.smart-menu[mode=tree][minimized][checkboxes][drop-down-position$=left] .smart-menu-item-container[checkable]>smart-menu-items-group>.smart-menu-item-label-container:after,
.smart-menu[mode=vertical][checkboxes][checkable][drop-down-position$=left] smart-menu-item[level="1"]>.smart-menu-item-label-container:after,
.smart-menu[mode=vertical][checkboxes][checkable][drop-down-position$=left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container:after,
.smart-menu[mode=dropDown][checkboxes][checkable][drop-down-position$=left] smart-menu-item[level="1"]>.smart-menu-item-label-container:after,
.smart-menu[mode=dropDown][checkboxes][checkable][drop-down-position$=left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container:after {
	left: initial;
	right: 10px
}
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-item[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable]>smart-menu-items-group[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][check-mode=radioButton]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][check-mode=radioButton]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-item[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable]>smart-menu-items-group[checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes] .smart-menu-item-container[checkable][check-mode=radioButton]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable] smart-menu-item[level="1"][checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable] smart-menu-items-group[level="1"][checked][check-type=radioButton]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable][check-mode=radioButton] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after {
	content: var(--smart-icon-radio)
}
.smart-menu-minimized-items-container.smart-drop-down-repositioned[drop-down-position$=left] .smart-menu-items-group-arrow,
.smart-menu[minimized][drop-down-position$=left] .smart-menu-minimized-items-container .smart-menu-items-group-arrow {
	margin: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[animation=none].smart-visibility-hidden,
.smart-menu[animation=none] .smart-menu-drop-down.smart-visibility-hidden,
.smart-menu[animation=none] .smart-menu-minimized-items-container.smart-visibility-hidden {
	transform: scale(0)
}
.smart-date-time-picker .smart-date-time-drop-down.smart-visibility-hidden.not-in-view,
.smart-menu .smart-menu-drop-down.smart-visibility-hidden.not-in-view,
.smart-menu .smart-menu-minimized-items-container.smart-visibility-hidden.not-in-view,
.smart-menu-drop-down.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view {
	left: -9999px;
	top: -9999px;
	transition: none
}
.smart-menu .smart-hidden,
.smart-menu-drop-down.smart-drop-down-repositioned .smart-hidden {
	display: none!important
}
.smart-menu[minimize-icon-template] .smart-hamburger-icon {
	width: auto;
	float: left
}
.smart-menu .smart-hamburger-icon,
.smart-menu[minimize-icon-template=null] .smart-hamburger-icon {
	width: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: none;
	cursor: pointer
}
.smart-menu .smart-hamburger-icon-line {
	margin-bottom: 5px;
	border-radius: 10px;
	width: 30px;
	height: 5px;
	background-color: #757575;
	transform-origin: left
}
.smart-menu:not([animation=none]) .smart-hamburger-icon-line {
	transition: visibility 20ms ease-in, transform .2s ease-in, width .2s ease-in
}
.smart-menu .smart-hamburger-icon-line-bottom {
	margin-bottom: 0
}
.smart-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-top {
	width: 29px;
	transform: translateX(4px) rotate(45deg)
}
.smart-menu .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-bottom {
	width: 29px;
	transform: translateX(4px) rotate(-45deg)
}
.smart-menu .smart-hamburger-icon .smart-hamburger-icon-custom-container {
	height: 100%;
	display: flex;
	align-items: center
}
.minus:after {
	content: var(--smart-icon-minus)
}
.smart-menu a,
.smart-menu-drop-down.smart-drop-down-repositioned a {
	color: inherit
}
.smart-menu-drop-down.smart-drop-down-repositioned.smart-menu-minimized-items-container[right-to-left],
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-item-container,
.smart-menu[right-to-left] .smart-menu-main-container,
.smart-menu[right-to-left][minimized] .smart-menu-minimized-items-container,
.smart-menu[right-to-left][mode=tree] .smart-menu-minimized-items-container {
	direction: rtl
}
.smart-menu[right-to-left]:not([mode=tree])[drop-down-position$=left] smart-menu-item:not([level="1"])>.smart-menu-item-label-container,
.smart-menu[right-to-left][drop-down-position$=left] smart-menu-items-group:not([level="1"])>.smart-menu-item-label-container,
.smart-menu[right-to-left][minimized][drop-down-position$=left]>.smart-container,
.smart-menu[right-to-left][mode]:not([mode=horizontal]):not([mode=tree])[drop-down-position$=left] smart-menu-item>.smart-menu-item-label-container,
.smart-menu[right-to-left][mode]:not([mode=horizontal])[drop-down-position$=left] .smart-menu-main-container smart-menu-items-group>.smart-menu-item-label-container,
smart-menu[minimized][drop-down-position$=left] .smart-menu-minimized-items-container .smart-menu-item-label-container {
	flex-direction: row
}
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left][drop-down-position$=left][level="2"],
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left][drop-down-position=overlay-right]:not([level="2"]),
.smart-menu[right-to-left][drop-down-position$=right] .smart-menu-drop-down[level="2"],
.smart-menu[right-to-left][drop-down-position=overlay-right] .smart-menu-main-container .smart-menu-drop-down:not([level="2"]) {
	right: initial;
	left: 0
}
.smart-menu-minimized-items-container.smart-drop-down-repositioned[right-to-left],
.smart-menu[right-to-left] .smart-menu-minimized-items-container {
	left: initial;
	right: calc(-1 * var(--smart-border-width))
}
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right,
.smart-menu[right-to-left] .smart-menu-items-group-arrow.right.smart-arrow-right {
	margin-left: initial;
	margin-right: 50px
}
.smart-menu[right-to-left] smart-menu-items-group[level="1"]>.smart-menu-item-label-container>.smart-menu-items-group-arrow {
	margin-right: 10px;
	margin-left: initial
}
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left] smart-menu-item .smart-menu-item-shortcut,
.smart-menu[right-to-left] smart-menu-item .smart-menu-item-shortcut {
	margin-left: initial;
	margin-right: 100px
}
.smart-menu-minimized-items-container[right-to-left] .smart-menu-item-shortcut,
.smart-menu-minimized-items-container[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
.smart-menu[right-to-left] .smart-menu-minimized-items-container .smart-menu-item-shortcut,
.smart-menu[right-to-left] smart-menu-items-group .smart-menu-items-group-arrow,
.smart-menu[right-to-left][mode=dropDown] smart-menu-item[level="1"] .smart-menu-item-shortcut {
	margin-right: initial;
	margin-left: initial
}
.smart-menu-drop-down.smart-drop-down-repositioned[right-to-left],
.smart-menu-minimized-items-container.smart-drop-down-repositioned[right-to-left] .smart-menu-drop-down,
.smart-menu-minimized-items-container[right-to-left],
.smart-menu[mode=dropDown][right-to-left],
.smart-menu[right-to-left] .smart-menu-drop-down,
.smart-menu[right-to-left][mode=vertical] .smart-menu-drop-down[level="2"] {
	left: initial;
	right: 100%
}
.smart-menu-drop-down.smart-drop-down-repositioned[level="2"][right-to-left],
.smart-menu[right-to-left] .smart-menu-drop-down[level="2"] {
	right: 0
}
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-drop-down.smart-drop-down-repositioned[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][right-to-left]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu-minimized-items-container[checkboxes][checkable][right-to-left]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable][right-to-left] smart-menu-item[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][checkable][right-to-left] smart-menu-items-group[level="1"][checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-item[checked]>.smart-menu-item-label-container:after,
.smart-menu[checkboxes][right-to-left] .smart-menu-item-container[checkable]>smart-menu-items-group[checked]>.smart-menu-item-label-container:after {
	left: initial;
	right: 10px
}
smart-multi-split-button {
	width: var(--smart-multi-split-button-default-width);
	height: var(--smart-multi-split-button-default-height);
	overflow: initial;
	visibility: hidden;
	cursor: pointer
}
smart-multi-split-button.smart-element {
	overflow: visible;
	visibility: inherit;
	border-width: 0
}
.smart-multi-split-button smart-list-box {
	position: relative;
	width: 100%;
	height: 100%;
	border: initial;
	padding: initial;
	overflow: hidden;
	font-size: inherit;
	font-family: inherit;
	outline: 0
}
.smart-multi-split-button .smart-buttons-container .smart-input .smart-token {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	margin: 0 2px;
	user-select: none
}
.smart-multi-split-button[selection-display-mode=tokens] .smart-multi-split-button-unselect-button {
	pointer-events: initial
}
.smart-multi-split-button[selection-display-mode=plain] .smart-multi-split-button-unselect-button {
	pointer-events: none
}
.smart-multi-split-button .smart-drop-down.smart-visibility-hidden {
	transform: scale(0);
	transition: transform .2s ease-in;
	transform-origin: left top 0
}
.smart-multi-split-button .smart-template-container {
	width: 100%;
	height: 100%
}
.smart-multi-split-button .smart-multi-split-button-buttons {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: stretch;
	justify-content: space-around
}
.smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}
.smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[hover] {
	background: var(--smart-ui-state-hover);
	border: var(--smart-ui-state-border-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-multi-split-button .smart-multi-split-button-buttons .smart-action-split-button[active] {
	background: var(--smart-ui-state-active);
	border: var(--smart-ui-state-border-active);
	color: var(--smart-ui-state-color-active)
}
smart-multi-split-button[right-to-left] .smart-content,
smart-multi-split-button[right-to-left] .smart-hint,
smart-multi-split-button[right-to-left] .smart-label {
	direction: rtl
}
smart-multi-split-button[right-to-left] .smart-drop-down {
	direction: initial
}
smart-multiline-text-box.smart-element {
	width: var(--smart-multiline-text-box-default-width);
	height: var(--smart-multiline-text-box-default-height);
	background: 0 0;
	overflow: initial
}
smart-multiline-text-box[cols],
smart-multiline-text-box[rows] {
	width: auto;
	height: auto
}
.smart-multiline-text-box.smart-drop-down-box.smart-container,
.smart-multiline-text-box.smart-drop-down-box>.smart-container,
.smart-multiline-text-box.smart-drop-down-box[label][hint]>.smart-container {
	overflow: visible;
	display: block
}
.smart-multiline-text-box .smart-inner-container,
.smart-multiline-text-box textarea {
	height: 100%;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	overflow: hidden;
	width: 100%
}
.smart-multiline-text-box .smart-initialization-value,
.smart-multiline-text-box smart-scroll-bar {
	display: none
}
.smart-multiline-text-box .smart-inner-container {
	position: relative
}
.smart-multiline-text-box textarea {
	outline: 0;
	padding: var(--smart-editor-label-padding);
	border: none;
	background-color: inherit;
	resize: none;
	float: left
}
.smart-multiline-text-box textarea.smart-text-box-hidden {
	visibility: hidden;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: 0
}
.smart-multiline-text-box[auto-capitalize=words] textarea {
	text-transform: capitalize
}
.smart-multiline-text-box[auto-capitalize=characters] textarea {
	text-transform: uppercase
}
.smart-multiline-text-box[cols] textarea,
.smart-multiline-text-box[rows] textarea {
	width: inherit;
	height: inherit
}
.smart-multiline-text-box[hover] {
	border-color: var(--smart-ui-state-border-hover)
}
.smart-multiline-text-box[focus] {
	border-color: var(--smart-outline)
}
.smart-multiline-text-box .smart-container textarea,
.smart-multiline-text-box.smart-container textarea {
	height: 100%
}
.smart-multiline-text-box .smart-container.hscroll textarea,
.smart-multiline-text-box.smart-container.hscroll textarea {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-multiline-text-box .smart-container.vscroll textarea,
.smart-multiline-text-box.smart-container.vscroll textarea {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-multiline-text-box .smart-container.hscroll smart-scroll-bar,
.smart-multiline-text-box.smart-container.hscroll smart-scroll-bar {
	width: 100%;
	height: calc(var(--smart-scroll-bar-size));
	display: block
}
.smart-multiline-text-box .smart-container.hscroll smart-scroll-bar[orientation=vertical],
.smart-multiline-text-box.smart-container.hscroll smart-scroll-bar[orientation=vertical] {
	display: none
}
.smart-multiline-text-box .smart-container.vscroll smart-scroll-bar[orientation=vertical],
.smart-multiline-text-box.smart-container.vscroll smart-scroll-bar[orientation=vertical] {
	float: right;
	width: calc(var(--smart-scroll-bar-size));
	height: 100%;
	display: block
}
.smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar,
.smart-multiline-text-box[resizable].smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar {
	height: calc(var(--smart-scroll-bar-size));
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar[orientation=vertical],
.smart-multiline-text-box.smart-container.vscroll.hscroll smart-scroll-bar[orientation=vertical],
.smart-multiline-text-box[resizable] .smart-container.vscroll smart-scroll-bar[orientation=vertical],
.smart-multiline-text-box[resizable].smart-container.vscroll smart-scroll-bar[orientation=vertical] {
	height: calc(100% - var(--smart-scroll-bar-size));
	width: calc(var(--smart-scroll-bar-size))
}
.smart-multiline-text-box .smart-container.hscroll.vscroll smart-scroll-bar,
.smart-multiline-text-box.smart-container.hscroll.vscroll smart-scroll-bar,
.smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar,
.smart-multiline-text-box[resizable].smart-container.hscroll smart-scroll-bar {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-multiline-text-box[display-mode=escaped] textarea {
	white-space: nowrap
}
.smart-multiline-text-box .smart-resize-element {
	box-sizing: border-box;
	height: calc(var(--smart-scroll-bar-size));
	width: calc(var(--smart-scroll-bar-size));
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #d3d3d3;
	background-clip: content-box;
	border: var(--smart-border) solid var(--smart-border-width);
	display: none;
	padding: 2px 0 0 2px;
	cursor: nw-resize;
	touch-action: none
}
.smart-multiline-text-box[resizable] .smart-resize-element {
	display: block
}
.smart-multiline-text-box[resizable] .smart-resize,
.smart-multiline-text-box[resizable] .smart-resize textarea {
	user-select: none
}
.smart-multiline-text-box .smart-required-message {
	display: none
}
smart-numeric-text-box {
	width: var(--smart-numeric-text-box-default-width);
	height: var(--smart-numeric-text-box-default-height)
}
smart-numeric-text-box.smart-element {
	overflow: visible;
	border: none;
	background: 0 0
}
.smart-numeric-text-box * {
	box-sizing: border-box
}
.smart-numeric-text-box.smart-container,
smart-numeric-text-box .smart-container {
	display: flex;
	border: none
}
.smart-numeric-text-box .smart-spin-button.smart-element {
	display: block;
	min-height: 0;
	border-radius: 0;
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-numeric-text-box .smart-numeric-text-box-drop-down,
.smart-numeric-text-box .smart-spin-button,
.smart-numeric-text-box input.smart-input,
.smart-numeric-text-box.smart-container,
smart-numeric-text-box .smart-container {
	width: 100%
}
.smart-numeric-text-box .smart-container,
.smart-numeric-text-box input.smart-input,
.smart-numeric-text-box.smart-container {
	height: 100%
}
.smart-arrow,
.smart-numeric-text-box .smart-container,
.smart-numeric-text-box.smart-container {
	position: relative
}
.smart-numeric-text-box-radix-display,
.smart-numeric-text-box-unit-display {
	display: flex;
	align-items: center;
	cursor: default
}
.smart-numeric-text-box[radix-display-position=right]:not([spin-buttons]) .smart-numeric-text-box-radix-display,
.smart-numeric-text-box[radix-display-position=right][spin-buttons][spin-buttons-position=left] .smart-numeric-text-box-radix-display {
	border-left-width: 0;
	border-right-width: var(--smart-border-width)
}
.smart-numeric-text-box .smart-spin-button,
.smart-numeric-text-box-drop-down,
.smart-numeric-text-box-radix-display {
	background-color: var(--smart-surface);
	color: var(--smart-surface-color)
}
.smart-numeric-text-box-drop-down .smart-list-item[hover],
.smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display[hover] {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-numeric-text-box-drop-down .smart-list-item,
.smart-numeric-text-box[drop-down-enabled] .smart-numeric-text-box-radix-display {
	cursor: pointer
}
.smart-numeric-text-box[disabled],
.smart-numeric-text-box[value=null] .smart-numeric-text-box-radix-display,
.smart-numeric-text-box[value=NaN] .smart-spin-buttons-container,
.smart-numeric-text-box[value=Infinity] .smart-spin-buttons-container,
.smart-numeric-text-box[value="-Infinity"] .smart-spin-buttons-container {
	opacity: .55;
	cursor: default
}
.smart-numeric-text-box,
.smart-numeric-text-box .smart-input-addon,
.smart-numeric-text-box .smart-spin-button,
.smart-numeric-text-box input.smart-input {
	border-color: var(--smart-border);
	border-width: 1px;
	border-style: solid
}
.smart-numeric-text-box .smart-numeric-text-box-component {
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	border-left-width: var(--smart-border-width);
	border-right-width: 0
}
.smart-numeric-text-box:focus,
.smart-numeric-text-box[focus] .smart-input-addon,
.smart-numeric-text-box[focus] .smart-spin-button,
.smart-numeric-text-box[focus] input.smart-input {
	border-color: var(--smart-outline)
}
.smart-numeric-text-box .smart-numeric-text-box-unit-display[hover],
.smart-numeric-text-box .smart-spin-button[hover] {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover)
}
.smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component,
.smart-numeric-text-box .smart-numeric-text-box-radix-display.smart-numeric-text-box-pressed-component[hover],
.smart-numeric-text-box .smart-spin-button[active],
.smart-numeric-text-box-pressed-component {
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-border-active)
}
.smart-numeric-text-box input.smart-input {
	border-right-width: var(--smart-border-width);
	padding: var(--smart-editor-label-padding);
	background-color: var(--smart-background);
	color: inherit;
	font: inherit;
	text-align: var(--smart-numeric-text-box-text-align);
	outline: 0;
	-webkit-appearance: none
}
.smart-numeric-text-box[spin-buttons] input.smart-input {
	width: calc(100% - var(--smart-editor-addon-width))
}
.smart-numeric-text-box[radix-display] input.smart-input {
	width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width))
}
.smart-numeric-text-box[show-unit] input.smart-input {
	width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width))
}
.smart-numeric-text-box[spin-buttons][radix-display] input.smart-input {
	width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width))
}
.smart-numeric-text-box[spin-buttons][show-unit] input.smart-input {
	width: calc(100% - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-unit-display-width))
}
.smart-numeric-text-box[radix-display][show-unit] input.smart-input {
	width: calc(100% - var(--smart-numeric-text-box-default-radix-display-width) - var(--smart-numeric-text-box-default-unit-display-width))
}
.smart-numeric-text-box[spin-buttons][radix-display][show-unit] input.smart-input {
	width: calc(100% - var(--smart-numeric-text-box-default-unit-display-width) - var(--smart-editor-addon-width) - var(--smart-numeric-text-box-default-radix-display-width))
}
.smart-numeric-text-box .smart-spin-buttons-container {
	width: var(--smart-editor-addon-width);
	border: none
}
.smart-numeric-text-box .smart-spin-button {
	height: 50%
}
.smart-numeric-text-box .smart-spin-button:first-child {
	border-bottom: none
}
smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:first-child,
smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-button.smart-element:last-child {
	border-right: none
}
.smart-numeric-text-box .smart-spin-button .smart-button {
	border: none;
	padding: 0
}
.smart-numeric-text-box-radix-display {
	width: var(--smart-numeric-text-box-default-radix-display-width);
	justify-content: center
}
.smart-numeric-text-box-drop-down {
	position: absolute;
	box-sizing: border-box;
	height: auto;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	box-shadow: var(--smart-elevation-8);
	padding: 2px;
	top: 100%;
	z-index: 9999;
	list-style-type: none;
	transform: scaleY(1);
	opacity: 1;
	background: var(--smart-background);
	color: var(--smart-background-color);
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size)
}
.smart-numeric-text-box-drop-down.smart-visibility-hidden {
	transform: scaleY(0);
	opacity: 0
}
.smart-numeric-text-box .smart-numeric-text-box-unit-display {
	width: var(--smart-numeric-text-box-default-unit-display-width);
	border-width: var(--smart-border-width) 0;
	overflow: hidden;
	background-color: var(--smart-background)
}
.smart-numeric-text-box-drop-down .smart-list-item {
	margin: 1px;
	border: 1px solid transparent;
	padding: 4px 8px;
	word-break: break-all
}
.smart-numeric-text-box-drop-down .smart-list-item:hover {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-numeric-text-box[show-unit] input.smart-input,
.smart-numeric-text-box[spin-buttons] input.smart-input,
.smart-numeric-text-box[spin-buttons][show-unit] .smart-numeric-text-box-unit-display,
.smart-numeric-text-box[spin-buttons][spin-buttons-position=left] .smart-spin-buttons-container,
.smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] input.smart-input {
	border-right-width: 0
}
.smart-numeric-text-box[show-unit] .smart-numeric-text-box-unit-display,
.smart-numeric-text-box[spin-buttons] .smart-spin-buttons-container,
.smart-numeric-text-box[spin-buttons][spin-buttons-position=left] input.smart-input,
.smart-numeric-text-box[spin-buttons][spin-buttons-position=left][show-unit] .smart-numeric-text-box-unit-display {
	border-right-width: var(--smart-border-width)
}
.smart-numeric-text-box .smart-hint,
.smart-numeric-text-box .smart-label {
	display: none;
	position: absolute
}
smart-numeric-text-box[hint] .smart-hint,
smart-numeric-text-box[label] .smart-label {
	position: absolute;
	left: 0;
	bottom: 100%;
	font-size: 12px;
	width: 100%;
	display: block;
	padding: var(--smart-editor-label-padding);
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	text-align: initial;
	line-height: initial;
	vertical-align: initial
}
.smart-numeric-text-box[hint] .smart-hint {
	opacity: 0;
	top: 100%;
	bottom: initial
}
.smart-numeric-text-box[hint][focus] .smart-hint {
	opacity: 1
}
.smart-numeric-text-box:not([animation=none])[hint] .smart-hint {
	transition: opacity .2s cubic-bezier(.4, 0, .6, 1)
}
.smart-numeric-text-box:not([animation=none])[hint][focus] .smart-hint {
	transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}
.smart-numeric-text-box-drop-down.smart-drop-down-repositioned:not([animation=none]),
.smart-numeric-text-box:not([animation=none]) .smart-numeric-text-box-drop-down {
	transform-origin: top;
	transition: opacity .2s ease-in, visibility .2s ease-in, transform .2s ease-in
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden) {
	border-radius: 0
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left,
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-repeat-button-element {
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius)
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:first-child {
	border-bottom-left-radius: 0
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-left .smart-spin-button.smart-element:last-child {
	border-top-left-radius: 0
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right,
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element {
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:first-child {
	border-bottom-right-radius: 0
}
.smart-numeric-text-box .smart-numeric-text-box-component:not(.smart-hidden).smart-numeric-text-box-component-border-right .smart-spin-button.smart-element:last-child {
	border-top-right-radius: 0
}
smart-numeric-text-box[right-to-left]>.smart-container {
	direction: initial
}
.smart-numeric-text-box-drop-down.smart-drop-down-repositioned[right-to-left],
smart-numeric-text-box[right-to-left] .smart-hint,
smart-numeric-text-box[right-to-left] .smart-label,
smart-numeric-text-box[right-to-left] .smart-numeric-text-box-drop-down,
smart-numeric-text-box[right-to-left] .smart-numeric-text-box-radix-display,
smart-numeric-text-box[right-to-left] .smart-numeric-text-box-unit-display,
smart-numeric-text-box[right-to-left] input.smart-input {
	direction: rtl
}
smart-numeric-text-box[right-to-left] .smart-numeric-text-box-unit-display {
	flex-direction: row-reverse
}
smart-pager {
	min-width: 300px;
	height: var(--smart-pager-default-height);
	justify-content: center;
	padding: var(--smart-pager-padding);
	--smart-item-border-radius: 100%;
	--smart-item-border-top-left-radius: 100%;
	--smart-item-border-top-right-radius: 100%;
	--smart-item-border-bottom-left-radius: 100%;
	--smart-item-border-bottom-right-radius: 100%
}
smart-pager.smart-element {
	overflow: visible;
	border-radius: 0;
	background: var(--smart-surface);
	color: var(--smart-surface-color)
}
smart-pager:focus {
	border-color: var(--smart-outline)
}
.smart-pager.smart-container,
smart-pager>.smart-container {
	flex-direction: row;
	display: flex;
	align-items: center
}
.smart-pager-near-buttons-container {
	order: 0;
	height: 100%
}
.smart-pager-middle-buttons-container {
	order: 1;
	height: 100%
}
.smart-pager-far-buttons-container {
	order: 2;
	height: 100%
}
.smart-pager-input-and-label-container {
	order: 3
}
.smart-pager-input-and-label-container.near {
	order: -2
}
.smart-pager-size-selector-and-label-container {
	order: 4
}
.smart-pager-size-selector-and-label-container.near {
	order: -1
}
.smart-pager-summary-container.near {
	order: -2
}
.smart-pager-summary-container {
	order: 5
}
.smart-pager-far-buttons-container.near,
.smart-pager-near-buttons-container.near {
	order: 0
}
.smart-pager-far-buttons-container.far,
.smart-pager-near-buttons-container.far {
	order: 2
}
.smart-pager .smart-pager-far-buttons-container,
.smart-pager .smart-pager-input-and-label-container,
.smart-pager .smart-pager-middle-buttons-container,
.smart-pager .smart-pager-near-buttons-container,
.smart-pager .smart-pager-size-selector-and-label-container,
.smart-pager .smart-pager-summary-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 0 4px
}
.smart-pager .smart-pager-page-index-selectors-container {
	display: flex;
	color: var(--smart-pager-color);
	width: auto;
	height: 100%;
	outline: 0;
	align-items: center
}
.smart-pager-page-index-selectors-container:focus .smart-pager-page-index-selector[selected] {
	text-decoration: underline
}
.smart-pager .smart-pager-label {
	display: flex;
	border: none;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	margin: 0 8px
}
.smart-pager .smart-pager-label span {
	padding: 2px
}
.smart-pager .smart-pager-button {
	display: flex;
	font-size: inherit;
	font-family: inherit;
	align-items: center;
	justify-content: center;
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
	width: var(--smart-pager-button-width);
	height: var(--smart-pager-button-height);
	position: relative;
	overflow: hidden
}
.smart-pager .smart-pager-page-index-selector,
.smart-pager:not([show-navigation-button-labels]) .smart-pager-button {
	width: var(--smart-pager-page-index-selector-width);
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius)
}
.smart-pager .smart-pager-button:hover {
	background: var(--smart-ui-state-hover);
	border-color: var(--smart-ui-state-border-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-pager .smart-pager-button:active {
	background: var(--smart-ui-state-active);
	border-color: var(--smart-ui-state-border-active);
	color: var(--smart-ui-state-color-active)
}
.smart-pager .smart-pager-button[disabled] {
	opacity: .55
}
.smart-pager .smart-pager-page-index-selector {
	font-size: inherit;
	font-family: inherit;
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	user-select: none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	height: var(--smart-pager-page-index-selector-height);
	position: relative;
	margin-left: var(--smart-pager-page-index-selector-horizontal-offset)
}
.smart-pager .smart-next-ellipsis-button,
.smart-pager .smart-previous-ellipsis-button {
	width: var(--smart-pager-page-index-ellipsis-selector-width);
	height: var(--smart-pager-page-index-ellipsis-selector-height)
}
.smart-pager .smart-pager-page-index-selector:first-child {
	margin-left: -1px
}
.smart-pager[disabled] .smart-pager-page-index-selector {
	user-select: none;
	cursor: default
}
.smart-pager .smart-pager-page-index-selector:hover {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover)
}
.smart-pager .smart-pager-page-index-selector[selected] {
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-border-active);
	box-shadow: var(--smart-elevation-2)
}
.smart-pager .smart-pager-button .smart-ripple,
.smart-pager .smart-pager-page-index-selector .smart-ripple {
	background-color: var(--smart-ui-state-active)
}
.smart-pager .smart-pager-button:active .smart-ripple,
.smart-pager .smart-pager-page-index-selector[selected] .smart-ripple {
	background-color: var(--smart-ui-state-color-active)
}
.smart-pager .smart-page-size-selector,
.smart-pager .smart-pager-input {
	background: var(--smart-background);
	color: var(--smart-background-color)
}
.smart-pager .smart-page-size-selector {
	width: var(--smart-pager-page-size-selector-width);
	--smart-item-border-top-left-radius: var(--smart-border-radius);
	--smart-item-border-top-right-radius: var(--smart-border-radius);
	--smart-item-border-bottom-left-radius: var(--smart-border-radius);
	--smart-item-border-bottom-right-radius: var(--smart-border-radius)
}
.smart-pager .smart-pager-input {
	width: var(--smart-pager-input-width);
	box-sizing: border-box;
	padding: 0 var(--smart-editor-label-padding);
	margin: 0 5px;
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	border-color: var(--smart-border);
	border-style: solid;
	border-width: var(--smart-border-width);
	height: var(--smart-text-box-default-height)
}
smart-pager[right-to-left] .smart-pager-far-buttons-container,
smart-pager[right-to-left] .smart-pager-input-and-label-container,
smart-pager[right-to-left] .smart-pager-label,
smart-pager[right-to-left] .smart-pager-middle-buttons-container,
smart-pager[right-to-left] .smart-pager-near-buttons-container,
smart-pager[right-to-left] .smart-pager-page-index-selectors-container,
smart-pager[right-to-left] .smart-pager-size-selector-and-label-container,
smart-pager[right-to-left]>.smart-container {
	flex-direction: row-reverse
}
smart-pager[right-to-left] .smart-arrow-left-first:after,
smart-pager[right-to-left] .smart-arrow-left:after,
smart-pager[right-to-left] .smart-arrow-right-last:after,
smart-pager[right-to-left] .smart-arrow-right:after {
	transform: rotate(180deg);
	transform-origin: center
}
smart-pager[right-to-left] .smart-first-button,
smart-pager[right-to-left] .smart-last-button,
smart-pager[right-to-left] .smart-next-page-button,
smart-pager[right-to-left] .smart-pager-input,
smart-pager[right-to-left] .smart-pager-label,
smart-pager[right-to-left] .smart-pager-label>span,
smart-pager[right-to-left] .smart-pager-page-index-selector,
smart-pager[right-to-left] .smart-previous-page-button {
	direction: rtl
}
smart-password-text-box {
	display: block;
	width: var(--smart-text-box-default-width);
	height: var(--smart-text-box-default-height)
}
smart-password-text-box.smart-element {
	border: none;
	background: 0 0;
	overflow: visible
}
.smart-password-text-box>.smart-container {
	position: relative
}
.smart-password-text-box .smart-content,
.smart-password-text-box .smart-content .smart-input {
	width: 100%;
	height: 100%;
	color: inherit;
	font-family: inherit;
	position: relative;
	overflow: hidden
}
.smart-password-text-box .smart-password-icon {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 30px;
	display: flex;
	justify-content: center;
	font-size: inherit;
	align-items: center;
	cursor: pointer;
	user-select: none;
	color: var(--smart-background-color);
	font-family: var(--smart-font-family-icon)
}
.smart-password-text-box .smart-password-icon:after {
	content: var(--smart-icon-visibility)
}
.smart-password-text-box .smart-content .smart-input::-ms-reveal,
.smart-password-text-box .smart-password-icon.smart-hidden {
	display: none
}
.smart-password-text-box[show-password-strength] .smart-password-short input:focus,
.smart-password-text-box[show-password-strength]:focus .smart-password-short input {
	border-color: var(--smart-error)
}
.smart-password-text-box[show-password-strength] .smart-password-weak input:focus,
.smart-password-text-box[show-password-strength]:focus .smart-password-weak input {
	border-color: orange
}
.smart-password-text-box[show-password-strength] .smart-password-far input:focus,
.smart-password-text-box[show-password-strength]:focus .smart-password-far input {
	border-color: #ff0
}
.smart-password-text-box[show-password-strength] .smart-password-good input:focus,
.smart-password-text-box[show-password-strength]:focus .smart-password-good input {
	border-color: #00bfff
}
.smart-password-text-box[show-password-strength] .smart-password-strong input:focus,
.smart-password-text-box[show-password-strength]:focus .smart-password-strong input {
	border-color: var(--smart-success)
}
.smart-password-text-box smart-tooltip {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit
}
.smart-password-text-box[right-to-left]>.smart-container {
	direction: rtl
}
.smart-password-text-box[right-to-left] smart-tooltip {
	direction: initial
}
.smart-password-text-box[right-to-left] .smart-password-icon {
	left: 0;
	right: initial
}
.smart-power-button .smart-input,
.smart-power-button[focus],
.smart-power-button[focus] .smart-input {
	outline: 0
}
.smart-power-button {
	padding: 0;
	border-radius: 100%;
	display: inline-block;
	width: var(--smart-power-button-default-width);
	height: var(--smart-power-button-default-width)
}
.smart-power-button .smart-container,
:host(smart-power-button) .smart-container {
	cursor: pointer;
	height: 100%;
	position: relative;
	display: flex
}
.smart-power-button[disabled] .smart-container {
	cursor: initial
}
.smart-power-button .smart-input {
	border-radius: 100%;
	width: 100%;
	height: 100%;
	min-width: var(--smart-power-button-default-width);
	min-height: var(--smart-power-button-default-width);
	border-style: solid;
	box-sizing: border-box;
	border-width: var(--smart-border-width);
	border-color: var(--smart-border);
	display: block;
	position: relative;
	overflow: hidden
}
.smart-power-button[focus] .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-focus);
	background: var(--smart-ui-state-focus);
	color: var(--smart-ui-state-color-focus)
}
.smart-power-button:hover .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-hover);
	background: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	transition: background-color .1s linear
}
.smart-power-button:active .smart-input,
smart-power-button.active .smart-input {
	border: var(--smart-border-width) solid var(--smart-ui-state-border-active);
	background: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	transition: background-color .1s linear
}
.smart-power-button .smart-input {
	background-color: var(--smart-background)
}
.smart-power-button[checked] .smart-input {
	background-color: var(--smart-primary);
	color: var(--smart-primary)
}
smart-power-button.raised {
	box-shadow: var(--smart-elevation-2)
}
.smart-power-button .smart-input:after {
	content: var(--smart-icon-power);
	width: 100%;
	height: 100%;
	font-family: smart-icons;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}
.smart-power-button[checked] .smart-input:after {
	color: #fff
}
.smart-power-button .smart-animation {
	pointer-events: none
}
.smart-power-button[readonly].active .smart-input,
.smart-power-button[readonly]:active .smart-input,
.smart-power-button[readonly]:hover .smart-input {
	color: initial;
	border: var(--smart-border-width) solid var(--smart-button-border);
	background: var(--smart-button-background);
	transition: none
}
smart-power-button[right-to-left]>.smart-container>.smart-input {
	direction: rtl
}
smart-circular-progress-bar.smart-element,
smart-progress-bar.smart-element {
	border: none
}
smart-circular-progress-bar.smart-element {
	background: 0 0
}
smart-progress-bar {
	width: var(--smart-progress-bar-default-width);
	height: var(--smart-progress-bar-default-height)
}
.smart-circular-progress-bar.smart-container,
.smart-progress-bar.smart-container,
smart-circular-progress-bar>.smart-container,
smart-progress-bar>.smart-container {
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	overflow: hidden;
	position: relative;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	color: var(--smart-background-color)
}
smart-progress-bar[orientation=vertical] {
	width: var(--smart-progress-bar-default-height);
	height: var(--smart-progress-bar-default-width)
}
smart-circular-progress-bar {
	width: var(--smart-circular-progress-bar-default-size);
	height: var(--smart-circular-progress-bar-default-size)
}
.smart-circular-progress-bar.smart-container,
smart-circular-progress-bar>.smart-container {
	border-radius: 50%
}
.smart-progress-bar .smart-value {
	outline: 0;
	border: 1px solid var(--smart-ui-state-border-active);
	height: 100%;
	width: 100%;
	background-color: var(--smart-ui-state-active);
	box-sizing: border-box;
	position: absolute
}
.smart-circular-progress-bar.smart-element:focus>.smart-container,
.smart-progress-bar.smart-element:focus>.smart-container {
	border-color: var(--smart-outline)
}
.smart-progress-bar:not([animation=none]) .smart-value {
	transition: .2s ease-in-out
}
.smart-progress-bar[inverted] .smart-value,
.smart-progress-bar[orientation][inverted] .smart-value {
	transform-origin: right
}
.smart-progress-bar .smart-value,
.smart-progress-bar[orientation] .smart-value {
	transform-origin: left
}
.smart-progress-bar[orientation=vertical][inverted] .smart-value {
	transform-origin: left bottom
}
.smart-progress-bar[orientation=vertical] .smart-value {
	transform-origin: left top
}
.smart-circular-progress-bar .smart-value-animation-ms {
	stroke-dashoffset: 114
}
.smart-circular-progress-bar .smart-label,
.smart-progress-bar .smart-label {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	text-align: center;
	color: var(--smart-background-color)
}
.smart-progress-bar .smart-label {
	width: auto
}
.smart-progress-bar[orientation=vertical] .smart-label {
	width: 100%
}
.barber-shop-effect .smart-value {
	background-image: linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
	background-size: 5rem 5rem;
	background-position: 0 -244rem;
	animation: stripes 10s linear infinite;
	animation-direction: normal
}
.barber-shop-effect[inverted] .smart-value,
.barber-shop-effect[orientation=vertical] .smart-value {
	animation-direction: reverse
}
@keyframes stripes {
	0%,
	From {
		background-position: 0 0
	}
	100%,
	To {
		background-position: 60rem 0
	}
}
.smart-progress-bar .smart-value.smart-value-animation {
	animation: indeterminate 3s infinite linear
}
.smart-progress-bar[orientation=vertical] .smart-value.smart-value-animation {
	animation: indeterminate-vertical 3s infinite linear
}
.smart-progress-bar[inverted][orientation=vertical] .smart-value.smart-value-animation {
	animation: indeterminate-vertical-inverted 3s infinite linear
}
.smart-progress-bar[inverted] .smart-value.smart-value-animation {
	animation: indeterminate-inverted 3s infinite linear
}
.smart-circular-progress-bar svg:first-of-type {
	position: absolute;
	border-radius: 50%;
	pointer-events: none
}
.smart-circular-progress-bar .smart-value,
.smart-circular-progress-bar .smart-value-path {
	stroke-width: var(--smart-circular-progress-bar-fill-size);
	fill: transparent;
	stroke-dasharray: 314.159
}
.smart-circular-progress-bar .smart-value {
	stroke: var(--smart-ui-state-active)
}
.smart-circular-progress-bar .smart-value-path {
	stroke-dashoffset: 0;
	stroke: transparent
}
.smart-circular-progress-bar:not([animation=none]) .smart-value {
	transition: stroke-dashoffset 1s linear
}
.smart-circular-progress-bar .smart-label-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	box-sizing: content-box;
	border-radius: 50%;
	background-color: transparent;
	border-style: solid;
	border-width: var(--smart-border-width);
	border-color: var(--smart-border);
	width: calc(100% - var(--smart-circular-progress-bar-fill-size));
	height: calc(100% - var(--smart-circular-progress-bar-fill-size))
}
.smart-circular-progress-bar svg:first-of-type .smart-value.smart-value-animation {
	animation: circle 2s infinite linear
}
.smart-circular-progress-bar[inverted] svg:first-of-type .smart-value.smart-value-animation {
	animation: circle-inverted 2s infinite linear
}
.smart-circular-progress-bar[indeterminate][inverted] svg:first-of-type,
.smart-circular-progress-bar[value=null][inverted] svg:first-of-type {
	animation: rotate-circle-inverted 1s infinite linear
}
.smart-circular-progress-bar[indeterminate] svg:first-of-type,
.smart-circular-progress-bar[value=null] svg:first-of-type {
	animation: rotate-circle 1s infinite linear
}
@keyframes indeterminate {
	0% {
		left: -100%;
		transform: scaleX(.4);
		transform-origin: left
	}
	20% {
		left: -40%;
		transform: scaleX(.3);
		transform-origin: left
	}
	35% {
		left: 35%;
		transform: scaleX(.4);
		transform-origin: left
	}
	50% {
		left: 75%;
		transform: scaleX(.6);
		transform-origin: left
	}
	55% {
		left: 100%;
		transform: scaleX(.7);
		transform-origin: left
	}
	55.99% {
		left: 100%;
		transform: scaleX(0);
		transform-origin: left
	}
	56% {
		left: -100%;
		transform: scaleX(0);
		transform-origin: left
	}
	56.99% {
		left: -100%;
		transform: scaleX(.6);
		transform-origin: left
	}
	75% {
		left: -5%;
		transform: scaleX(.6);
		transform-origin: left
	}
	80% {
		left: 30%;
		transform: scaleX(.5);
		transform-origin: left
	}
	85% {
		left: 50%;
		transform: scaleX(.4);
		transform-origin: left
	}
	90% {
		left: 75%;
		transform: scaleX(.3);
		transform-origin: left
	}
	95% {
		left: 95%;
		transform: scaleX(.2);
		transform-origin: left
	}
	98% {
		left: 100%;
		transform: scaleX(.2);
		transform-origin: left
	}
	99.99% {
		left: 100%;
		transform: scaleX(0);
		transform-origin: left
	}
	100% {
		left: -100%;
		transform: scaleX(0);
		transform-origin: left
	}
}
@keyframes indeterminate-inverted {
	0% {
		right: -100%;
		transform: scaleX(.4);
		transform-origin: right
	}
	20% {
		right: -40%;
		transform: scaleX(.3);
		transform-origin: right
	}
	35% {
		right: 35%;
		transform: scaleX(.4);
		transform-origin: right
	}
	50% {
		right: 75%;
		transform: scaleX(.6);
		transform-origin: right
	}
	55% {
		right: 100%;
		transform: scaleX(.7);
		transform-origin: right
	}
	55.99% {
		right: 100%;
		transform: scaleX(0);
		transform-origin: right
	}
	56% {
		right: -100%;
		transform: scaleX(0);
		transform-origin: right
	}
	56.99% {
		right: -100%;
		transform: scaleX(.6);
		transform-origin: right
	}
	75% {
		right: -5%;
		transform: scaleX(.6);
		transform-origin: right
	}
	80% {
		right: 30%;
		transform: scaleX(.5);
		transform-origin: right
	}
	85% {
		right: 50%;
		transform: scaleX(.4);
		transform-origin: right
	}
	90% {
		right: 75%;
		transform: scaleX(.3);
		transform-origin: right
	}
	95% {
		right: 95%;
		transform: scaleX(.2);
		transform-origin: right
	}
	98% {
		right: 100%;
		transform: scaleX(.2);
		transform-origin: right
	}
	99.99% {
		right: 100%;
		transform: scaleX(0);
		transform-origin: right
	}
	100% {
		right: -100%;
		transform: scaleX(0);
		transform-origin: right
	}
}
@keyframes indeterminate-vertical {
	0% {
		bottom: -100%;
		transform: scaleY(.4);
		transform-origin: bottom
	}
	20% {
		bottom: -40%;
		transform: scaleY(.3);
		transform-origin: bottom
	}
	35% {
		bottom: 35%;
		transform: scaleY(.4);
		transform-origin: bottom
	}
	50% {
		bottom: 75%;
		transform: scaleY(.6);
		transform-origin: bottom
	}
	55% {
		bottom: 100%;
		transform: scaleY(.7);
		transform-origin: bottom
	}
	55.99% {
		bottom: 100%;
		transform: scaleY(0);
		transform-origin: bottom
	}
	56% {
		bottom: -100%;
		transform: scaleY(0);
		transform-origin: bottom
	}
	56.99% {
		bottom: -100%;
		transform: scaleY(.6);
		transform-origin: bottom
	}
	75% {
		bottom: -5%;
		transform: scaleY(.6);
		transform-origin: bottom
	}
	80% {
		bottom: 30%;
		transform: scaleY(.5);
		transform-origin: bottom
	}
	85% {
		bottom: 50%;
		transform: scaleY(.4);
		transform-origin: bottom
	}
	90% {
		bottom: 75%;
		transform: scaleY(.3);
		transform-origin: bottom
	}
	95% {
		bottom: 95%;
		transform: scaleY(.2);
		transform-origin: bottom
	}
	98% {
		bottom: 100%;
		transform: scaleY(.2);
		transform-origin: bottom
	}
	99.99% {
		bottom: 100%;
		transform: scaleY(0);
		transform-origin: bottom
	}
	100% {
		bottom: -100%;
		transform: scaleY(0);
		transform-origin: bottom
	}
}
@keyframes indeterminate-vertical-inverted {
	0% {
		top: -100%;
		transform: scaleY(.4);
		transform-origin: top
	}
	20% {
		top: -40%;
		transform: scaleY(.3);
		transform-origin: top
	}
	35% {
		top: 35%;
		transform: scaleY(.4);
		transform-origin: top
	}
	50% {
		top: 75%;
		transform: scaleY(.6);
		transform-origin: top
	}
	55% {
		top: 100%;
		transform: scaleY(.7);
		transform-origin: top
	}
	55.99% {
		top: 100%;
		transform: scaleY(0);
		transform-origin: top
	}
	56% {
		top: -100%;
		transform: scaleY(0);
		transform-origin: top
	}
	56.99% {
		top: -100%;
		transform: scaleY(.6);
		transform-origin: top
	}
	75% {
		top: -5%;
		transform: scaleY(.6);
		transform-origin: top
	}
	80% {
		top: 30%;
		transform: scaleY(.5);
		transform-origin: top
	}
	85% {
		top: 50%;
		transform: scaleY(.4);
		transform-origin: top
	}
	90% {
		top: 75%;
		transform: scaleY(.3);
		transform-origin: top
	}
	95% {
		top: 95%;
		transform: scaleY(.2);
		transform-origin: top
	}
	98% {
		top: 100%;
		transform: scaleY(.2);
		transform-origin: top
	}
	99.99% {
		top: 100%;
		transform: scaleY(0);
		transform-origin: top
	}
	100% {
		top: -100%;
		transform: scaleY(0);
		transform-origin: top
	}
}
@keyframes circle {
	0% {
		stroke-dashoffset: 314
	}
	5% {
		stroke-dashoffset: 164
	}
	25% {
		stroke-dashoffset: 104
	}
}
@keyframes circle-inverted {
	0% {
		stroke-dashoffset: -314
	}
	5% {
		stroke-dashoffset: -164
	}
	25% {
		stroke-dashoffset: -104
	}
}
@keyframes rotate-circle {
	50% {
		transform: rotate(180deg)
	}
	75% {
		transform: rotate(270deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
@keyframes rotate-circle-inverted {
	50% {
		transform: rotate(-180deg)
	}
	75% {
		transform: rotate(-270deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}
smart-circular-progress-bar[right-to-left] .smart-label,
smart-progress-bar[right-to-left] .smart-label {
	direction: rtl
}
smart-progress-bar:not([orientation=vertical])[right-to-left] .smart-value,
smart-progress-bar[orientation=horizontal][right-to-left] .smart-value {
	transform-origin: right
}
smart-progress-bar:not([orientation=vertical])[right-to-left][inverted] .smart-value,
smart-progress-bar[orientation=horizontal][right-to-left][inverted] .smart-value {
	transform-origin: left
}
.barber-shop-effect[right-to-left] .smart-value {
	animation-direction: reverse
}
.barber-shop-effect[inverted][right-to-left] .smart-value {
	animation-direction: normal
}
smart-progress-bar[right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,
smart-progress-bar[right-to-left][orientation=horizontal] .smart-value.smart-value-animation {
	animation: indeterminate-inverted 3s infinite linear
}
smart-progress-bar[inverted][right-to-left]:not([orientation=vertical]) .smart-value.smart-value-animation,
smart-progress-bar[inverted][right-to-left][orientation=horizontal] .smart-value.smart-value-animation {
	animation: indeterminate 3s infinite linear
}
smart-circular-progress-bar[inverted][right-to-left] svg:first-of-type .smart-value.smart-value-animation {
	animation: circle 2s infinite linear
}
smart-circular-progress-bar[right-to-left] svg:first-of-type .smart-value.smart-value-animation {
	animation: circle-inverted 2s infinite linear
}
smart-circular-progress-bar[indeterminate][right-to-left] svg:first-of-type,
smart-circular-progress-bar[value=null][right-to-left] svg:first-of-type {
	animation: rotate-circle-inverted 1s infinite linear
}
smart-circular-progress-bar[indeterminate][right-to-left][inverted] svg:first-of-type,
smart-circular-progress-bar[value=null][right-to-left][inverted] svg:first-of-type {
	animation: rotate-circle 1s infinite linear
}
.smart-query-builder-drag-feedback,
smart-query-builder {
	border: var(--smart-border-width) solid var(--smart-border)
}
smart-query-builder {
	display: block;
	width: var(--smart-query-builder-default-width);
	min-width: var(--smart-query-builder-min-width);
	height: var(--smart-query-builder-default-height)
}
.smart-query-builder .smart-content-container>.smart-filter-group:first-child>.smart-filter-group-operator,
.smart-query-builder .smart-filter-group[max-level] .smart-filter-add-btn {
	display: none
}
smart-query-builder.smart-element {
	overflow: visible
}
.smart-query-builder.smart-container,
.smart-query-builder>.smart-container {
	position: relative;
	overflow: visible
}
.smart-query-builder.smart-container>.smart-inner-container,
.smart-query-builder>.smart-container>.smart-inner-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative
}
.smart-query-builder .smart-query-builder-label {
	margin: var(--smart-query-builder-content-padding) 0 calc(2 * var(--smart-query-builder-content-padding)) var(--smart-query-builder-content-padding);
	font-weight: 700;
	opacity: .75
}
.smart-query-builder .smart-filter-group-condition {
	margin-bottom: var(--smart-filter-builder-group-condition-margin);
	position: relative
}
.smart-query-builder .smart-filter-group-condition.dragged {
	background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
	background-size: 3em 3em
}
.smart-query-builder .filter-builder-item {
	min-height: var(--smart-filter-builder-row-height);
	margin-left: calc(var(--smart-filter-builder-item-margin)/ 2);
	margin-right: calc(var(--smart-filter-builder-item-margin)/ 2);
	border: none;
	border-bottom: var(--smart-border-width) solid var(--smart-border);
	display: flex;
	align-items: center;
	cursor: pointer
}
.smart-query-builder .smart-filter-group-operator,
.smart-query-builder .smart-filter-nested-operator {
	cursor: pointer
}
.smart-query-builder .smart-filter-add-btn,
.smart-query-builder .smart-filter-add-condition-btn,
.smart-query-builder .smart-filter-delete-btn {
	min-width: var(--smart-filter-builder-row-height);
	min-height: var(--smart-filter-builder-row-height);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .25;
	font-size: 16px
}
.smart-query-builder .smart-filter-delete-btn {
	cursor: pointer
}
.smart-query-builder .smart-filter-delete-btn:hover {
	opacity: .6
}
.smart-query-builder .smart-filter-delete-btn:active {
	opacity: 1
}
.smart-query-builder .smart-filter-add-btn::after,
.smart-query-builder .smart-filter-add-condition-btn>div::before,
.smart-query-builder .smart-filter-delete-btn::after,
.smart-query-builder .smart-filter-group-condition::after,
.smart-query-builder .smart-filter-group-condition::before {
	content: "+";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	cursor: pointer;
	font-size: 30px;
	font-weight: 800;
	font-family: var(--smart-font-family-icon)
}
.smart-query-builder .mac .smart-filter-add-btn::after,
.smart-query-builder .mac .smart-filter-add-condition-btn>div::before {
	align-items: stretch;
	line-height: 80%
}
.smart-query-builder .smart-filter-add-condition-btn>div::before,
.smart-query-builder .smart-filter-group-condition::after,
.smart-query-builder .smart-filter-group-condition::before {
	position: absolute;
	right: 100%;
	top: 0;
	width: auto;
	height: 100%;
	font-size: 20px;
	margin-right: 5px
}
.smart-query-builder .smart-filter-group-condition::after,
.smart-query-builder .smart-filter-group-condition::before {
	content: none;
	transform: rotate(90deg);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 12px;
	height: 10px;
	top: 10px;
	opacity: .25;
	margin-right: calc(5px + 1px);
	cursor: move;
	line-height: 1rem
}
smart-query-builder[allow-drag] .smart-filter-group-condition::after,
smart-query-builder[allow-drag] .smart-filter-group-condition::before {
	content: var(--smart-icon-ellipsis);
	font-weight: 400
}
.smart-query-builder .smart-filter-group-condition[limit-selection]::after,
.smart-query-builder .smart-filter-group-condition[limit-selection]::before,
smart-query-builder[dragging] .smart-filter-group-condition::after,
smart-query-builder[dragging] .smart-filter-group-condition::before {
	content: none
}
.smart-query-builder .smart-filter-group-condition::after {
	transform: rotate(-90deg)
}
.smart-query-builder .smart-filter-add-btn::after {
	height: 100%
}
.smart-query-builder .smart-filter-delete-btn::after {
	content: var(--smart-icon-close);
	font-size: var(--smart-font-size)
}
.smart-query-builder .smart-filter-add-btn {
	width: var(--smart-filter-builder-row-height);
	height: var(--smart-filter-builder-row-height);
	border-radius: 50%;
	background: var(--smart-primary);
	color: var(--smart-primary-color);
	margin-top: calc(var(--smart-filter-builder-group-condition-margin) * 2);
	margin-bottom: calc(var(--smart-filter-builder-group-condition-margin) * 2);
	line-height: 1rem;
	opacity: 1
}
.smart-query-builder .smart-filter-add-condition-btn {
	width: var(--smart-filter-builder-row-height);
	padding-left: calc(var(--smart-filter-builder-group-condition-margin) * 6);
	border-left: calc(var(--smart-filter-builder-group-container-border)/ 2.5) dashed var(--smart-border);
	margin-left: calc(calc(var(--smart-filter-builder-group-condition-margin) * 3) - var(--smart-filter-builder-group-container-border)/ 5);
	opacity: initial;
	min-width: 50px;
	justify-content: flex-start;
	color: var(--smart-background-color);
	cursor: pointer;
	align-items: flex-end
}
.smart-query-builder .smart-filter-add-condition-btn>div {
	position: relative;
	padding-left: calc(var(--smart-filter-builder-item-margin)/ 2)
}
.smart-query-builder .smart-filter-group-operation,
.smart-query-builder .smart-filter-group-operator {
	min-width: 50px;
	border-radius: 50px;
	text-transform: uppercase;
	background: var(--smart-primary);
	color: var(--smart-primary-color);
	border: none;
	margin-right: 0
}
.smart-query-builder .smart-filter-value {
	padding: 0
}
.smart-query-builder .smart-filter-value[edited] {
	padding: 0;
	background-color: transparent
}
.smart-query-builder .smart-filter-value .smart-value-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0
}
.smart-query-builder .filter-builder-item .smart-value-container {
	padding-left: var(--smart-editor-label-padding)
}
.smart-query-builder .filter-builder-item[edited] .smart-value-container {
	display: none
}
.smart-query-builder .smart-filter-operation {
	position: relative
}
.smart-query-builder .smart-filter-operation .smart-value-container {
	width: calc(100% - var(--smart-editor-addon-width))
}
.smart-query-builder .smart-filter-operation:not([edited])::after {
	content: var(--smart-icon-arrow-down);
	display: flex;
	overflow: hidden;
	cursor: pointer;
	font-family: var(--smart-font-family-icon);
	justify-content: center;
	align-items: center;
	font-size: var(--smart-arrow-size);
	outline: 0;
	width: var(--smart-editor-addon-width);
	position: absolute;
	top: 1px;
	right: -1px;
	height: 100%
}
.smart-query-builder .smart-filter-group:not(:first-of-type) {
	margin-top: var(--smart-filter-builder-group-margin)
}
.smart-query-builder .smart-filter-group,
.smart-query-builder .smart-filter-group-condition,
.smart-query-builder .smart-filter-group-condition-container {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	white-space: nowrap
}
.smart-query-builder .smart-filter-group[node-id="0"] .smart-filter-group-operator {
	display: none
}
.smart-query-builder .filter-builder-item[placeholder] {
	opacity: .75;
	font-style: italic
}
.smart-query-builder .filter-builder-item[placeholder] .smart-value-container {
	padding-right: 2px
}
.smart-query-builder .smart-filter-add-condition-btn[limit-selection],
.smart-query-builder .smart-filter-group-condition[limit-selection] .filter-builder-item:not(.smart-filter-field-name) {
	pointer-events: none
}
.smart-query-builder .smart-filter-add-condition-btn[limit-selection] {
	opacity: .75
}
.smart-query-builder .smart-filter-add-condition-btn,
.smart-query-builder .smart-filter-field-name,
.smart-query-builder .smart-filter-group-operation,
.smart-query-builder .smart-filter-group-operator,
.smart-query-builder .smart-filter-nested-operator,
.smart-query-builder .smart-filter-operation,
.smart-query-builder .smart-filter-value .smart-value-container {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.smart-query-builder .smart-filter-group-operator:not(:empty) {
	margin-bottom: calc(var(--smart-filter-builder-group-condition-margin) * 2);
	padding: 4px;
	display: flex;
	justify-content: center
}
.smart-query-builder .smart-filter-group,
.smart-query-builder .smart-filter-group-condition-container {
	flex-direction: column
}
.smart-query-builder .smart-filter-group {
	align-items: flex-start
}
.smart-query-builder .smart-filter-group-condition-container {
	padding-left: calc(var(--smart-filter-builder-group-condition-margin) * 6);
	border-left: var(--smart-filter-builder-group-container-border) solid var(--smart-border);
	margin-left: calc(var(--smart-filter-builder-group-condition-margin) * 3 - var(--smart-filter-builder-group-container-border)/ 2);
	width: calc(100% - var(--smart-filter-builder-group-condition-margin) * 3 - var(--smart-filter-builder-group-container-border)/ 3)
}
.smart-query-builder,
.smart-query-builder .smart-conditions-menu,
.smart-query-builder .smart-conditions-menu smart-menu-item {
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius)
}
.smart-query-builder smart-menu.smart-conditions-menu:not([animation=none]) {
	width: auto;
	height: auto;
	padding: 2px;
	transform-origin: top;
	transform: scaleY(1)
}
.smart-query-builder smart-menu.smart-conditions-menu.smart-visibility-hidden:not([animation=none]) {
	transform: scaleY(0)
}
.smart-query-builder .smart-conditions-menu:focus {
	border: var(--smart-menu-border-width) solid var(--smart-menu-border)
}
.smart-query-builder .smart-conditions-menu smart-menu-item:first-child {
	margin-bottom: 1px
}
.smart-query-builder .smart-conditions-menu smart-menu-item.hover {
	background-color: var(--smart-menu-item-background-focus);
	border-color: var(--smart-menu-item-border-focus);
	color: var(--smart-menu-item-color-focus)
}
.smart-query-builder .smart-editors-container>* {
	width: var(--smart-query-builder-editor-width);
	min-width: 100px
}
.smart-query-builder .smart-editors-container smart-numeric-text-box input.smart-input {
	text-align: left
}
.smart-query-builder .smart-editors-container smart-input .arrow {
	transition: none
}
.smart-query-builder .smart-editors-container .smart-custom-editor>* {
	pointer-events: all;
	width: 100%
}
.smart-query-builder .smart-editors-container[open] .smart-check-box-editor {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-self: center;
	justify-self: center;
	width: 30px;
	height: 30px
}
.smart-query-builder .smart-editors-container[open] .smart-check-box-editor.smart-hidden {
	display: none
}
.smart-query-builder .smart-editors-container[open] smart-check-box {
	display: block
}
.smart-query-builder .smart-filter-field-name,
.smart-query-builder .smart-filter-operation,
.smart-query-builder .smart-filter-value {
	min-width: 100px;
	width: var(--smart-query-builder-editor-width);
	text-overflow: ellipsis
}
.smart-query-builder .smart-filter-field-name,
.smart-query-builder .smart-filter-operation,
.smart-query-builder .smart-filter-value .smart-value-container {
	overflow: hidden
}
.smart-query-builder .smart-filter-field-name .smart-value-container,
.smart-query-builder .smart-filter-operation .smart-value-container,
.smart-query-builder .smart-filter-value .smart-value-container>span {
	text-overflow: ellipsis;
	overflow: hidden
}
.smart-query-builder .smart-filter-value .smart-value-container>span {
	min-width: 0
}
.smart-query-builder .smart-filter-builder-icon {
	width: 40px;
	height: 100%;
	font-weight: 700;
	border-right: 1px solid gray;
	margin-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center
}
.smart-query-builder .smart-filter-group .smart-filter-add-btn,
.smart-query-builder .smart-hidden {
	display: none
}
.smart-query-builder .smart-filter-builder-menu-item {
	height: 100%
}
.smart-query-builder smart-scroll-viewer {
	border: none;
	width: 100%;
	height: 100%;
	position: relative;
	padding: var(--smart-query-builder-content-padding)
}
.smart-query-builder .smart-scrollable-outer-container {
	width: 100%;
	height: 100%
}
.smart-query-builder .smart-filter-group:last-of-type .smart-filter-add-btn {
	display: initial
}
.smart-query-builder .smart-scroll-viewer-content-container {
	vertical-align: top;
	padding: initial
}
.smart-query-builder smart-menu[mode=dropDown] {
	--smart-menu-vertical-default-width: auto;
	--smart-menu-vertical-default-height: auto
}
.smart-query-builder .smart-filter-nested-operator {
	margin-top: calc(var(--smart-filter-builder-group-condition-margin) * 3);
	margin-bottom: calc(var(--smart-filter-builder-group-condition-margin) * 3);
	margin-left: calc(-1 * var(--smart-filter-builder-item-margin));
	opacity: .5;
	font-weight: 600;
	text-transform: uppercase;
	align-self: flex-start
}
.smart-query-builder .filter-builder-item[edited] {
	border: none
}
.smart-query-builder-drag-feedback {
	position: absolute;
	display: flex;
	align-items: center;
	box-shadow: var(--smart-elevation-8);
	border-radius: var(--smart-border-radius);
	padding: 5px;
	white-space: nowrap;
	font-family: var(--smart-font-family-icon);
	font-size: 26px;
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	z-index: 10000;
	opacity: .75
}
.smart-query-builder-drag-feedback:after {
	content: var(--smart-icon-docs);
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0
}
.smart-query-builder .drop-target.bottom:after,
.smart-query-builder .drop-target.top:after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: var(--smart-filter-builder-group-condition-margin);
	left: 0;
	pointer-events: none;
	transform: none;
	background-color: var(--smart-primary);
	opacity: .75
}
.smart-query-builder .drop-target.bottom:after {
	top: calc(100% + 3px)
}
.smart-query-builder .drop-target.top:after {
	top: calc(-1 * var(--smart-filter-builder-group-condition-margin))
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.smart-query-builder .smart-filter-add-btn {
		padding-bottom: 7px
	}
}
.smart-input-drop-down-menu .icon:after {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(var(--smart-font-size) - 2px);
	font-weight: 700
}
.smart-input-drop-down-menu .icon.equals:after {
	content: '='
}
.smart-input-drop-down-menu .icon.notequals:after {
	content: '≠'
}
.smart-input-drop-down-menu .icon.greaterthan:after {
	content: '>'
}
.smart-input-drop-down-menu .icon.greaterthanorequal:after {
	content: '≥'
}
.smart-input-drop-down-menu .icon.lessthan:after {
	content: '<'
}
.smart-input-drop-down-menu .icon.lessthanorequal:after {
	content: '≤'
}
.smart-input-drop-down-menu .icon.startswith:after {
	content: 'a|bc'
}
.smart-input-drop-down-menu .icon.endswith:after {
	content: 'ab|c'
}
.smart-input-drop-down-menu .icon.contains:after {
	content: 'abc'
}
.smart-input-drop-down-menu .icon.notcontains:after {
	content: '!abc'
}
.smart-input-drop-down-menu .icon.isblank:after {
	content: '□'
}
.smart-input-drop-down-menu .icon.isnotblank:after {
	content: '■'
}
.smart-query-builder-drag-feedback[right-to-left],
smart-query-builder[right-to-left] .smart-filter-group {
	direction: rtl
}
smart-query-builder[right-to-left] .smart-filter-group-condition-container {
	padding-left: initial;
	padding-right: calc(var(--smart-filter-builder-group-condition-margin) * 6);
	border-left: initial;
	border-right: var(--smart-border-width) solid var(--smart-border);
	margin-left: initial;
	margin-right: calc(var(--smart-filter-builder-group-condition-margin) * 3 - var(--smart-filter-builder-group-container-border)/ 2)
}
smart-query-builder[right-to-left] .smart-filter-nested-operator {
	margin-left: initial;
	margin-right: calc(-1 * var(--smart-filter-builder-item-margin))
}
smart-query-builder[right-to-left] .smart-filter-group-condition::after,
smart-query-builder[right-to-left] .smart-filter-group-condition::before {
	right: initial;
	left: 100%;
	margin: 0 0 0 6px
}
smart-query-builder[right-to-left] .smart-filter-add-condition-btn>div::before {
	right: initial;
	left: 100%
}
smart-query-builder[right-to-left] .smart-filter-add-condition-btn>div {
	padding-left: initial;
	padding-right: calc(var(--smart-filter-builder-item-margin)/ 2)
}
smart-query-builder[right-to-left] .smart-filter-operation:not([edited])::after {
	left: -1px;
	right: initial
}
smart-query-builder[right-to-left] .smart-filter-add-condition-btn {
	padding-left: initial;
	padding-right: calc(var(--smart-filter-builder-group-condition-margin) * 6);
	border-left: initial;
	border-right: calc(var(--smart-border-width)/ 2.5) dashed var(--smart-border);
	margin-left: initial;
	margin-right: calc(calc(var(--smart-filter-builder-group-condition-margin) * 3) - var(--smart-border-width)/ 5)
}
smart-query-builder[right-to-left] .drop-target.bottom:after,
smart-query-builder[right-to-left] .drop-target.top:after {
	left: initial;
	right: 0
}
smart-rating .rating-star::after {
	width: 100%;
	height: 100%;
	top: 0;
	font-size: var(--smart-font-size);
	content: var(--smart-icon-star);
	color: var(--smart-primary);
	font-family: var(--smart-font-family-icon)
}
smart-rating .rating-star.active.hover::after,
smart-rating .rating-star.active::after,
smart-rating .rating-star.hover::after {
	color: var(--smart-secondary)
}
smart-rating[right-to-left]>.smart-container {
	direction: rtl
}
smart-scroll-bar {
	display: block;
	touch-action: none;
	width: var(--smart-scroll-bar-default-width);
	height: var(--smart-scroll-bar-default-height)
}
smart-scroll-bar[orientation=vertical] {
	height: var(--smart-scroll-bar-default-width);
	width: var(--smart-scroll-bar-default-height)
}
smart-scroll-bar .smart-thumb {
	position: absolute;
	width: 40px;
	height: calc(100% - 2px);
	top: 1px;
	cursor: default;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: var(--smart-scroll-bar-thumb-border);
	background-color: var(--smart-scroll-bar-thumb-background);
	border-top-left-radius: var(--smart-scroll-bar-thumb-border-top-left-radius);
	border-top-right-radius: var(--smart-scroll-bar-thumb-border-top-right-radius);
	border-bottom-left-radius: var(--smart-scroll-bar-thumb-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-scroll-bar-thumb-border-bottom-right-radius)
}
smart-scroll-bar .smart-thumb:hover {
	border-color: var(--smart-scroll-bar-thumb-border-hover);
	background-color: var(--smart-scroll-bar-thumb-background-hover)
}
smart-scroll-bar .smart-thumb:active {
	border-color: var(--smart-scroll-bar-thumb-border-active);
	background-color: var(--smart-scroll-bar-thumb-background-active)
}
smart-scroll-bar[orientation=vertical] .smart-thumb {
	width: calc(100% - 2px);
	height: 40px;
	left: 1px;
	top: 0
}
smart-scroll-bar .smart-track {
	position: relative;
	float: left;
	height: 100%;
	background-color: var(--smart-scroll-bar-background);
	width: 100%
}
smart-scroll-bar[show-buttons] .smart-track {
	width: calc(calc(100% - var(--smart-scroll-button-size) * 2))
}
smart-scroll-bar[orientation=vertical] .smart-track {
	float: none;
	width: 100%;
	height: 100%
}
smart-scroll-bar[orientation=vertical][show-buttons] .smart-track {
	height: calc(calc(100% - var(--smart-scroll-button-size) * 2))
}
smart-scroll-bar .smart-scroll-button,
smart-scroll-bar[spinner][show-buttons] .smart-track {
	display: none
}
smart-scroll-bar[show-buttons] .smart-scroll-button {
	display: block;
	float: left;
	width: var(--smart-scroll-button-size);
	height: 100%;
	cursor: default;
	background-color: var(--smart-scroll-bar-button-background);
	color: var(--smart-scroll-bar-button-color);
	border: 1px solid var(--smart-scroll-bar-button-border);
	min-height: 0;
	padding: 0;
	border-radius: 0
}
smart-scroll-bar .smart-scroll-button:hover {
	background-color: var(--smart-scroll-bar-button-background-hover);
	color: var(--smart-scroll-bar-button-color-hover);
	border-color: var(--smart-scroll-bar-button-border-hover)
}
smart-scroll-bar .smart-scroll-button:active {
	background-color: var(--smart-scroll-bar-button-background-active);
	color: var(--smart-scroll-bar-button-color-active);
	border-color: var(--smart-scroll-bar-button-border-active)
}
smart-scroll-bar[spinner][show-buttons] .smart-scroll-button {
	width: 50%
}
smart-scroll-bar[orientation=vertical] .smart-scroll-button {
	float: none;
	height: var(--smart-scroll-button-size);
	width: 100%
}
smart-scroll-bar[spinner][orientation=vertical] .smart-scroll-button {
	height: 50%;
	width: 100%;
	float: none
}
smart-scroll-viewer {
	display: block;
	width: var(--smart-editor-width);
	min-width: var(--smart-scroll-viewer-min-width);
	max-width: var(--smart-scroll-viewer-max-width);
	height: var(--smart-list-box-default-height);
	min-height: var(--smart-scroll-viewer-min-height);
	max-height: var(--smart-scroll-viewer-max-height);
	padding: 3px
}
.smart-scroll-viewer.smart-container,
smart-scroll-viewer>.smart-container {
	height: 100%;
	width: 100%;
	border: none;
	position: relative;
	overflow: hidden
}
.smart-scroll-viewer smart-scroll-bar {
	overflow: visible;
	position: absolute;
	bottom: 0;
	height: calc(var(--smart-scroll-bar-size));
	width: 100%
}
.smart-scroll-viewer smart-scroll-bar.bottom-corner {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-scroll-viewer smart-scroll-bar::before {
	position: absolute;
	content: '';
	width: 100%;
	height: var(--smart-scroll-bar-size);
	background-color: var(--smart-surface);
	left: 100%
}
.smart-scroll-viewer smart-scroll-bar[orientation=vertical] {
	right: 0;
	top: 0;
	height: 100%;
	width: calc(var(--smart-scroll-bar-size))
}
.smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-scroll-viewer .smart-scroll-viewer-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: transparent
}
.smart-scroll-viewer .smart-scroll-viewer-content-container {
	width: auto;
	height: auto;
	display: inline-block;
	padding: 5px;
	position: relative;
	background-color: transparent
}
.smart-scroll-viewer .smart-scroll-viewer-container.hscroll {
	height: calc(100% - var(--smart-scroll-bar-size))
}
.smart-scroll-viewer .smart-scroll-viewer-container.vscroll {
	width: calc(100% - var(--smart-scroll-bar-size))
}
.smart-scroll-viewer>.smart-container,
.smart-scroll-viewer>.smart-container>.smart-scroll-viewer-container {
	max-height: inherit;
	min-height: inherit;
	max-width: inherit;
	min-width: inherit
}
.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container.vscroll,
.smart-scroll-viewer[right-to-left] smart-scroll-bar {
	left: var(--smart-scroll-bar-size);
	right: 0
}
.smart-scroll-viewer[right-to-left] smart-scroll-bar::after {
	left: -100%
}
.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical] {
	left: 0;
	right: initial
}
.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]::after {
	content: none
}
.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container {
	direction: rtl
}



smart-slider {
	display: block;
	width: var(--smart-slider-default-width);
	height: var(--smart-slider-default-height);
	--smart-border-top-left-radius: 100%;
	--smart-border-top-right-radius: 100%;
	--smart-border-bottom-left-radius: 100%;
	--smart-border-bottom-right-radius: 100%
}
smart-slider[orientation=vertical] {
	width: var(--smart-slider-default-height);
	height: var(--smart-slider-default-width)
}
smart-slider.smart-element {
	overflow: visible
}
.smart-slider .smart-thumb {
	position: absolute;
	margin-left: calc(-1 * var(--smart-slider-thumb-width)/ 2);
	margin-top: calc(var(--smart-slider-track-size)/ 2 - var(--smart-slider-thumb-height)/ 2 - var(--smart-border-width));
	border-top-left-radius: var(--smart-slider-thumb-border-top-left-radius);
	border-top-right-radius: var(--smart-slider-thumb-border-top-right-radius);
	border-bottom-left-radius: var(--smart-slider-thumb-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-slider-thumb-border-bottom-right-radius);
	border: var(--smart-border-width) solid var(--smart-primary);
	width: var(--smart-slider-thumb-width);
	min-width: var(--smart-slider-track-size);
	height: var(--smart-slider-thumb-height);
	min-height: var(--smart-slider-track-size);
	background-color: var(--smart-primary);
	cursor: pointer
}
.smart-slider[orientation=vertical] .smart-thumb {
	margin-left: calc(var(--smart-slider-track-size)/ 2 - var(--smart-border-width) - var(--smart-slider-thumb-width)/ 2 + 1px);
	margin-top: calc(-1 * var(--smart-slider-thumb-height)/ 2)
}
.smart-slider[orientation=vertical][inverted] .smart-thumb {
	margin-top: 0
}
.smart-slider .smart-thumb::before {
	width: 100%;
	height: 100%;
	transition: .2s;
	display: block;
	border-radius: 50%;
	content: "";
	z-index: -1;
	opacity: .2;
	background: var(--smart-primary)
}
.smart-slider .smart-thumb[hover]::before,
.smart-slider:focus .smart-thumb::before,
:host(smart-slider:focus) .smart-thumb::before {
	transform: scale(2);
	/* animation: slider-thumb-effect 1s infinite; */
	animation-delay: .1s
}
.smart-slider[value="0"] .smart-thumb {
	background-color: var(--smart-border);
	border-color: var(--smart-border)
}
.smart-slider[value="0"] .smart-thumb::before {
	background: var(--smart-border)
}
.smart-slider .smart-thumb.accessible {
	z-index: 1
}
@keyframes slider-thumb-effect {
	0%,
	100% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.5)
	}
}
.smart-slider .smart-track-container {
	width: 100%;
	height: var(--smart-slider-track-size);
	margin-top: calc((var(--smart-slider-thumb-height) - var(--smart-slider-track-size))/ 2 + 2px);
	margin-bottom: calc((var(--smart-slider-thumb-height) - var(--smart-slider-track-size))/ 2 + 2px)
}
.smart-slider[show-buttons] .smart-track-container {
	margin-top: calc((var(--smart-slider-spin-button-height) - var(--smart-slider-track-size))/ 2 + 2px);
	margin-bottom: calc((var(--smart-slider-spin-button-height) - var(--smart-slider-track-size))/ 2 + 2px)
}
.smart-slider[orientation=vertical] .smart-track-container {
	float: left;
	width: var(--smart-slider-track-size);
	height: 100%;
	margin-top: 0;
	margin-right: calc((var(--smart-slider-thumb-width) - var(--smart-slider-track-size))/ 2 + 2px);
	margin-bottom: 0;
	margin-left: calc((var(--smart-slider-thumb-width) - var(--smart-slider-track-size))/ 2 + 2px);
	z-index: 1
}
.smart-slider[orientation=vertical][show-buttons] .smart-track-container {
	margin-right: calc((var(--smart-slider-spin-button-width) - var(--smart-slider-track-size))/ 2 + 2px);
	margin-left: calc((var(--smart-slider-spin-button-width) - var(--smart-slider-track-size))/ 2 + 2px)
}
.smart-slider .smart-thumb,
.smart-slider .smart-track {
	user-select: none;
	-webkit-user-select: none
}
.smart-slider .smart-track {
	position: relative;
	float: left;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: transparent;
	width: 100%;
	height: 100%;
	background-color: var(--smart-disabled);
	cursor: pointer
}
.smart-slider[orientation=vertical] .smart-track {
	float: none
}
.smart-slider[show-buttons] .smart-track {
	margin-left: calc(var(--smart-slider-thumb-width)/ 2);
	margin-right: calc(var(--smart-slider-thumb-width)/ 2);
	width: calc(100% - 2 * var(--smart-slider-spin-button-width) - var(--smart-slider-thumb-width))
}
.smart-slider[orientation=vertical][show-buttons] .smart-track {
	margin-left: 0;
	margin-right: 0;
	margin-top: calc(var(--smart-slider-thumb-height)/ 2);
	margin-bottom: calc(var(--smart-slider-thumb-height)/ 2);
	width: 100%;
	height: calc(100% - 2 * var(--smart-slider-spin-button-height) - var(--smart-slider-thumb-height))
}
.smart-slider[orientation=vertical].smart-container,
.smart-slider[orientation=vertical]>.smart-container {
	display: flex;
	flex-flow: row;
	justify-content: space-between
}
.smart-slider:focus {
	border-color: var(--smart-outline)
}
.smart-slider .smart-value {
	position: absolute;
	width: 0;
	height: calc(var(--smart-slider-track-size) + 1px);
	top: calc(-1 * var(--smart-slider-track-size));
	background-color: var(--smart-ui-state-active)
}
.smart-slider[orientation=vertical] .smart-value {
	width: calc(var(--smart-slider-track-size) + 1px);
	left: calc(-1 * var(--smart-ui-state-active));
	height: 0
}
.smart-slider .smart-scale {
	margin-left: var(--smart-border-width);
	height: calc(100% - var(--smart-slider-thumb-height) - 4px)
}
.smart-slider[scale-position=both] .smart-scale {
	height: calc((100% - var(--smart-slider-thumb-height))/ 2 - 2px)
}
.smart-slider[scale-position=both][show-buttons] .smart-scale {
	height: calc((100% - var(--smart-slider-spin-button-height))/ 2 - 2px)
}
.smart-slider[orientation=vertical] .smart-scale {
	float: left;
	margin-top: var(--smart-border-width);
	width: calc(100% - var(--smart-slider-thumb-width) - 2px);
	height: 100%
}
.smart-slider[orientation=vertical][scale-position=both] .smart-scale {
	width: calc((100% - var(--smart-slider-thumb-width))/ 2 - 2px)
}
.smart-slider[orientation=vertical][scale-position=both][show-buttons] .smart-scale {
	width: calc((100% - var(--smart-slider-spin-button-width))/ 2)
}
.smart-slider[show-buttons] .smart-scale {
	height: calc(100% - var(--smart-slider-spin-button-height) - 4px);
	margin-left: calc(var(--smart-slider-spin-button-width) + var(--smart-slider-thumb-width)/ 2 + var(--smart-border-width));
	margin-right: calc(var(--smart-slider-spin-button-width) + var(--smart-slider-thumb-width)/ 2)
}
.smart-slider[orientation=vertical][show-buttons] .smart-scale {
	margin-top: calc(var(--smart-slider-spin-button-height) + var(--smart-slider-thumb-height)/ 2 + var(--smart-border-width));
	margin-right: 0;
	margin-left: 0;
	height: calc(100% - var(--smart-slider-spin-button-height) * 2 - var(--smart-slider-thumb-height))
}
.smart-slider .smart-tooltip {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--smart-primary);
	width: var(--smart-slider-tooltip-width);
	height: var(--smart-slider-tooltip-height);
	padding: 4px 12px;
	font-family: var(--smart-font-family);
	font-size: 75%;
	opacity: .5;
	border-radius: 0;
	background-color: var(--smart-primary);
	color: var(--smart-primary-color);
	left: calc(-1 * var(--smart-slider-tooltip-width)/ 2 + var(--smart-slider-thumb-width)/ 2 - 1px);
	top: calc(-1 * var(--smart-slider-tooltip-height) - 22px)
}
.smart-slider .smart-tooltip .smart-tooltip-content {
	background: inherit;
	color: inherit
}
.smart-slider[tooltip-position=far] .smart-tooltip {
	top: calc(var(--smart-slider-thumb-height) + 1px)
}
.smart-slider[orientation=vertical] .smart-tooltip {
	left: calc(-1 * var(--smart-slider-tooltip-width) - 8px);
	top: calc(-1 * var(--smart-slider-tooltip-height)/ 2 + var(--smart-slider-thumb-height)/ 2 - 1px)
}
.smart-slider[orientation=vertical][tooltip-position=far] .smart-tooltip {
	left: calc(var(--smart-slider-thumb-width) + 1px)
}
.smart-slider .smart-tick {
	position: absolute;
	width: 1px;
	height: var(--smart-slider-tick-size);
	background-color: var(--smart-border)
}
.smart-slider .smart-tick-minor {
	height: var(--smart-slider-minor-tick-size)
}
.smart-slider[orientation=vertical] .smart-tick {
	width: var(--smart-slider-tick-size);
	height: 1px
}
.smart-slider[orientation=vertical] .smart-tick-minor {
	width: var(--smart-slider-minor-tick-size)
}
.smart-slider .smart-scale-near .smart-tick {
	bottom: 0
}
.smart-slider .smart-scale-near .smart-label {
	bottom: calc(var(--smart-slider-tick-size) + 2px)
}
.smart-slider .smart-scale-far .smart-tick {
	top: 0
}
.smart-slider .smart-scale-far .smart-label {
	top: calc(var(--smart-slider-tick-size) + 2px)
}
.smart-slider[orientation=vertical] .smart-scale-near .smart-tick {
	right: 0
}
.smart-slider[orientation=vertical] .smart-scale-near .smart-label {
	right: calc(var(--smart-slider-tick-size) + 2px);
	bottom: initial
}
.smart-slider[orientation=vertical] .smart-scale-far .smart-label {
	left: calc(var(--smart-slider-tick-size) + 2px)
}
.smart-slider[ticks-position=track] .smart-tick {
	height: 100%
}
.smart-slider[ticks-position=track] .smart-tick-minor {
	height: 60%;
	top: 50%;
	transform: translateY(-50%)
}
.smart-slider[orientation=vertical][ticks-position=track] .smart-tick {
	width: 100%;
	height: 1px
}
.smart-slider[orientation=vertical][ticks-position=track] .smart-tick-minor {
	width: 60%;
	left: 50%;
	transform: translateX(-50%)
}
.smart-slider[ticks-position=track] .smart-scale-near .smart-label,
.smart-slider[ticks-visibility=none] .smart-scale-near .smart-label {
	bottom: 2px
}
.smart-slider[orientation=vertical][ticks-position=track] .smart-scale-near .smart-label,
.smart-slider[orientation=vertical][ticks-visibility=none] .smart-scale-near .smart-label {
	right: 2px
}
.smart-slider[ticks-position=track] .smart-scale-far .smart-label,
.smart-slider[ticks-visibility=none] .smart-scale-far .smart-label {
	top: 2px
}
.smart-slider[orientation=vertical][ticks-position=track] .smart-scale-far .smart-label,
.smart-slider[orientation=vertical][ticks-visibility=none] .smart-scale-far .smart-label {
	left: 2px
}
.smart-slider .smart-thumb~.smart-thumb {
	display: none
}
.smart-slider[range-slider] .smart-thumb~.smart-thumb {
	display: block
}
.smart-slider .smart-spin-button {
	display: block;
	float: left;
	margin-top: calc(var(--smart-slider-track-size)/ 2 - var(--smart-slider-spin-button-height)/ 2);
	border: var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	width: var(--smart-slider-spin-button-width);
	height: var(--smart-slider-spin-button-height);
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	cursor: pointer;
	padding: 0;
	min-height: 0;
	top: 0;
	position: relative
}
.smart-slider .smart-scale.smart-hidden,
.smart-slider .smart-spin-button.smart-hidden,
.smart-slider .smart-thumb-label,
.smart-slider .smart-tooltip.smart-hidden {
	display: none
}
.smart-slider .smart-spin-button[hover] {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover)
}
.smart-slider .smart-spin-button[active] {
	background-color: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-border-active)
}
.smart-slider .smart-spin-button .smart-button {
	padding: 0;
	min-height: 0
}
.smart-slider .smart-spin-button .smart-arrow {
	left: 1px;
	top: 1px
}
.smart-slider[orientation=vertical] .smart-spin-button {
	float: none;
	margin-left: calc(var(--smart-slider-track-size)/ 2 - var(--smart-slider-spin-button-width)/ 2);
	margin-top: 0
}
.smart-slider[disabled] .smart-spin-button,
.smart-slider[disabled] .smart-thumb,
.smart-slider[disabled] .smart-track,
.smart-slider[disabled] .smart-value,
.smart-slider[readonly] .smart-spin-button,
.smart-slider[readonly] .smart-thumb,
.smart-slider[readonly] .smart-track,
.smart-slider[readonly] .smart-value {
	cursor: default
}
.smart-slider:not([animation=none]) .smart-thumb.enable-animation {
	transition: margin-left .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider:not([animation=none]) .smart-value.enable-animation {
	transition: width .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider:not([animation=none])[inverted] .smart-value.enable-animation,
.smart-slider:not([animation=none])[range-slider] .smart-value.enable-animation {
	transition: width .4s cubic-bezier(.25, .8, .25, 1), margin-left .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider:not([animation=none])[orientation=vertical] .smart-thumb.enable-animation {
	transition: margin-top .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider:not([animation=none])[orientation=vertical][inverted] .smart-value.enable-animation {
	transition: height .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider:not([animation=none])[orientation=vertical] .smart-value.enable-animation,
.smart-slider:not([animation=none])[orientation=vertical][range-slider] .smart-value.enable-animation {
	transition: height .4s cubic-bezier(.25, .8, .25, 1), margin-top .4s cubic-bezier(.25, .8, .25, 1)
}
.smart-slider[show-thumb-label] .smart-thumb,
.smart-tank[show-thumb-label] .smart-thumb {
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 9999
}
.smart-slider[show-thumb-label] .smart-thumb-label,
.smart-tank[show-thumb-label] .smart-thumb-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 7px;
	font-family: var(--smart-font-family);
	user-select: none
}
.smart-slider[show-thumb-label]:focus .smart-thumb-label {
	display: block
}
.smart-slider[thumb-label-position=far] .smart-thumb {
	top: 0
}
.smart-slider[thumb-label-position=far]:focus .smart-thumb {
	top: calc(var(--smart-slider-default-height) + var(--smart-slider-thumb-width) * 2)
}
.smart-slider[orientation=vertical][thumb-label-position=far] .smart-thumb {
	left: 100%;
	top: calc(100% + var(--smart-slider-thumb-height)/ 2)
}
.smart-slider .smart-tooltip .smart-tooltip-content {
	background-color: inherit;
	border-color: inherit
}
smart-slider[right-to-left] .smart-label,
smart-slider[right-to-left] .smart-tooltip-content {
	direction: rtl
}
smart-slider:not([animation=none])[right-to-left] .smart-value.enable-animation {
	transition: width .4s cubic-bezier(.25, .8, .25, 1), margin-left .4s cubic-bezier(.25, .8, .25, 1)
}











.smart-sortable {
	display: block
}
.smart-sortable .smart-sortable-items-parent,
.smart-sortable:not([items]).smart-container,
.smart-sortable:not([items])>.smart-container {
	display: flex;
	flex-direction: column
}
.smart-sortable[dragged]>.smart-container {
	user-select: none
}
.smart-sortable:not([items])[mode=horizontal]>.smart-container,
.smart-sortable[mode=horizontal] .smart-sortable-items-parent {
	flex-direction: row
}
.smart-sortable .smart-sortable-item {
	transform: translate(0, 0);
	position: relative
}
.smart-sortable:not([disabled]) .smart-sortable-item {
	touch-action: none
}
.smart-sortable:not([drag-mode=handle]):not([disabled]) .smart-sortable-item {
	cursor: grab
}
.smart-sortable:not([animation=none]) .smart-sortable-item {
	transition: transform .15s ease-in
}
.smart-sortable:not([animation=none]) .smart-sortable-item.returning {
	transition: left .15s ease-in, top .15s ease-in
}
.smart-sortable .smart-sortable-item.dragged {
	position: absolute;
	box-shadow: var(--smart-elevation-4);
	z-index: 9999999
}
.smart-sortable[drag-mode=handle] .smart-sortable-item:after,
.smart-sortable[drag-mode=handle] .smart-sortable-item:before {
	content: var(--smart-icon-ellipsis);
	position: absolute;
	left: 100%;
	top: calc(50% - var(--smart-sortable-handle-size)/ 2);
	width: var(--smart-sortable-handle-size);
	height: var(--smart-sortable-handle-size);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-family: var(--smart-font-family-icon);
	font-size: var(--smart-font-size);
	line-height: calc(var(--smart-sortable-handle-size) - var(--smart-font-size)/ 2);
	cursor: grab;
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s ease-in, opacity .2s ease-in;
	color: var(--smart-background-color)
}
.smart-sortable[handle-position=left] .smart-sortable-item:after,
.smart-sortable[handle-position=left] .smart-sortable-item:before {
	left: calc(-1 * var(--smart-sortable-handle-size))
}
.smart-sortable[drag-mode=handle]:not([disabled]) .smart-sortable-item:hover:after,
.smart-sortable[drag-mode=handle]:not([disabled]) .smart-sortable-item:hover:before {
	z-index: 9999999
}
.smart-sortable[drag-mode=handle] .smart-sortable-item.dragged:after,
.smart-sortable[drag-mode=handle] .smart-sortable-item.dragged:before,
.smart-sortable[drag-mode=handle]:not([disabled]) .smart-sortable-item:hover:after,
.smart-sortable[drag-mode=handle]:not([disabled]) .smart-sortable-item:hover:before,
.smart-sortable[drag-mode=handle][handle-visibility=visible]:not([disabled]) .smart-sortable-item:after,
.smart-sortable[drag-mode=handle][handle-visibility=visible]:not([disabled]) .smart-sortable-item:before {
	visibility: visible;
	opacity: .5
}
.smart-sortable .smart-sortable-item.placeholder:after,
.smart-sortable .smart-sortable-item.placeholder:before {
	content: none
}
.smart-sortable[drag-mode=handle] .smart-sortable-item:before {
	transform: rotate(-90deg)
}
.smart-sortable[drag-mode=handle] .smart-sortable-item:after {
	transform: rotate(90deg)
}
.smart-sortable[drag-mode=handle][handle-position=bottom] .smart-sortable-item:after,
.smart-sortable[drag-mode=handle][handle-position=bottom] .smart-sortable-item:before,
.smart-sortable[drag-mode=handle][handle-position=top] .smart-sortable-item:after,
.smart-sortable[drag-mode=handle][handle-position=top] .smart-sortable-item:before {
	left: calc(50% - var(--smart-sortable-handle-size)/ 2);
	top: 100%;
	align-items: center;
	transform: none
}
.smart-sortable[drag-mode=handle][handle-position=bottom] .smart-sortable-item:after {
	align-items: flex-start
}
.smart-sortable[drag-mode=handle][handle-position=top] .smart-sortable-item:after,
.smart-sortable[drag-mode=handle][handle-position=top] .smart-sortable-item:before {
	top: calc(-1 * var(--smart-sortable-handle-size))
}
.smart-sortable[drag-mode=handle][handle-position=top] .smart-sortable-item:after {
	align-items: flex-end
}
.smart-sortable[right-to-left] .smart-column-panel-label,
.smart-sortable[right-to-left] .smart-sortable-items-parent {
	direction: rtl
}
smart-splitter {
	width: var(--smart-splitter-default-width);
	height: var(--smart-splitter-default-height);
	position: relative
}
.smart-splitter[auto-fit-mode=overflow]>.smart-container {
	overflow: auto
}
.smart-splitter .smart-splitter {
	margin: 0;
	width: 100%;
	height: 100%;
	border: none
}
.smart-splitter[dragged] {
	pointer-events: none;
	user-select: none;
	touch-action: none
}
.smart-splitter>.smart-container {
	display: flex;
	position: relative;
	overflow: inherit
}
smart-splitter-item>.smart-container {
	overflow: hidden;
	position: relative;
	padding: var(--smart-splitter-item-padding)
}
.smart-splitter[orientation=horizontal]>.smart-container {
	flex-direction: column
}
.smart-splitter[orientation=horizontal]>.smart-container>.smart-splitter-bar-feedback,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-item {
	width: 100%;
	height: auto
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-item {
	height: var(--smart-splitter-item-size)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar {
	width: var(--smart-splitter-bar-fit-size)
}
.smart-splitter>.smart-container>.smart-splitter-bar-feedback,
.smart-splitter>.smart-container>smart-splitter-bar,
.smart-splitter>.smart-container>smart-splitter-item {
	height: 100%;
	flex-shrink: 0
}
.smart-splitter>.smart-container>smart-splitter-item {
	width: var(--smart-splitter-item-size)
}
.smart-splitter>.smart-container>smart-splitter-bar {
	height: var(--smart-splitter-bar-fit-size)
}
.smart-splitter .smart-splitter-bar-feedback,
.smart-splitter smart-splitter-bar {
	min-width: 5px;
	width: var(--smart-splitter-bar-size);
	position: relative;
	user-select: none;
	overflow: hidden;
	touch-action: none
}
.smart-splitter .smart-splitter smart-splitter-bar {
	background-color: var(--smart-primary);
	color: var(--smart-primary-color)
}
.smart-splitter>.smart-container>smart-splitter-bar[hover],
.smart-splitter[dragged] {
	cursor: w-resize
}
.smart-splitter[disabled]>.smart-container>smart-splitter-bar,
.smart-splitter[orientation][disabled]>.smart-container>smart-splitter-bar,
.smart-splitter[resize-mode=none]>.smart-container>smart-splitter-bar {
	cursor: default
}
.smart-splitter[disabled]>.smart-container>smart-splitter-bar {
	outline: 0;
	border: none;
	box-shadow: none
}
.smart-splitter[orientation=horizontal]>.smart-container>.smart-splitter-bar-feedback,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar {
	min-height: 5px;
	height: var(--smart-splitter-bar-size)
}
.smart-splitter[orientation=horizontal]:not([resize-mode=none])>.smart-container>smart-splitter-bar[hover]:not([locked]),
.smart-splitter[orientation=horizontal][dragged] {
	cursor: s-resize
}
.smart-splitter>.smart-container>smart-splitter-bar[locked],
.smart-splitter[dragging-not-allowed]>.smart-container>.smart-splitter-bar-feedback,
.smart-splitter[dragging-not-allowed]>.smart-container>smart-splitter-bar {
	cursor: default
}
.smart-splitter:not([dragged]) smart-splitter-bar[hover] {
	background-color: var(--smart-ui-state-hover);
	border-color: var(--smart-ui-state-border-hover);
	color: var(--smart-ui-state-color-hover);
	background-clip: content-box
}
.smart-splitter:not([dragged])>.smart-container>smart-splitter-bar:not([focus]) .smart-splitter-far-collapse-button,
.smart-splitter:not([dragged])>.smart-container>smart-splitter-bar:not([focus]) .smart-splitter-near-collapse-button {
	color: inherit
}
.smart-splitter:not([dragged])>.smart-container>smart-splitter-bar[hover]:not([item-collapsed]):not([focus]) .smart-splitter-far-collapse-button,
.smart-splitter:not([dragged])>.smart-container>smart-splitter-bar[hover]:not([item-collapsed]):not([focus]) .smart-splitter-near-collapse-button {
	color: var(--smart-ui-state-color-hover)
}
.smart-splitter:not([dragged]) smart-splitter-bar[hover]:not([item-collapsed]):not([focus]) .smart-splitter-resize-button span,
.smart-splitter:not([dragged]) smart-splitter-bar[hover]:not([item-collapsed]):not([focus]) .smart-splitter-resize-button span:after,
.smart-splitter:not([dragged]) smart-splitter-bar[hover]:not([item-collapsed]):not([focus]) .smart-splitter-resize-button span:before {
	background-color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-color-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-splitter:not([dragged]) smart-splitter-bar:not([item-collapsed]):not([focus]) .smart-splitter-far-collapse-button[hover],
.smart-splitter:not([dragged]) smart-splitter-bar:not([item-collapsed]):not([focus]) .smart-splitter-near-collapse-button[hover] {
	color: var(--smart-ui-state-color-hover)
}
.smart-splitter smart-splitter-bar[locked][hover] {
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-splitter smart-splitter-bar[focus].smart-element {
	outline: 0;
	background: var(--smart-ui-state-active);
	color: var(--smart-ui-state-color-active)
}
.smart-splitter smart-splitter-bar[focus] .smart-splitter-resize-button>span,
.smart-splitter smart-splitter-bar[focus] .smart-splitter-resize-button>span::after,
.smart-splitter smart-splitter-bar[focus] .smart-splitter-resize-button>span::before {
	background-color: var(--smart-ui-state-color-active);
	border-color: var(--smart-ui-state-color-active);
	color: var(--smart-ui-state-color-active)
}
.smart-splitter smart-splitter-bar[locked] .smart-splitter-resize-button>span {
	visibility: hidden
}
.smart-splitter smart-splitter-bar[locked] .smart-splitter-resize-button>span::after,
.smart-splitter smart-splitter-bar[locked] .smart-splitter-resize-button>span::before {
	content: none
}
.smart-splitter .smart-splitter-bar-feedback {
	position: absolute;
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover);
	background-clip: content-box;
	opacity: .5
}
.smart-splitter .smart-splitter-bar-feedback.limit-reached {
	background-color: var(--smart-error)
}
.smart-splitter smart-splitter-bar>.smart-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column-reverse
}
.smart-splitter smart-splitter-bar[show-far-button] .smart-splitter-far-collapse-button,
.smart-splitter smart-splitter-bar[show-near-button] .smart-splitter-near-collapse-button {
	visibility: visible;
	width: 100%
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar>.smart-container {
	flex-direction: row
}
.smart-splitter .smart-splitter-far-collapse-button,
.smart-splitter .smart-splitter-near-collapse-button,
.smart-splitter .smart-splitter-resize-button {
	width: 100%;
	height: 20px;
	position: relative;
	font-family: var(--smart-font-family-icon);
	cursor: pointer
}
.smart-splitter .smart-splitter-far-collapse-button,
.smart-splitter .smart-splitter-near-collapse-button {
	visibility: hidden;
	width: 0
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-far-collapse-button>span,
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-near-collapse-button>span {
	transform: rotate(270deg)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-resize-button,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar[show-far-button] .smart-splitter-far-collapse-button,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar[show-near-button] .smart-splitter-near-collapse-button {
	width: 20px;
	height: 100%
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-far-collapse-button,
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-near-collapse-button {
	width: 0;
	height: 100%
}
.smart-splitter .smart-splitter-resize-button {
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: inherit
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-resize-button {
	width: 40px
}
.smart-splitter .smart-splitter-far-collapse-button .smart-arrow,
.smart-splitter .smart-splitter-near-collapse-button .smart-arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto
}
.smart-splitter .smart-splitter-far-collapse-button .smart-arrow::after,
.smart-splitter .smart-splitter-near-collapse-button .smart-arrow::after {
	content: var(--smart-icon-arrow-down);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	line-height: normal
}
.smart-splitter:not([animation=none]) .smart-splitter-far-collapse-button .smart-arrow,
.smart-splitter:not([animation=none]) .smart-splitter-near-collapse-button .smart-arrow {
	transition: transform .2s ease-out
}
.smart-splitter .smart-splitter-resize-button>span {
	width: 6px;
	height: 6px;
	border: 1px solid var(--smart-surface-color);
	background-color: var(--smart-surface-color);
	color: var(--smart-surface-color);
	border-radius: 50%;
	cursor: inherit
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-resize-button {
	display: none
}
.smart-splitter .smart-splitter-resize-button>span::after,
.smart-splitter .smart-splitter-resize-button>span::before {
	position: absolute;
	transform: translate(-50%, -50%);
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	border: 1px solid var(--smart-surface-color);
	background-color: var(--smart-surface-color);
	color: var(--smart-surface-color);
	pointer-events: none;
	font-family: var(--smart-font-family-icon)
}
.smart-splitter .smart-splitter-resize-button>span::before {
	left: 50%;
	top: calc(50% - var(--smart-splitter-bar-size))
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-resize-button>span::before {
	left: calc(50% - var(--smart-splitter-bar-size));
	top: 50%
}
.smart-splitter .smart-splitter-resize-button>span::after {
	top: calc(50% + var(--smart-splitter-bar-size));
	left: 50%
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-resize-button>span::after {
	top: 50%;
	left: calc(50% + var(--smart-splitter-bar-size))
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-resize-button>span::after,
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-resize-button>span::before {
	content: initial
}
.smart-splitter .smart-splitter-far-collapse-button>span {
	transform: translate(-50%, -50%) rotate(270deg)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-far-collapse-button>span {
	transform: translate(-50%, -45%) rotate(0)
}
.smart-splitter .smart-splitter-near-collapse-button .smart-arrow {
	transform: translate(-55%, -50%) rotate(90deg)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar .smart-splitter-near-collapse-button>span {
	transform: translate(-50%, -50%) rotate(180deg)
}
.smart-splitter smart-splitter-bar[item-collapsed] {
	cursor: initial
}
.smart-splitter smart-splitter-bar[item-collapsed]>.smart-container {
	flex-direction: initial
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-far-collapse-button.smart-visibility-hidden,
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-near-collapse-button.smart-visibility-hidden {
	width: initial
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-far-collapse-button>span {
	transform: translate(-50%, -50%) rotate(90deg)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar[item-collapsed] .smart-splitter-far-collapse-button>span {
	transform: translate(-50%, -50%) rotate(180deg)
}
.smart-splitter smart-splitter-bar[item-collapsed] .smart-splitter-near-collapse-button>span {
	transform: translate(-50%, -50%) rotate(270deg)
}
.smart-splitter[orientation=horizontal]>.smart-container>smart-splitter-bar[item-collapsed] .smart-splitter-near-collapse-button>span {
	transform: translate(-50%, -50%) rotate(0)
}
.smart-splitter smart-splitter-item.smart-element {
	background-color: inherit;
	color: inherit;
	border-radius: initial
}
.smart-splitter smart-splitter-bar.smart-element {
	background: var(--smart-surface);
	border-color: var(--smart-surface-color);
	color: var(--smart-surface-color);
	border-radius: initial
}
.smart-splitter smart-splitter-item[collapsed] {
	overflow: hidden;
	padding: initial
}
.smart-splitter smart-splitter-item>.smart-container>.smart-content {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: var(--smart-splitter-item-content-padding)
}
.smart-splitter:not([animation=none])>.smart-container>smart-splitter-item.animate {
	transition: all .25s cubic-bezier(.4, 0, .2, 1)
}
.smart-splitter[dragged]:not([animation=none])>.smart-container>smart-splitter-item,
.smart-splitter[orientation-change]:not([animation=none])>.smart-container>smart-splitter-item {
	transition: none
}
.smart-splitter[show-locked-items]>.smart-container>smart-splitter-item[locked]>.smart-container::after {
	position: absolute;
	content: var(--smart-icon-lock);
	font-family: var(--smart-font-family-icon);
	opacity: .25;
	font-size: calc(2.5 * var(--smart-splitter-font-size));
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.smart-splitter smart-splitter-item {
	overflow: hidden
}
.smart-splitter[orientation=horizontal] smart-splitter-item[collapsed] {
	min-width: 0;
	min-height: 0
}
.smart-splitter[right-to-left] .smart-splitter>.smart-container {
	direction: initial
}
.smart-splitter[right-to-left] smart-splitter-item>.smart-container>.smart-content {
	direction: rtl
}
:host(smart-splitter[auto-fit-mode=overflow])>.smart-container {
	overflow: auto
}
:host(smart-splitter) smart-splitter {
	margin: 0;
	width: 100%;
	height: 100%;
	border: none
}
:host(smart-splitter)>.smart-container {
	display: flex;
	position: relative;
	overflow: inherit
}
:host(smart-splitter[orientation=horizontal])>.smart-container {
	flex-direction: column
}
:host(smart-splitter[orientation=horizontal])>.smart-container>.smart-splitter-bar-feedback,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-item {
	width: 100%;
	height: auto
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-item {
	height: var(--smart-splitter-item-size)
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar {
	width: var(--smart-splitter-bar-fit-size)
}
:host(smart-splitter)>.smart-container>.smart-splitter-bar-feedback,
:host(smart-splitter)>.smart-container>smart-splitter-bar,
:host(smart-splitter)>.smart-container>smart-splitter-item {
	height: 100%;
	flex-shrink: 0
}
:host(smart-splitter)>.smart-container>smart-splitter-item {
	width: var(--smart-splitter-item-size)
}
:host(smart-splitter)>.smart-container>smart-splitter-bar {
	height: var(--smart-splitter-bar-fit-size)
}
:host(smart-splitter)>.smart-container>smart-splitter-bar[hover],
smart-splitter[dragged] {
	cursor: w-resize
}
:host(smart-splitter[disabled])>.smart-container>smart-splitter-bar,
:host(smart-splitter[orientation][disabled])>.smart-container>smart-splitter-bar,
:host(smart-splitter[resize-mode=none])>.smart-container>smart-splitter-bar {
	cursor: default
}
:host(smart-splitter[orientation=horizontal])>.smart-container>.smart-splitter-bar-feedback,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar {
	min-height: 5px;
	height: var(--smart-splitter-bar-size)
}
:host(smart-splitter[orientation=horizontal]:not([resize-mode=none]))>.smart-container>smart-splitter-bar[hover]:not([locked]),
smart-splitter[orientation=horizontal][dragged] {
	cursor: s-resize
}
:host(smart-splitter[dragging-not-allowed])>.smart-container>.smart-splitter-bar-feedback,
:host(smart-splitter[dragging-not-allowed])>.smart-container>smart-splitter-bar {
	cursor: default
}
:host(smart-splitter)>.smart-container>smart-splitter-bar[locked] {
	cursor: default
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar>.smart-container {
	flex-direction: row
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-resize-button,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar[show-far-button] .smart-splitter-far-collapse-button,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar[show-near-button] .smart-splitter-near-collapse-button {
	width: 20px;
	height: 100%
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-far-collapse-button,
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-near-collapse-button {
	width: 0;
	height: 100%
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-resize-button {
	width: 40px
}
:host(smart-splitter) .smart-splitter-resize-button>span::before {
	left: 50%;
	top: calc(50% - var(--smart-splitter-bar-size))
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-resize-button>span::before {
	left: calc(50% - var(--smart-splitter-bar-size));
	top: 50%
}
:host(smart-splitter) .smart-splitter-resize-button>span::after {
	top: calc(50% + var(--smart-splitter-bar-size));
	left: 50%
}
:host(smart-splitter[orientation=horizontal])>.smart-container>smart-splitter-bar .smart-splitter-resize-button>span::after {
	top: 50%;
	left: calc(50% + var(--smart-splitter-bar-size))
}
:host(smart-splitter[right-to-left]) .smart-splitter>.smart-container {
	direction: initial
}
:host(smart-splitter[right-to-left]) smart-splitter-item>.smart-container>.smart-content {
	direction: rtl
}
smart-switch-button {
	width: var(--smart-switch-button-default-width);
	height: var(--smart-switch-button-default-height)
}
smart-switch-button.smart-element {
	display: inline-block;
	border: none;
	background: 0 0;
	overflow: visible
}
.smart-switch-button[readonly] {
	pointer-events: none
}
.smart-switch-button .smart-container,
:host(smart-switch-button) .smart-container {
	font-size: inherit;
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	touch-action: none
}
.smart-switch-button .smart-inner-container {
	height: 100%;
	position: absolute;
	color: inherit;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	pointer-events: none
}
.smart-switch-button .smart-thumb {
	border: var(--smart-border-width) solid var(--smart-border);
	border-radius: 100%;
	width: var(--smart-switch-button-thumb-size);
	height: var(--smart-switch-button-thumb-size);
	background-color: var(--smart-surface);
	box-shadow: var(--smart-elevation-2);
	align-self: center;
	position: relative;
	cursor: pointer;
	order: 2;
	pointer-events: all
}
.smart-switch-button[checked=null] .smart-thumb {
	background-color: var(--smart-surface);
	border-color: var(--smart-border)
}
.smart-switch-button:focus .smart-thumb,
.smart-switch-button[checked] .smart-thumb {
	background-color: var(--smart-ui-state-active);
	border-color: var(--smart-ui-state-border-active)
}
.smart-switch-button .smart-false-content-container,
.smart-switch-button .smart-true-content-container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-clip: content-box;
	padding: 2px 0;
	color: inherit;
	overflow: hidden;
	order: 1
}
.smart-switch-button[orientation=vertical] .smart-false-content-container,
.smart-switch-button[orientation=vertical] .smart-true-content-container {
	width: 100%;
	padding: 0 2px
}
.smart-switch-button[orientation=vertical] .smart-inner-container {
	width: 100%;
	flex-direction: column;
	height: calc(2 * var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size))
}
.smart-switch-button .smart-true-content-container,
.smart-switch-button[inverted] .smart-false-content-container {
	order: 1
}
.smart-switch-button .smart-false-content-container,
.smart-switch-button[inverted] .smart-true-content-container {
	order: 3
}
.smart-switch-button .smart-inner-container,
.smart-switch-button[checked][inverted] .smart-inner-container,
.smart-switch-button[orientation=vertical] .smart-inner-container,
.smart-switch-button[orientation=vertical][checked=null][inverted] .smart-inner-container,
.smart-switch-button[orientation=vertical][checked] .smart-inner-container,
.smart-switch-button[orientation=vertical][inverted] .smart-inner-container {
	left: 0
}
.smart-switch-button[checked] .smart-inner-container,
.smart-switch-button[inverted] .smart-inner-container {
	left: calc(-1 * (var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size)))
}
.smart-switch-button[checked=null] .smart-inner-container,
.smart-switch-button[checked=null][inverted] .smart-inner-container {
	left: calc(-1 * var(--smart-switch-button-default-width)/ 2 + var(--smart-switch-button-thumb-size)/ 2)
}
.smart-switch-button[orientation=vertical] .smart-inner-container,
.smart-switch-button[orientation=vertical][checked][inverted] .smart-inner-container {
	top: 0
}
.smart-switch-button[orientation=vertical][checked] .smart-inner-container,
.smart-switch-button[orientation=vertical][inverted] .smart-inner-container {
	top: calc(-1 * (var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size)))
}
.smart-switch-button[orientation=vertical][checked=null] .smart-inner-container,
.smart-switch-button[orientation=vertical][checked=null][inverted] .smart-inner-container {
	top: calc(-1 * var(--smart-switch-button-default-width)/ 2 + var(--smart-switch-button-thumb-size)/ 2)
}
.smart-switch-button .smart-false-content,
.smart-switch-button .smart-true-content {
	font-size: inherit;
	font-weight: inherit;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	color: inherit
}
.smart-switch-button[checked=null] .smart-false-content-container,
.smart-switch-button[checked=null] .smart-true-content-container {
	color: transparent
}
.smart-switch-button[checked=null] .smart-false-content,
.smart-switch-button[checked=null] .smart-true-content {
	visibility: hidden
}
.smart-switch-button[hover] {
	border-color: var(--smart-ui-state-hover)
}
.smart-switch-button .smart-inner-container {
	width: calc(2 * var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size))
}
.smart-switch-button .smart-false-content-container,
.smart-switch-button .smart-true-content-container {
	width: calc(var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size))
}
.smart-switch-button[orientation=vertical] .smart-false-content-container,
.smart-switch-button[orientation=vertical] .smart-true-content-container {
	height: calc(var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size))
}
.smart-switch-button[checked] .smart-thumb,
.smart-switch-button[checked][orientation=vertical] .smart-thumb {
	background-color: var(--smart-ui-state-active)
}
.smart-switch-button .smart-container::before,
:host(smart-switch-button) .smart-container::before {
	content: "";
	position: absolute;
	width: 90%;
	height: 50%;
	left: 5%;
	top: 25%;
	border-radius: 10px;
	background-color: var(--smart-surface)
}
.smart-switch-button:not([animation=none]) .smart-container::before,
:host(smart-switch-button:not([animation=none])) .smart-container::before {
	transition: opacity .2s ease-in-out, background .2s ease-in-out
}
.smart-switch-button[checked] .smart-container::before,
.smart-switch-button[checked][orientation=vertical] .smart-container::before,
:host(smart-switch-button[checked]) .smart-container::before,
:host(smart-switch-button[checked][orientation=vertical]) .smart-container::before {
	background-color: var(--smart-ui-state-active);
	opacity: .4
}
.smart-switch-button .smart-thumb::before {
	background-color: var(--smart-ui-state-active);
	position: absolute;
	width: 200%;
	height: 200%;
	left: 50%;
	top: 50%;
	transition: .2s;
	display: block;
	border-radius: 100%;
	content: "";
	transform: scale(0) translate(-50%, -50%);
	transform-origin: left top;
	opacity: .2
}
.smart-switch-button[disabled] .smart-thumb::before {
	content: none
}
.smart-switch-button:focus .smart-thumb::before,
.smart-switch-button[checked] .smart-thumb:active::before,
.smart-switch-button[checked]:focus .smart-thumb::before,
.smart-switch-button[checked][orientation=vertical] .smart-thumb:active::before,
.smart-switch-button[checked][orientation=vertical]:focus .smart-thumb::before {
	transform: scale(1) translate(-50%, -50%);
	background-color: var(--smart-ui-state-active)
}
.smart-switch-button .smart-thumb:active::before,
.smart-switch-button:focus .smart-thumb::before,
.smart-switch-button[checked]:not([animation=none]) .smart-thumb:active::before,
.smart-switch-button[checked]:not([animation=none]):focus .smart-thumb::before,
.smart-switch-button[checked][orientation=vertical]:not([animation=none]) .smart-thumb:active::before,
.smart-switch-button[checked][orientation=vertical]:not([animation=none]):focus .smart-thumb::before,
.smart-switch-button[orientation=vertical] .smart-thumb:active::before,
.smart-switch-button[orientation=vertical]:focus .smart-thumb::before {
	animation: button-wave-effect .1s ease-in
}
.smart-switch-button .smart-thumb:active::before,
.smart-switch-button:focus .smart-thumb::before,
.smart-switch-button[orientation=vertical] .smart-thumb:active::before,
.smart-switch-button[orientation=vertical]:focus .smart-thumb::before,
:host(smart-switch-button:focus) .smart-thumb::before {
	transform: scale(1) translate(-50%, -50%)
}
.smart-switch-button[orientation=vertical] {
	height: var(--smart-switch-button-default-width);
	width: var(--smart-switch-button-default-height)
}
.smart-switch-button[orientation=vertical] .smart-thumb {
	width: var(--smart-switch-button-thumb-size);
	height: var(--smart-switch-button-thumb-size);
	box-shadow: var(--smart-elevation-2)
}
.smart-switch-button[orientation=vertical] .smart-container::before,
:host(smart-switch-button[orientation=vertical]) .smart-container::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 90%;
	left: 25%;
	top: 5%;
	border-radius: 10px
}
.smart-switch-button[orientation=vertical] .smart-thumb::before {
	border: var(--smart-border-width) solid var(--smart-border)
}
.smart-switch-button:not([animation=none]):not([dragged]):not([checked=null]) .smart-inner-container {
	transition: left .2s ease-in-out
}
.smart-switch-button:not([animation=none])[orientation=vertical]:not([dragged]):not([checked=null]) .smart-inner-container {
	transition: top .2s ease-in-out
}
@keyframes button-wave-effect {
	0% {
		transform: scale(.2) translate(-50%, -50%)
	}
	50% {
		transform: scale(.5) translate(-50%, -50%)
	}
	100% {
		transform: scale(1) translate(-50%, -50%)
	}
}
.smart-switch-button[checked][right-to-left]:not([orientation=vertical]) .smart-inner-container,
.smart-switch-button[right-to-left][inverted]:not([orientation=vertical]) .smart-inner-container,
:host(.smart-switch-button[checked][right-to-left]:not([orientation=vertical])) .smart-inner-container,
:host(.smart-switch-button[right-to-left][inverted]:not([orientation=vertical])) .smart-inner-container {
	left: 0
}
.smart-switch-button[checked][right-to-left][inverted]:not([orientation=vertical]) .smart-inner-container,
.smart-switch-button[right-to-left]:not([orientation=vertical]) .smart-inner-container,
:host(.smart-switch-button[checked][right-to-left][inverted]:not([orientation=vertical])) .smart-inner-container,
:host(.smart-switch-button[right-to-left]:not([orientation=vertical])) .smart-inner-container {
	left: calc(-1 * (var(--smart-switch-button-default-width) - var(--smart-switch-button-thumb-size)))
}
.smart-switch-button[checked=null][right-to-left]:not([orientation=vertical]) .smart-inner-container,
:host(.smart-switch-button[checked=null][right-to-left]:not([orientation=vertical])) .smart-inner-container {
	left: calc(-1 * var(--smart-switch-button-default-width)/ 2 + var(--smart-switch-button-thumb-size)/ 2)
}
smart-table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	font-family: var(--smart-font-family);
	font-size: var(--smart-font-size)
}
.smart-table-container {
	width: 100%;
	height: 100%
}
smart-table td,
smart-table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}
smart-table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}
smart-table thead th .sort-by {
	padding-right: 18px;
	position: relative;
	user-select: none
}
smart-table thead th .sort-by.asc:before,
smart-table thead th .sort-by.desc:after {
	border: 4px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 5px;
	top: 50%;
	position: absolute;
	width: 0
}
smart-table thead th .sort-by.asc:before {
	border-bottom-color: #666;
	margin-top: -5px
}
smart-table.table-dark thead th .sort-by.asc:before,
smart-table.thead-dark th .sort-by.asc:before {
	border-bottom-color: #fff
}
smart-table thead th .sort-by.desc:after {
	border-top-color: #666;
	margin-top: 1px
}
smart-table.table-dark thead th .sort-by.desc:after,
smart-table.thead-dark thead th .sort-by.desc:after {
	border-top-color: #fff
}
smart-table tbody+tbody {
	border-top: 2px solid #dee2e6
}
smart-table smart-table {
	background-color: #fff
}
.smart-table-sm td,
.smart-table-sm th {
	padding: .3rem
}
smart-table.table-bordered table,
smart-table.table-bordered table td,
smart-table.table-bordered table th {
	border: 1px solid #dee2e6
}
smart-table.table-bordered table thead td,
smart-table.table-bordered table thead th {
	border-bottom-width: 2px
}
smart-table.table-striped table tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05)
}
smart-table.table-hover table tbody tr:hover {
	background-color: rgba(0, 0, 0, .075)
}
.smart-table-primary,
.smart-table-primary>td,
.smart-table-primary>th {
	background-color: #b8daff
}
smart-table.table-hover table .smart-table-primary:hover,
smart-table.table-hover table .smart-table-primary:hover>td,
smart-table.table-hover table .smart-table-primary:hover>th {
	background-color: #9fcdff
}
.smart-table-secondary,
.smart-table-secondary>td,
.smart-table-secondary>th {
	background-color: #d6d8db
}
smart-table.table-hover table .smart-table-secondary:hover,
smart-table.table-hover table .smart-table-secondary:hover>td,
smart-table.table-hover table .smart-table-secondary:hover>th {
	background-color: #c8cbcf
}
.smart-table-success,
.smart-table-success>td,
.smart-table-success>th {
	background-color: #c3e6cb
}
smart-table.table-hover table .smart-table-success:hover,
smart-table.table-hover table .smart-table-success:hover>td,
smart-table.table-hover table .smart-table-success:hover>th {
	background-color: #b1dfbb
}
.smart-table-info,
.smart-table-info>td,
.smart-table-info>th {
	background-color: #bee5eb
}
smart-table.table-hover table .smart-table-info:hover,
smart-table.table-hover table .smart-table-info:hover>td,
smart-table.table-hover table .smart-table-info:hover>th {
	background-color: #abdde5
}
.smart-table-warning,
.smart-table-warning>td,
.smart-table-warning>th {
	background-color: #ffeeba
}
smart-table.table-hover table .smart-table-warning:hover,
smart-table.table-hover table .smart-table-warning:hover>td,
smart-table.table-hover table .smart-table-warning:hover>th {
	background-color: #ffe8a1
}
.smart-table-danger,
.smart-table-danger>td,
.smart-table-danger>th {
	background-color: #f5c6cb
}
smart-table.table-hover table .smart-table-danger:hover,
smart-table.table-hover table .smart-table-danger:hover>td,
smart-table.table-hover table .smart-table-danger:hover>th {
	background-color: #f1b0b7
}
smart-table.table-light table,
smart-table.table-light table>td,
smart-table.table-light table>th {
	background-color: #fdfdfe
}
smart-table.table-hover table smart-table.table-light table:hover,
smart-table.table-hover table smart-table.table-light table:hover>td,
smart-table.table-hover table smart-table.table-light table:hover>th {
	background-color: #ececf6
}
smart-table.table-dark table,
smart-table.table-dark table>td,
smart-table.table-dark table>th {
	background-color: #c6c8ca
}
smart-table.table-hover table smart-table.table-dark table:hover,
smart-table.table-hover table smart-table.table-dark table:hover>td,
smart-table.table-hover table smart-table.table-dark table:hover>th {
	background-color: #b9bbbe
}
.smart-table-active,
.smart-table-active>td,
.smart-table-active>th,
smart-table.table-hover table .smart-table-active:hover,
smart-table.table-hover table .smart-table-active:hover>td,
smart-table.table-hover table .smart-table-active:hover>th {
	background-color: rgba(0, 0, 0, .075)
}
smart-table.thead-dark table th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e
}
smart-table.thead-primary table th {
	color: var(--smart-primary-color);
	background-color: var(--smart-primary);
	border-color: var(--smart-primary)
}
smart-table.thead-secondary table th {
	color: var(--smart-secondary-color);
	background-color: var(--smart-secondary);
	border-color: var(--smart-secondary)
}
smart-table.thead-surface table th {
	color: var(--smart-surface-color);
	background-color: var(--smart-surface);
	border-color: var(--smart-surface)
}
smart-table.thead-light table th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}
smart-table.table-dark table {
	color: #fff;
	background-color: #212529
}
smart-table.table-dark table td,
smart-table.table-dark table th,
smart-table.table-dark table thead th {
	border-color: #32383e
}
smart-table.table-dark.table-bordered table,
smart-table.table-responsive>smart-table.table-bordered table {
	border: 0
}
smart-table.table-dark.table-striped table tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .05)
}
smart-table.table-dark.table-hover table tbody tr:hover {
	background-color: rgba(255, 255, 255, .075)
}
@media (max-width: 575.98px) {
	smart-table.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	smart-table.table-responsive-sm>smart-table.table-bordered table {
		border: 0
	}
}
@media (max-width: 767.98px) {
	smart-table.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	smart-table.table-responsive-md>smart-table.table-bordered table {
		border: 0
	}
}
@media (max-width: 991.98px) {
	smart-table.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	smart-table.table-responsive-lg>smart-table.table-bordered table {
		border: 0
	}
}
@media (max-width: 1199.98px) {
	smart-table.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	smart-table.table-responsive-xl>smart-table.table-bordered table {
		border: 0
	}
}
smart-table.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
smart-table[right-to-left]>.smart-container {
	direction: rtl
}
.smart-tabs,
smart-tab-item {
	outline: 0
}
smart-tab-item.smart-element,
smart-tab-items-group.smart-element,
smart-tabs.smart-element {
	background: 0 0;
	border: none
}
.smart-tabs:focus .smart-tabs-content-section,
.smart-tabs:focus .smart-tabs-header-section {
	border-color: var(--smart-outline)
}
.smart-tabs:focus .smart-tab-label-container[selected],
.smart-tabs[keyboard-navigate] {
	color: var(--smart-ui-state-color-focus)
}
smart-tab-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: inherit;
	overflow: auto
}
smart-tab-item.animate {
	transition: left var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1), top var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1), visibility 2s cubic-bezier(.35, 0, .25, 1), opacity 2s cubic-bezier(.35, 0, .25, 1)
}
smart-tab-item.smart-visibility-hidden.animate .smart-container {
	visibility: initial
}
.smart-tabs[selected-index=null] .smart-tabs-selection-bar,
smart-tab-item.smart-visibility-hidden .smart-container,
smart-tab-item.smart-visibility-hidden>.smart-container .smart-widget * {
	visibility: hidden
}
smart-tab-item>.smart-container {
	padding: 5px
}
smart-tab-item>.smart-container .smart-widget * {
	box-sizing: initial
}
.smart-tabs:not([animation=none]) smart-tab-item.right {
	left: 100%
}
.smart-tabs:not([animation=none]) smart-tab-item.left {
	left: -100%
}
.smart-tabs:not([animation=none]) smart-tab-item.top {
	top: -100%
}
.smart-tabs:not([animation=none]) smart-tab-item.bottom {
	top: 100%
}
smart-tabs {
	border: none;
	min-width: 125px;
	width: var(--smart-tabs-default-width);
	min-height: 125px;
	height: var(--smart-tabs-default-height);
	padding: 2px;
	overflow: visible;
	line-height: initial
}
.smart-tabs .ripple-agent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none
}
.smart-tabs .smart-ripple {
	background-color: var(--smart-primary);
	opacity: .5
}
.smart-tabs-selection-bar {
	position: absolute;
	bottom: 0;
	background: var(--smart-ui-state-color-selected);
	height: 2px;
	z-index: 10
}
.smart-tabs:not([animation=none]) .smart-tabs-selection-bar {
	transition: width var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1), height var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1), top var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1), left var(--smart-tabs-animation-duration) cubic-bezier(.35, 0, .25, 1)
}
.smart-tabs[tab-position=left] .smart-tabs-selection-bar {
	width: 2px;
	right: 0
}
.smart-tabs[tab-position=right] .smart-tabs-selection-bar {
	width: 2px;
	left: 0
}
.smart-tabs[tab-position=bottom] .smart-tabs-selection-bar {
	height: 2px;
	top: 0
}
.smart-tabs[collapsed][horizontal] {
	min-height: initial;
	height: auto
}
.smart-tabs[collapsed][vertical] {
	display: table-caption;
	min-width: initial;
	width: auto
}
.smart-tabs[dragged],
.smart-tabs[dragged] .smart-tab-label-container {
	cursor: move
}
.smart-tabs[resizing][horizontal],
.smart-tabs[resizing][horizontal] .smart-tab-group-container,
.smart-tabs[resizing][horizontal] .smart-tab-label-container {
	cursor: e-resize
}
.smart-tabs[resizing][vertical],
.smart-tabs[resizing][vertical] .smart-tab-group-container,
.smart-tabs[resizing][vertical] .smart-tab-label-container {
	cursor: n-resize
}
.smart-tabs>.smart-container,
:host(smart-tabs)>.smart-container {
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative
}
.smart-tabs[vertical]>.smart-container,
:host(.smart-tabs[vertical])>.smart-container {
	-webkit-flex-direction: row;
	flex-direction: row
}
.smart-tabs .smart-tabs-header-section {
	border: var(--smart-border-width) solid var(--smart-surface);
	background: var(--smart-surface);
	color: var(--smart-surface-color);
	padding: var(--smart-tabs-header-padding)
}
.smart-tabs:not([tab-position=bottom]):not([tab-position=left]):not([tab-position=right]) .smart-tabs-header-section {
	border-bottom-width: 0
}
.smart-tabs[tab-position=bottom] .smart-tabs-header-section {
	border-top-width: 0
}
.smart-tabs[tab-position=left] .smart-tabs-header-section {
	border-right-width: 0
}
.smart-tabs[tab-position=right] .smart-tabs-header-section {
	border-left-width: 0
}
.smart-tabs .smart-tabs-content-section {
	position: relative;
	min-height: 0;
	width: 100%
}
.smart-tabs[horizontal] .smart-tab-strip {
	width: 100%;
	min-height: 0
}
.smart-tabs[allow-toggle] .smart-tabs-content-section:after {
	content: 'No Items Selected';
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	pointer-events: none
}
.smart-tabs[collapsed] .smart-tabs-content-section,
.smart-tabs[tab-position=hidden] .smart-tabs-header-section {
	display: none
}
.smart-tabs:not([animation=none]) .smart-tabs-content-section:after {
	transition: opacity .2s ease-in
}
.smart-tabs[selected-index] .smart-tabs-content-section:after {
	opacity: 0
}
.smart-tabs[selected-index=null] .smart-tabs-content-section:after {
	opacity: 1
}
.smart-tabs[vertical] .smart-tabs-content-section,
.smart-tabs[vertical] .smart-tabs-header-items,
.smart-tabs[vertical] .smart-tabs-header-section {
	width: auto;
	min-height: initial;
	height: 100%
}
.smart-tabs[vertical] .smart-tab-strip {
	height: 100%
}
.smart-tabs .smart-tab-group-container,
.smart-tabs .smart-tab-label-container {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: inherit;
	text-transform: var(--smart-tab-item-text-transform)
}
.smart-tabs[horizontal] .smart-tab-strip>.smart-tab-label-container {
	min-width: 10px;
	border: none;
	border-bottom: var(--smart-item-border-width) solid transparent
}
.smart-tabs[close-buttons][horizontal] .smart-tab-strip>.smart-tab-label-container,
.smart-tabs[horizontal] .smart-tab-group-container {
	min-width: 40px
}
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-group-container,
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-strip>.smart-tab-label-container {
	min-width: 20px
}
.smart-tabs[close-buttons][horizontal] .smart-tab-strip>.smart-add-new-tab,
.smart-tabs[horizontal] .smart-tab-strip>.smart-add-new-tab,
.smart-tabs[tab-layout=shrink][horizontal] .smart-tab-group-container,
.smart-tabs[tab-layout=shrink][horizontal] .smart-tab-strip>.smart-tab-label-container {
	min-width: initial
}
.smart-tabs[vertical] .smart-tab-group-container,
.smart-tabs[vertical] .smart-tab-strip>.smart-tab-label-container {
	border: none;
	border-right: var(--smart-item-border-width) solid transparent;
	min-height: 20px
}
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-strip>.smart-tab-label-container {
	min-height: 10px
}
.smart-tabs[close-buttons][tab-text-orientation=vertical][vertical] .smart-tab-strip>.smart-tab-label-container,
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-group-container {
	min-height: 40px
}
.smart-tabs .smart-tab-label-text-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding: var(--smart-tab-item-padding)
}
.smart-tabs .smart-tab-label-text-container {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.smart-tabs[disabled] .smart-nav-button,
.smart-tabs[disabled] .smart-tab-group-container,
.smart-tabs[disabled] .smart-tab-label-container,
.smart-tabs[disabled] .smart-tabs-header-items>.smart-drop-down-button,
.smart-tabs[readonly] .smart-nav-button,
.smart-tabs[readonly] .smart-tab-group-container,
.smart-tabs[readonly] .smart-tab-label-container,
.smart-tabs[readonly] .smart-tabs-header-items>.smart-drop-down-button {
	cursor: default
}
.smart-tabs[vertical] .smart-tab-group-container,
.smart-tabs[vertical] .smart-tab-label-container {
	display: block
}
.smart-tabs[horizontal] .smart-tab-strip>.smart-tab-label-container:first-child {
	margin-left: var(--smart-tab-item-initial-offset)
}
.smart-tabs .smart-tab-label-container {
	background-color: inherit;
	border-color: transparent;
	color: inherit;
	margin-right: var(--smart-tab-item-offset);
	border-top-left-radius: var(--smart-item-border-top-left-radius);
	border-top-right-radius: var(--smart-item-border-top-right-radius);
	border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-item-border-bottom-right-radius)
}
.smart-tabs .smart-tab-label-container[selected],
.smart-tabs .smart-tab-label-container[selected][focus] {
	background-color: var(--smart-ui-state-selected);
	border-color: var(--smart-item-border-selected);
	color: var(--smart-ui-state-color-selected)
}
.smart-tabs[tab-position=bottom] .smart-tab-label-container {
	margin-right: var(--smart-tab-item-offset)
}
.smart-tabs[horizontal] .smart-tab-label-container:last-child {
	margin-right: 0
}
.smart-tabs[tab-position=left] .smart-tab-label-container,
.smart-tabs[tab-position=right] .smart-tab-label-container {
	margin-right: 0;
	margin-left: 0;
	margin-top: var(--smart-tab-item-initial-offset);
	margin-bottom: var(--smart-tab-item-offset)
}
.smart-tabs[vertical] .smart-tab-label-container:last-child {
	margin-bottom: 0
}
.smart-tabs .smart-tab-group-container[hover],
.smart-tabs .smart-tab-group-container[hover][focus],
.smart-tabs .smart-tab-label-container[hover],
.smart-tabs .smart-tab-label-container[hover][focus] {
	color: var(--smart-ui-state-color-hover);
	border-color: var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover)
}
.smart-tabs .smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs .smart-tab-label-text-container.smart-close-button-enabled {
	margin-right: 18px
}
.smart-tabs .smart-tab-close-button,
.smart-tabs .smart-tab-group-arrow,
.smart-tabs .smart-tabs-header-items>.smart-drop-down-button {
	font-family: var(--smart-font-family-icon)
}
.smart-tabs .smart-tab-close-button::after {
	content: var(--smart-icon-close);
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	align-items: center
}
.smart-tabs .smart-drop-down-button-arrow::after,
.smart-tabs .smart-tab-group-arrow::after {
	content: var(--smart-icon-arrow-down)
}
.smart-tabs .smart-tab-close-button {
	font-size: 10px
}
.smart-tabs .smart-tab-close-button,
.smart-tabs .smart-tab-group-arrow {
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	width: var(--smart-editor-addon-width);
	height: var(--smart-editor-addon-width);
	text-align: center;
	line-height: var(--smart-editor-addon-width)
}
.smart-tabs .smart-tab-close-button[hover] {
	border-radius: 50%;
	border: 1px solid var(--smart-ui-state-border-hover);
	background-color: var(--smart-ui-state-hover);
	color: var(--smart-ui-state-color-hover)
}
.smart-tabs .smart-tabs-content-section {
	flex: 1;
	margin: 0;
	overflow: hidden;
	color: var(--smart-tabs-color);
	background: var(--smart-background);
	border: var(--smart-border-width) solid var(--smart-border);
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	margin-top: var(--smart-tabs-header-offset)
}
.smart-tabs[tab-position=bottom] .smart-tabs-content-section {
	margin: 0 0 var(--smart-tabs-header-offset);
	border-top-left-radius: var(--smart-border-top-left-radius);
	border-top-right-radius: var(--smart-border-top-right-radius)
}
.smart-tabs[tab-position=left] .smart-tabs-content-section {
	margin: 0 0 0 var(--smart-tabs-header-offset);
	border-bottom-right-radius: var(--smart-border-bottom-right-radius);
	border-top-right-radius: var(--smart-border-top-right-radius)
}
.smart-tabs[tab-position=right] .smart-tabs-content-section {
	margin: 0 var(--smart-tabs-header-offset) 0 0;
	border-bottom-left-radius: var(--smart-border-bottom-left-radius);
	border-top-left-radius: var(--smart-border-top-left-radius)
}
.smart-tabs[collapsed] .smart-tabs-content-section,
.smart-tabs[tab-position=hidden] .smart-tabs-content-section {
	margin: 0
}
.smart-tabs .smart-add-new-tab[hover] {
	color: var(--smart-ui-state-color-hover)
}
.smart-tabs:focus .smart-add-new-tab[focus],
.smart-tabs:focus .smart-tab-group-container[focus],
.smart-tabs:focus .smart-tab-label-container[focus] {
	color: var(--smart-ui-state-color-selected)
}
.smart-tabs[horizontal] .smart-add-new-tab>.smart-tab-label-text-wrapper {
	padding-left: 10px;
	padding-right: 10px
}
.smart-tabs[vertical] .smart-add-new-tab {
	text-align: center
}
.smart-tabs[close-buttons][vertical] .smart-tab-strip>.smart-add-new-tab,
.smart-tabs[vertical] .smart-tab-strip>.smart-add-new-tab {
	min-height: initial
}
.smart-tabs .smart-drop-down-button-drop-down,
.smart-tabs .smart-tab-group-drop-down {
	position: absolute;
	border-width: var(--smart-border-width);
	border-style: solid;
	border-color: var(--smart-border);
	border-top: none;
	padding: 2px;
	width: auto;
	height: auto;
	white-space: nowrap;
	border-radius: var(--smart-border-radius);
	z-index: var(--smart-editor-drop-down-z-index);
	background-color: var(--smart-background);
	color: var(--smart-background-color);
	box-shadow: var(--smart-elevation-8)
}
.smart-tabs[tab-position=bottom] .smart-drop-down-button-drop-down,
.smart-tabs[tab-position=bottom] .smart-tab-group-drop-down,
.smart-tabs[vertical] .smart-drop-down-button-drop-down,
.smart-tabs[vertical] .smart-tab-group-drop-down {
	border-top: var(--smart-border-width) solid var(--smart-border)
}
.smart-tabs[tab-position=bottom] .smart-drop-down-button-drop-down,
.smart-tabs[tab-position=bottom] .smart-tab-group-drop-down {
	transform: translateY(-100%);
	border-bottom: none;
	box-shadow: var(--smart-elevation-8)
}
.smart-tabs[tab-position=left] .smart-drop-down-button-drop-down,
.smart-tabs[tab-position=left] .smart-tab-group-drop-down {
	border-left: none
}
.smart-tabs[tab-position=right] .smart-drop-down-button-drop-down,
.smart-tabs[tab-position=right] .smart-tab-group-drop-down {
	transform: translateX(-100%);
	border-right: none;
	box-shadow: var(--smart-elevation-8)
}
.smart-tabs .smart-drop-down-button-drop-down .smart-tab-label-container,
.smart-tabs .smart-tab-group-drop-down .smart-tab-label-container {
	display: block;
	width: 100%;
	overflow: hidden
}
.smart-tabs[tab-position=right] .smart-tab-group-container .smart-tab-label-text-container {
	margin-left: 12px;
	margin-right: 0
}
.smart-tabs[tab-position=right] .smart-tab-group-arrow {
	left: 0;
	right: initial
}
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-strip {
	writing-mode: vertical-lr
}
.smart-tabs[right-to-left][tab-text-orientation=vertical] .smart-tab-strip,
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-strip {
	writing-mode: vertical-rl
}
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-group-container,
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-strip>.smart-tab-label-container {
	display: block
}
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-group-container,
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-strip>.smart-tab-label-container {
	display: inline-block
}
.smart-tabs[tab-text-orientation=vertical] .smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[tab-text-orientation=vertical] .smart-tab-strip>.smart-tab-label-container .smart-tab-label-text-container.smart-close-button-enabled {
	margin-bottom: 18px;
	margin-right: 0
}
.smart-tabs[tab-text-orientation=vertical][tab-position=bottom] .smart-tab-group-container .smart-tab-label-text-container {
	margin-top: 18px;
	margin-bottom: 0
}
.smart-tabs[tab-text-orientation=vertical] .smart-tab-group-arrow,
.smart-tabs[tab-text-orientation=vertical] .smart-tab-strip>.smart-tab-label-container>.smart-tab-close-button {
	top: initial;
	right: initial;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%)
}
.smart-tabs[tab-text-orientation=vertical][horizontal] .smart-tab-close-button {
	padding-left: 2px
}
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-close-button,
.smart-tabs[tab-text-orientation=vertical][vertical] .smart-tab-group-arrow {
	padding-right: 1px
}
.smart-tabs[tab-text-orientation=vertical] .smart-tab-group-drop-down {
	writing-mode: horizontal-tb
}
.smart-tabs[tab-text-orientation=vertical][tab-position=right] .smart-tab-group-container .smart-tab-label-text-container {
	margin-left: 0
}
.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip,
.smart-tabs[tab-layout=wrap][vertical] .smart-tab-strip {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap
}
.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][vertical] .smart-tab-strip {
	display: block
}
.smart-tabs[tab-layout=scroll] .smart-tabs-header-section.scroll-buttons-shown .smart-nav-button,
.smart-tabs[tab-layout=scroll][horizontal] .smart-tabs-header-section,
.smart-tabs[tab-layout=dropDown][horizontal] .smart-tabs-header-section {
	display: flex
}
.smart-tabs[tab-layout=scroll] .smart-tab-strip,
.smart-tabs[tab-layout=shrink] .smart-tab-strip,
.smart-tabs[tab-layout=dropDown] .smart-tab-strip {
	overflow: hidden;
	white-space: nowrap
}
.smart-tabs[tab-layout=dropDown][horizontal] .smart-tab-strip {
	width: calc(100% - var(--smart-tabs-header-button-size))
}
.smart-tabs[tab-layout=dropDown][vertical] .smart-tab-strip {
	height: calc(100% - var(--smart-tabs-header-button-size))
}
.smart-tabs .smart-tabs-header-items>.smart-drop-down-button {
	position: relative;
	display: none;
	cursor: pointer
}
.smart-tabs[tab-layout=dropDown] .smart-tabs-header-items>.smart-drop-down-button {
	display: block;
	background-color: var(--smart-surface);
	color: var(--smart-surface-color);
	border-color: var(--smart-border)
}
.smart-tabs[horizontal] .smart-nav-button,
.smart-tabs[horizontal] .smart-tabs-header-items>.smart-drop-down-button {
	width: var(--smart-tabs-header-button-size);
	border: none;
	background: 0 0
}
.smart-tabs[vertical] .smart-nav-button,
.smart-tabs[vertical] .smart-tabs-header-items>.smart-drop-down-button {
	height: var(--smart-tabs-header-button-size);
	width: 100%;
	border: none;
	background: 0 0
}
.smart-tabs .smart-drop-down-button-arrow {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: inherit
}
.smart-tabs .smart-drop-down-button-drop-down {
	top: 100%
}
.smart-tabs[tab-position=bottom] .smart-drop-down-button-drop-down,
.smart-tabs[vertical] .smart-drop-down-button-drop-down {
	top: initial
}
.smart-tabs[tab-position=left] .smart-drop-down-button-drop-down {
	left: 100%
}
.smart-tabs .smart-drop-down-button-drop-down .smart-tab-label-container {
	padding: var(--smart-tab-item-padding)
}
.smart-tabs[horizontal] .smart-tabs-header-section.scroll-buttons-shown .smart-tab-strip {
	width: calc(100% - 2 * var(--smart-tabs-header-button-size))
}
.smart-tabs[horizontal] .smart-tabs-header-section.scroll-buttons-shown.one-button-shown .smart-tab-strip {
	width: calc(100% - var(--smart-tabs-header-button-size))
}
.smart-tabs[vertical] .smart-tabs-header-section.scroll-buttons-shown .smart-tab-strip {
	height: calc(100% - 2 * var(--smart-tabs-header-button-size))
}
.smart-tabs[vertical] .smart-tabs-header-section.scroll-buttons-shown.one-button-shown .smart-tab-strip {
	height: calc(100% - var(--smart-tabs-header-button-size))
}
.smart-tabs[tab-layout=scroll] .smart-tabs-header-section .smart-nav-button.smart-hidden {
	display: none
}
.smart-tabs .smart-nav-button {
	position: relative;
	border-radius: 0;
	z-index: 100
}
.smart-tabs .smart-nav-button>.smart-button {
	border: none;
	height: initial;
	padding: 0
}
.smart-tabs[tab-layout=shrink] .smart-tab-strip.shrink-tabs {
	display: table;
	table-layout: fixed
}
.smart-tabs[tab-layout=shrink] .smart-tab-strip>.smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[tab-layout=shrink] .smart-tab-strip>.smart-tab-label-container .smart-tab-label-text-container {
	overflow: hidden
}
.smart-tabs[tab-layout=shrink] .smart-tab-strip.shrink-tabs>.smart-tab-group-container,
.smart-tabs[tab-layout=shrink] .smart-tab-strip.shrink-tabs>.smart-tab-label-container {
	display: table-cell;
	vertical-align: top
}
.smart-tabs[tab-layout=scroll][horizontal] .smart-tabs-header-items,
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip,
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip>.smart-tab-group-container,
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip>.smart-tab-label-container,
.smart-tabs[tab-layout=dropDown][horizontal] .smart-tabs-header-items {
	display: flex
}
.smart-tabs[tab-layout=shrink] .smart-tab-strip.shrink-tabs>.smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[tab-layout=shrink] .smart-tab-strip.shrink-tabs>.smart-tab-label-container .smart-tab-label-text-container {
	white-space: nowrap;
	text-overflow: ellipsis
}
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical] .smart-tab-strip.shrink-tabs>.smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical] .smart-tab-strip.shrink-tabs>.smart-tab-label-container .smart-tab-label-text-container {
	width: 100%
}
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical] .smart-tab-strip.shrink-tabs,
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][vertical] .smart-tab-strip {
	writing-mode: initial
}
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical] .smart-tab-strip>.smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical] .smart-tab-strip>.smart-tab-label-container .smart-tab-label-text-container {
	writing-mode: vertical-lr
}
.smart-tabs[tab-text-orientation=vertical][tab-position=bottom] .smart-tab-group-arrow {
	bottom: initial;
	top: 2px
}
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip {
	flex-direction: column
}
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][vertical] .smart-tab-strip {
	white-space: nowrap
}
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-group-container,
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip>.smart-tab-label-container {
	min-height: initial;
	overflow: hidden
}
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip.shrink-tabs-vertical>.smart-tab-group-container,
.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip.shrink-tabs-vertical>.smart-tab-label-container {
	margin-top: 0;
	margin-bottom: 0
}
.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][horizontal] .smart-tab-strip.shrink-tabs>div>.smart-tab-label-text-wrapper {
	padding-left: 5px;
	padding-right: 5px
}
.smart-tabs .smart-tabs-resize-token {
	position: absolute;
	background-color: #000;
	opacity: .5
}
.smart-tabs[horizontal] .smart-tabs-resize-token {
	width: 3px;
	height: 100%;
	transform: translateX(-50%)
}
.smart-tabs[vertical] .smart-tabs-resize-token {
	width: 100%;
	height: 3px;
	transform: translateY(-50%)
}
.smart-tabs .smart-tabs-header-items {
	width: 100%;
	position: relative;
	min-height: 0;
	overflow: hidden
}
.smart-tabs .smart-tab-header-controls:empty {
	display: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][vertical] .smart-tab-label-text-wrapper {
		display: flex;
		height: auto
	}
}
@media not all and (min-resolution: .001dpcm) {
	@media{.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][vertical] .smart-tab-label-text-wrapper {
		overflow: hidden
	}
}
}
@-moz-document url-prefix() {
	.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip {
		height: 100%;
		display: block;
		writing-mode: initial
	}
	.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip>div {
		float: left;
		writing-mode: vertical-lr
	}
	.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip,
	.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip .smart-tab-label-text-wrapper,
	.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip>.smart-tab-group-container,
	.smart-tabs[tab-layout=shrink][vertical] .smart-tab-strip>.smart-tab-label-container {
		display: block
	}
	.smart-tabs .smart-tab-label-container .smart-tab-label-text-container-full-height {
		height: 100%
	}
	.smart-tabs .smart-tab-group-container .smart-tab-label-text-container-full-height {
		height: calc(100% - 10px)
	}
}
@supports (-ms-ime-align: auto) {
	.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][horizontal] .smart-tab-strip,
	.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip {
		height:100%;
		display:block;
		writing-mode:initial
	}
	.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][horizontal] .smart-tab-strip>div,
	.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip>div {
		writing-mode: vertical-lr
	}
	.smart-tabs[tab-layout=wrap][tab-text-orientation=vertical][horizontal] .smart-tab-strip>div {
		float: left
	}
	.smart-tabs[tab-layout=shrink][tab-text-orientation=vertical][horizontal] .smart-tab-strip {
		display: flex
	}
}
.smart-tabs[right-to-left] .smart-tab-group-container,
.smart-tabs[right-to-left] .smart-tab-label-container,
.smart-tabs[right-to-left] smart-tab-item>.smart-container,
.smart-tabs[right-to-left]:not([vertical]) .smart-tab-strip {
	direction:rtl
}
.smart-tabs[right-to-left]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-group-container .smart-tab-label-text-container,
.smart-tabs[right-to-left]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-label-text-container.smart-close-button-enabled {
	margin-left:18px;
	margin-right:initial
}
.smart-tabs[right-to-left][tab-position=right]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-group-container .smart-tab-label-text-container {
	margin-right:18px;
	margin-left:0
}
.smart-tabs[right-to-left]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-close-button,
.smart-tabs[right-to-left]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-group-arrow {
	left:2px;
	right:initial
}
.smart-tabs[right-to-left][tab-position=right]:not([tab-text-orientation=vertical]):not([vertical]) .smart-tab-group-arrow {
	right:2px;
	left:initial
}
.smart-tabs[right-to-left]:not([vertical]) .smart-tab-strip>.smart-tab-label-container:last-child {
	margin-left:initial;
	margin-right:var(--smart-tab-item-offset)
}
.smart-tabs[right-to-left]:not([vertical]) .smart-tab-strip>.smart-tab-label-container:first-child {
	margin-left:initial;
	margin-right:initial
}
smart-tank {
	padding-left:5px;
	padding-right:5px;
	width:var(--smart-tank-default-width);
	height:var(--smart-tank-default-height)
}
smart-slider.smart-element,
smart-tank.smart-element {
	overflow:visible;
	border:none;
	background:0 0
}
.smart-tank *,
smart-slider * {
	box-sizing:border-box
}
.smart-tank[orientation=horizontal] {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:initial;
	padding-right:initial
}
.smart-tank:focus,
smart-slider:focus {
	outline:0
}
.smart-tank .smart-track.track-hovered {
	cursor:pointer
}
.smart-tank:active .smart-track {
	cursor:n-resize
}
.smart-tank[orientation=horizontal]:active .smart-track {
	cursor:w-resize
}
.smart-tank[disabled] .smart-track.track-hovered,
.smart-tank[disabled]:active .smart-track,
.smart-tank[readonly] .smart-track.track-hovered,
.smart-tank[readonly]:active .smart-track {
	cursor:default
}
.smart-tank .smart-container,
:host(smart-tank) .smart-container,
smart-slider .smart-container {
	overflow:visible
}
.smart-tank .smart-thumb {
	display:none;
	position:absolute;
	width:var(--smart-tank-thumb-width);
	height:var(--smart-tank-thumb-height);
	transform:scale(0);
	transition:transform .2s ease-out;
	left:calc(-1 * var(--smart-tank-thumb-width) * 2);
	top:calc(-1 * var(--smart-tank-thumb-height)/ 2);
	border-radius:50%;
	background-color:var(--smart-primary)
}
.smart-tank[inverted] .smart-thumb {
	top:calc(100% - var(--smart-tank-thumb-height)/ 2)
}
.smart-tank[show-thumb-label][orientation=horizontal][inverted] .smart-thumb,
.smart-tank[show-thumb-label][orientation=horizontal][thumb-label-position=far][inverted] .smart-thumb {
	left:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[show-thumb-label]:not([animation=none]) .smart-thumb {
	transition:transform .2s ease-out,
	left .2s ease-in-out,
	top .2s ease-in-out
}
.smart-tank[show-thumb-label][orientation=horizontal] .smart-thumb,
.smart-tank[show-thumb-label][orientation=horizontal][thumb-label-position=near] .smart-thumb {
	left:100%;
	top:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[show-thumb-label][orientation=horizontal][thumb-label-position=far] .smart-thumb {
	left:100%;
	top:calc(100% - var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[show-thumb-label] .smart-thumb {
	left:calc(-1 * var(--smart-tank-thumb-width)/ 2);
	overflow:visible;
	display:initial
}
.smart-tank[show-thumb-label][thumb-label-position=far] .smart-thumb {
	left:calc(100% - var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[orientation=horizontal][show-thumb-label]:focus .smart-thumb {
	left:100%;
	top:calc(-1 * var(--smart-tank-thumb-height) - var(--smart-tank-thumb-height)/ 2 - 2px)
}
.smart-tank[orientation=horizontal][show-thumb-label][thumb-label-position=far]:focus .smart-thumb {
	top:calc(100% + var(--smart-tank-thumb-height)/ 2)
}
.smart-tank[show-thumb-label]:focus .smart-thumb {
	left:calc(-1 * var(--smart-tank-thumb-width) - var(--smart-tank-thumb-width)/ 2 - 2px);
	transform:scale(1)
}
.smart-tank[thumb-label-position=far]:focus .smart-thumb {
	left:calc(100% + var(--smart-tank-thumb-width)/ 2 + 2px)
}
.smart-tank .smart-thumb::before {
	transform:scale(1.1) rotate(45deg);
	border:1px solid var(--smart-primary);
	border-radius:50% 0 50% 50%;
	background-color:var(--smart-primary);
	width:100%;
	height:100%;
	display:block;
	content:""
}
.smart-tank[orientation=horizontal] .smart-thumb::before {
	border-radius:50% 50% 0
}
.smart-tank[orientation=horizontal][thumb-label-position=far] .smart-thumb::before {
	border-radius:0 50% 50%
}
.smart-tank[orientation=vertical][thumb-label-position=far] .smart-thumb::before,
.smart-tank[thumb-label-position=far] .smart-thumb::before {
	border:1px solid var(--smart-primary);
	border-radius:50% 50% 50% 0
}
.smart-tank[orientation=horizontal][thumb-label-position=far]:focus .smart-thumb {
	left:100%
}
.smart-tank .smart-thumb-label-container {
	overflow:hidden;
	text-overflow:ellipsis;
	width:var(--smart-tank-thumb-width);
	height:var(--smart-tank-thumb-height);
	position:absolute;
	top:0;
	left:0
}
.smart-tank[show-thumb-label] .smart-thumb-label {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,
	-50%);
	font-size:.65rem;
	font-family:var(--smart-font-family);
	user-select:none;
	color:var(--smart-background-color)
}
.smart-tank[inverted]:focus .smart-thumb,
.smart-tank[inverted][orientation=vertical] .smart-thumb {
	top:calc(100% - var(--smart-tank-thumb-height)/ 2)
}
.smart-tank[orientation=horizontal][inverted]:focus .smart-thumb {
	left:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[orientation=horizontal] .smart-thumb {
	margin-left:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
.smart-tank[inverted] .smart-thumb {
	margin-left:initial;
	margin-top:initial
}
.smart-tank .smart-track {
	height:100%;
	width:calc(100% - var(--smart-tank-scale-size) - 4px);
	min-width:var(--smart-tank-minimum-track-size);
	position:relative;
	border:var(--smart-border) solid;
	border-width:var(--smart-border-width);
	background-color:var(--smart-background);
	float:left;
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	margin:0 2px
}
.smart-tank[scale-position=none] .smart-track {
	height:100%;
	width:100%;
	position:relative;
	border:var(--smart-border) solid;
	border-width:var(--smart-border-width);
	margin:0
}
.smart-tank[scale-position=both] .smart-track {
	width:calc(100% - 2 * var(--smart-tank-scale-size) - 4px)
}
.smart-tank[orientation=horizontal] .smart-track {
	height:calc(100% - var(--smart-tank-scale-size) - 4px);
	min-height:var(--smart-tank-minimum-track-size);
	width:100%;
	background-color:transparent;
	margin-top:2px;
	margin-bottom:2px
}
.smart-tank[orientation=horizontal][scale-position=both] .smart-track {
	height:calc(100% - 2 * var(--smart-tank-scale-size) - 4px)
}
.smart-tank[orientation=horizontal][scale-position=none] .smart-track {
	height:100%;
	width:100%;
	position:relative;
	border:var(--smart-border) solid;
	border-width:var(--smart-border-width);
	background-color:transparent;
	margin-top:0;
	margin-bottom:0
}
.smart-tank:focus .smart-track,
.smart-tank[scale-position=none]:focus .smart-track {
	border-style:solid;
	border-color:var(--smart-outline);
	border-width:var(--smart-border-width)
}
.smart-tank .smart-value {
	width:100%;
	height:0;
	background-color:var(--smart-primary);
	border-color:var(--smart-primary);
	position:absolute
}
.smart-tank[orientation=horizontal] .smart-value {
	height:100%;
	width:0
}
.smart-tank .smart-scale,
smart-slider .smart-scale {
	position:relative;
	user-select:none;
	pointer-events:none
}
.smart-tank[orientation=horizontal] .smart-scale {
	width:100%;
	float:left;
	height:calc(var(--smart-tank-scale-size));
	margin-left:var(--smart-border-width)
}
.smart-tank[scale-position=both] .smart-scale {
	width:var(--smart-tank-scale-size);
	height:100%;
	max-width:47%
}
.smart-tank[orientation=horizontal][scale-position=both] .smart-scale {
	width:100%;
	height:var(--smart-tank-scale-size)
}
.smart-tank .smart-scale {
	float:left;
	margin-top:var(--smart-border-width);
	margin-left:initial;
	height:calc(100% - var(--smart-border-width));
	width:var(--smart-tank-scale-size);
	max-width:calc(100% - var(--smart-tank-minimum-track-size) - 4px)
}
.smart-tank .smart-tooltip.smart-hidden {
	display:none
}
.smart-tank .smart-tooltip {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid var(--smart-border);
	width:var(--smart-tank-tooltip-width);
	height:var(--smart-tank-tooltip-height);
	padding:5px;
	background-color:var(--smart-background);
	color:var(--smart-background-color);
	opacity:.7
}
.smart-tank[disabled]:not([animation=none]) .bubble,
.smart-tank[inverted]:not([animation=none]) .bubble,
.smart-tank[orientation=horizontal]:not([animation=none]) .bubble,
.smart-tank[ticks-visibility=none] .smart-tick,
.smart-tank[ticks-visibility=major] .smart-tick-minor,
smart-slider[ticks-visibility=none] .smart-tick,
smart-slider[ticks-visibility=major] .smart-tick-minor {
	display:none
}
.smart-tank[orientation=horizontal][inverted] .smart-tooltip,
.smart-tank[orientation=horizontal][tooltip-position=near][inverted] .smart-tooltip {
	top:calc(-1 * var(--smart-tank-tooltip-height) - 12px);
	left:calc(-1 * var(--smart-tank-tooltip-width)/ 2)
}
.smart-tank[inverted] .smart-tooltip {
	left:calc(-1 * var(--smart-tank-tooltip-width) - 10.5px);
	top:calc(100% - 1 * var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank[orientation=horizontal][tooltip-position=far] .smart-tooltip {
	top:calc(100% + 12px);
	left:calc(100% - var(--smart-tank-tooltip-width)/ 2)
}
.smart-tank[scale-position=none][tooltip-position=near] .smart-tooltip {
	top:calc(-1 * var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank[orientation=horizontal] .smart-tooltip {
	top:calc(-1 * var(--smart-tank-tooltip-height) - 12px);
	left:calc(100% - var(--smart-tank-tooltip-width)/ 2)
}
.smart-tank[orientation=horizontal][inverted][tooltip-position=far] .smart-tooltip {
	left:calc(-1* var(--smart-tank-tooltip-width)/ 2);
	top:calc(100% + 12px)
}
.smart-tank[orientation=horizontal] .smart-tooltip:before {
	content:"";
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid var(--smart-border);
	position:absolute;
	top:100%;
	left:calc(var(--smart-tank-tooltip-width)/ 2 - 6px)
}
.smart-tank[orientation=horizontal][tooltip-position=far] .smart-tooltip:before {
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid var(--smart-border);
	border-top:0;
	position:absolute;
	left:calc(var(--smart-tank-tooltip-width)/ 2 - 6px);
	top:-7px
}
.smart-tank .smart-tooltip {
	left:calc(-1 * var(--smart-tank-tooltip-width) - 10.5px);
	top:calc(-1 * var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank[inverted][tooltip-position=far] .smart-tooltip {
	top:calc(100% - var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank .smart-tooltip:before {
	content:"";
	width:0;
	height:0;
	border-right:none;
	border-left:6px solid var(--smart-border);
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	position:absolute;
	top:calc(50% - 6px);
	right:-7px;
	left:auto
}
.smart-tank[tooltip-position=far] .smart-tooltip:before {
	border-left:none;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-right:6px solid var(--smart-border);
	top:calc(50% - 6px);
	left:-7px
}
.smart-tank[tooltip-position=far] .smart-tooltip {
	left:calc(100% + 10.5px);
	top:calc(-1 * var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank[inverted][tooltip-position=far][scale-position=none] .smart-tooltip {
	left:calc(-100% - 7px)
}
.smart-tank[inverted][tooltip-position=near] .smart-tooltip {
	left:calc(-1 * var(--smart-tank-tooltip-width) - 10.5px);
	top:calc(100% - var(--smart-tank-tooltip-height)/ 2)
}
.smart-tank .smart-tooltip,
smart-slider .smart-tooltip {
	z-index:1
}
.smart-tank .smart-tooltip-content,
smart-slider .smart-tooltip-content {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.smart-tank[orientation=horizontal] .smart-tick {
	float:left;
	width:1px;
	height:var(--smart-tank-tick-size)
}
.smart-tank[orientation=horizontal][ticks-position=track] .smart-tick {
	height:100%;
	width:1px
}
.smart-tank[orientation=horizontal] .smart-tick-minor {
	height:var(--smart-tank-minor-tick-size);
	width:1px
}
.smart-tank[orientation=horizontal][ticks-position=track] .smart-tick-minor {
	height:80%;
	top:50%;
	transform:translateY(-50%)
}
.smart-tank .smart-tick {
	position:absolute;
	background-color:var(--smart-background-color);
	float:initial;
	width:var(--smart-tank-tick-size);
	height:1px
}
.smart-tank[ticks-position=track] .smart-tick {
	width:100%
}
.smart-tank .smart-tick-minor {
	width:var(--smart-tank-minor-tick-size);
	height:1px
}
.smart-tank[ticks-position=track] .smart-tick-minor {
	width:80%;
	left:50%;
	transform:translateX(-50%)
}
.smart-tank[orientation=horizontal] .smart-scale-near .smart-tick {
	bottom:0;
	right:initial
}
.smart-tank .smart-scale-near .smart-tick {
	bottom:initial;
	right:0
}
.smart-tank[orientation=horizontal] .smart-scale-near .smart-label {
	bottom:calc(var(--smart-tank-tick-size) + 2px);
	right:initial
}
.smart-tank[orientation=horizontal][ticks-position=track] .smart-scale-near .smart-label,
.smart-tank[orientation=horizontal][ticks-visibility=none] .smart-scale-near .smart-label {
	bottom:2px
}
.smart-tank .smart-scale-near .smart-label {
	bottom:initial;
	right:calc(var(--smart-tank-tick-size) + 2px)
}
.smart-tank[ticks-position=track] .smart-scale-near .smart-label,
.smart-tank[ticks-visibility=none] .smart-scale-near .smart-label {
	right:2px
}
.smart-tank[orientation=horizontal] .smart-scale-far .smart-tick {
	top:0
}
smart-tank.smart-scale-far .smart-tick {
	top:initial
}
.smart-tank[orientation=horizontal] .smart-scale-far .smart-label {
	top:calc(var(--smart-tank-tick-size) + 2px);
	left:initial
}
.smart-tank[orientation=horizontal][ticks-position=track] .smart-scale-far .smart-label,
.smart-tank[orientation=horizontal][ticks-visibility=none] .smart-scale-far .smart-label {
	top:2px;
	left:initial
}
.smart-tank .smart-scale-far .smart-label {
	left:calc(var(--smart-tank-tick-size) + 2px);
	top:initial
}
.smart-tank[ticks-position=track] .smart-scale-far .smart-label,
.smart-tank[ticks-visibility=none] .smart-scale-far .smart-label {
	left:2px;
	top:initial
}
.smart-tank .smart-label,
smart-slider .smart-label {
	position:absolute;
	float:left;
	white-space:nowrap;
	font-family:inherit;
	font-size:inherit;
	color:var(--smart-background-color)
}
.smart-tank[labels-visibility=none] .smart-label,
.smart-tank[labels-visibility=endPoints] .smart-label-middle,
smart-slider[labels-visibility=none] .smart-label,
smart-slider[labels-visibility=endPoints] .smart-label-middle {
	visibility:hidden
}
.smart-tank .smart-track-ticks-container,
smart-slider .smart-track-ticks-container {
	position:absolute;
	width:100%;
	height:100%;
	pointer-events:none
}
.smart-tank .smart-track,
smart-slider .smart-track-container {
	touch-action:none
}
.smart-tank:not([animation=none]) .smart-value.disable-animation,
.smart-tank[orientation=horizontal]:not([animation=none]) .smart-value.disable-animation,
.smart-tank[orientation=vertical]:not([animation=none]) .smart-value.disable-animation {
	transition:none
}
.smart-tank:not([animation=none]) .smart-value,
.smart-tank[orientation=vertical]:not([animation=none]) .smart-value {
	transition:height .15s ease-out,
	margin-top .15s ease-out
}
.smart-tank[orientation=horizontal]:not([animation=none]) .smart-value {
	transition:width .15s ease-out,
	margin-left .15s ease-out
}
.smart-tank:not([animation=none]) .smart-bubble-container {
	position:relative;
	overflow:hidden;
	touch-action:none;
	width:100%;
	height:100%;
	user-select:none
}
.smart-tank:not([animation=none]) .bubble {
	user-select:none;
	pointer-events:none;
	border-radius:50%;
	box-shadow:0 10px 20px rgba(0,
	0,
	0,
	.2),
	inset 0 10px 25px 5px rgba(255,
	255,
	255,
	1);
	width:50px;
	height:50px
}
.smart-tank:not([animation=none]) .bubble1 {
	left:10%;
	top:40%;
	animation:animateBubble 12.5s linear infinite,
	sideWays 5s ease-in-out infinite alternate;
	transform:scale(.25)
}
.smart-tank:not([animation=none]) .bubble2 {
	left:5%;
	top:35%;
	animation:animateBubble 15s linear infinite,
	sideWays 4.5s ease-in-out infinite alternate;
	transform:scale(.2)
}
.smart-tank:not([animation=none]) .bubble3 {
	left:0;
	top:50%;
	animation:animateBubble 10s linear infinite,
	sideWays 7s ease-in-out infinite alternate;
	transform:scale(.3)
}
.smart-tank:not([animation=none]) .bubble4 {
	left:10%;
	top:60%;
	animation:animateBubble 7s linear infinite,
	sideWays 11s ease-in-out infinite alternate;
	transform:scale(.275)
}
.smart-tank:not([animation=none]) .bubble5 {
	left:8%;
	top:70%;
	animation:animateBubble 14.5s linear infinite,
	sideWays 8s ease-in-out infinite alternate;
	transform:scale(.35)
}
@keyframes sideWays {
	0% {
		margin-left:-10%
	}
	100% {
		margin-left: 55%
	}
}
@keyframes animateBubble {
	0% {
		margin-top:100%
	}
	100% {
		margin-top: -100%
	}
}
smart-tank[right-to-left] .smart-label,
smart-tank[right-to-left] .smart-tooltip-content {
	direction:rtl
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal] .smart-thumb,
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][thumb-label-position=far] .smart-thumb {
	left:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal] .smart-thumb {
	margin-left:initial
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][inverted] .smart-thumb {
	left:100%;
	margin-left:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][thumb-label-position=far][inverted] .smart-thumb {
	top:calc(100% - var(--smart-tank-thumb-width)/ 2)
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][thumb-label-position=far][inverted]:focus .smart-thumb {
	top:calc(100% + var(--smart-tank-thumb-height)/ 2)
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][thumb-label-position=near][inverted] .smart-thumb {
	top:calc(-1 * var(--smart-tank-thumb-width)/ 2)
}
smart-tank[right-to-left][show-thumb-label][orientation=horizontal][thumb-label-position=near][inverted]:focus .smart-thumb {
	top:calc(-1 * var(--smart-tank-thumb-height) - var(--smart-tank-thumb-height)/ 2 - 2px)
}
smart-color-input,
smart-input,
smart-text-box {
	display:inline-block;
	border:none;
	width:var(--smart-text-box-default-width);
	height:var(--smart-text-box-default-height);
	overflow:visible;
	background:var(--smart-background)
}
smart-input.smart-element,
smart-text-box.smart-element {
	background:var(--smart-background)
}
smart-input {
	border:1px solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
smart-input input.smart-input {
	border:none;
	text-overflow:ellipsis
}
.smart-input.smart-container,
.smart-text-box.smart-container,
smart-input .smart-container,
smart-text-box .smart-container {
	width:100%;
	height:100%;
	color:inherit;
	font-family:inherit;
	position:relative;
	overflow:visible
}
.smart-input-drop-down-menu,
input.smart-input {
	font-size:var(--smart-font-size);
	font-family:var(--smart-font-family)
}
input.smart-input::selection,
smart-input input::selection,
smart-text-box input::selection {
	background:var(--smart-editor-selection);
	color:var(--smart-editor-selection-color)
}
input.smart-input {
	border-width:var(--smart-border-width);
	background:var(--smart-background);
	border-style:solid;
	border-color:var(--smart-border);
	color:var(--smart-background-color);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	padding:var(--smart-editor-label-padding);
	outline:0;
	text-align:var(--smart-text-box-text-align)
}
.smart-input-drop-down-menu {
	display:block;
	transition:opacity .2s,
	transform .2s ease-out;
	transform:scaleY(0);
	transform-origin:top left;
	opacity:0;
	position:absolute;
	top:100%;
	left:0;
	z-index:var(--smart-editor-drop-down-z-index);
	float:left;
	padding:2px;
	margin:var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);
	color:var(--smart-background-color);
	background-color:var(--smart-background);
	border:1px solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	box-shadow:var(--smart-elevation-8);
	overflow:hidden;
	width:auto;
	height:auto;
	--smart-input-drop-down-menu-width:auto;
	--smart-input-drop-down-menu-height:200px;
	min-height:0
}
.smart-input-drop-down-menu.smart-container {
	box-shadow:none;
	padding:0;
	margin:0
}
.smart-input-drop-down-menu .smart-scroll-viewer-container,
.smart-input-drop-down-menu .smart-scroll-viewer-content-container,
.smart-input-drop-down-menu>.smart-container {
	width:var(--smart-input-drop-down-menu-width);
	max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)
}
.smart-input-drop-down-menu .smart-scroll-viewer-content-container {
	padding:0;
	max-height:initial
}
.smart-input-drop-down-menu ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	height:auto
}
.smart-input-drop-down-menu ul.scroll {
	width:calc(100% - var(--smart-scroll-bar-size) - 2px)
}
.smart-input-drop-down-menu li {
	padding-bottom:1px
}
.smart-input-drop-down-menu li:last-child {
	padding-bottom:0
}
.smart-input-drop-down-menu li a {
	display:block;
	padding:8px 12px;
	border-top-left-radius:var(--smart-item-border-top-left-radius);
	border-top-right-radius:var(--smart-item-border-top-right-radius);
	border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);
	clear:both;
	font-weight:400;
	white-space:nowrap;
	color:var(--smart-background-color);
	text-decoration:none
}
.smart-input-drop-down-menu li a:hover {
	color:var(--smart-ui-state-color-hover);
	background:var(--smart-ui-state-hover)
}
.smart-input-drop-down-menu li.active a {
	color:var(--smart-ui-state-color-focus);
	background:var(--smart-ui-state-focus);
	text-decoration:none;
	outline:0
}
.smart-input-drop-down-menu li a.icon {
	position:relative;
	padding-left:var(--smart-column-icon-size)
}
.smart-input-drop-down-menu li a.icon:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:var(--smart-column-icon-size);
	height:100%;
	background-repeat:no-repeat;
	background-position:center
}
.smart-input-drop-down-menu[open] {
	transform:scale(1);
	opacity:1
}
.smart-input .smart-input {
	border:none;
	padding:var(--smart-editor-label-padding);
	height:100%;
	width:100%
}
.smart-input.smart-container,
smart-input>.smart-container {
	display:flex
}
.smart-input[drop-down-button-position=left] .smart-input,
.smart-input[drop-down-button-position=right] .smart-input,
smart-input[drop-down-button-position=left] .smart-input,
smart-input[drop-down-button-position=right] .smart-input {
	width:calc(100% - var(--smart-editor-addon-width))
}
.smart-input[readonly] input.smart-input {
	background:var(--smart-surface);
	color:var(--smart-surface-color);
	padding:0;
	cursor:pointer;
	padding-left:var(--smart-editor-label-padding);
	outline:0
}
.smart-input .smart-drop-down-button {
	display:none;
	width:var(--smart-editor-addon-width);
	height:100%;
	flex-direction:column;
	color:var(--smart-surface-color);
	border-left:1px solid var(--smart-border);
	background:var(--smart-surface);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
.smart-input[drop-down-button-position=left] .smart-drop-down-button,
.smart-input[drop-down-button-position=right] .smart-drop-down-button {
	display:flex
}
.smart-input[drop-down-button-position=right] .smart-input {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.smart-input[drop-down-button-position=left] .smart-drop-down-button {
	order:-1;
	border-right:1px solid var(--smart-border);
	border-left:none;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius)
}
.smart-input[drop-down-button-position=left] .smart-input {
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.smart-input[focus] .smart-drop-down-button {
	border-color:var(--smart-outline)
}
.smart-input[readonly] .smart-drop-down-button {
	border-left:none
}
.smart-input[drop-down-button-position=left][readonly] .smart-drop-down-button {
	border-right:none
}
.smart-input .smart-drop-down-button .arrow {
	display:flex;
	height:100%;
	overflow:hidden;
	cursor:pointer;
	font-family:var(--smart-font-family-icon);
	justify-content:center;
	align-items:center;
	font-size:var(--smart-arrow-size);
	outline:0
}
.smart-input .smart-drop-down-button .arrow:after {
	content:var(--smart-icon-arrow-down);
	transition:opacity .2s,
	transform .2s ease-out
}
.smart-input .smart-drop-down-button[open] .arrow:after {
	transform:rotate(-180deg)
}
.smart-input .smart-drop-down-button:hover,
.smart-input[readonly]:hover .smart-drop-down-button,
.smart-input[readonly]:hover .smart-input {
	background:var(--smart-ui-state-hover);
	color:var(--smart-ui-state-color-hover)
}
.smart-input .smart-drop-down-button:active,
.smart-input .smart-drop-down-button[open],
.smart-input[readonly]:active .smart-drop-down-button,
.smart-input[readonly]:active .smart-input,
.smart-input[readonly][open] .smart-drop-down-button,
.smart-input[readonly][open] .smart-input {
	background:var(--smart-ui-state-active);
	color:var(--smart-ui-state-color-active)
}
.smart-input[readonly]:active .smart-input::-webkit-input-placeholder,
.smart-input[readonly][open] .smart-input::-webkit-input-placeholder {
	color:var(--smart-ui-state-color-active)
}
.smart-input[readonly]:active .smart-input::-moz-placeholder,
.smart-input[readonly][open] .smart-input::-moz-placeholder {
	color:var(--smart-ui-state-color-active)
}
.smart-text-box input,
.smart-text-box>.smart-container>.smart-content>div {
	width:100%;
	height:100%;
	outline:0;
	border-width:var(--smart-border-width);
	border-style:solid;
	border-color:var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	padding:var(--smart-editor-label-padding);
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	background-color:transparent;
	font-weight:inherit;
	font-style:inherit;
	overflow:hidden
}
.smart-text-box>.smart-container>.smart-content>div:first-of-type {
	position:absolute;
	display:flex;
	width:initial;
	height:initial;
	user-select:none;
	pointer-events:none;
	min-height:initial;
	max-height:initial;
	align-items:center;
	padding-top:1px;
	padding-bottom:1px;
	opacity:.5;
	text-overflow:ellipsis;
	white-space:nowrap;
	border:var(--smart-border-width) solid transparent
}
.smart-text-box>.smart-container>.smart-content>div>label {
	color:transparent
}
.smart-text-box[disabled] input,
.smart-text-box[readonly] input {
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none
}
.smart-text-box:focus.hovered input,
input.smart-input:hover,
smart-input:hover,
smart-text-box input:hover,
smart-text-box:focus input.hovered,
smart-text-box[hover] input {
	border-color:var(--smart-ui-state-border-hover)
}
input.smart-input:disabled,
smart-input[disabled],
smart-text-box[disabled] {
	border-color:var(--smart-disabled);
	outline:0
}
input.smart-input:focus,
smart-input:focus,
smart-input[focus],
smart-text-box input:focus {
	border-color:var(--smart-outline)
}
.smart-text-box .smart-hint,
.smart-text-box .smart-label {
	display:none;
	position:absolute
}
.smart-text-box[hint] .smart-hint,
.smart-text-box[label] .smart-label {
	position:absolute;
	left:0;
	bottom:100%;
	font-size:12px;
	width:100%;
	display:block;
	padding:var(--smart-editor-label-padding);
	pointer-events:none;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	text-align:initial;
	line-height:initial;
	vertical-align:initial
}
.smart-text-box[hint] .smart-hint {
	opacity:0;
	transition:opacity .2s cubic-bezier(.4,
	0,
	.6,
	1);
	top:100%;
	bottom:initial
}
.smart-text-box[hint][focus] .smart-hint {
	opacity:1;
	transition:opacity .2s cubic-bezier(.4,
	0,
	.2,
	1)
}
.smart-text-box .smart-drop-down {
	font-family:inherit
}
.smart-text-box>.smart-container>.smart-content {
	height:100%
}
.smart-drop-down smart-list-item[focus] .smart-overlay {
	background-color:var(--smart-ui-state-focus)
}
.smart-drop-down smart-list-item[focus] .smart-content {
	color:var(--smart-ui-state-color-focus);
	border-color:var(--smart-ui-state-border-focus)
}
.smart-drop-down smart-list-item[focus][selected] .smart-overlay {
	background-color:var(--smart-ui-state-selected)
}
.smart-drop-down smart-list-item[focus][selected] .smart-content {
	color:var(--smart-ui-state-color-selected);
	border-color:var(--smart-ui-state-border-selected)
}
.smart-input.underlined:not([opened]) .smart-drop-down-button,
smart-input.outlined,
smart-input.underlined,
smart-text-box.outlined,
smart-text-box.underlined {
	background-color:transparent
}
.smart-input.underlined,
.smart-input.underlined .smart-drop-down-button,
.smart-text-box.underlined input.smart-input {
	border-top:none;
	border-left:none;
	border-right:none
}
.smart-input.underlined:not([opened]),
.smart-input.underlined:not([readonly]):not([opened]) .smart-drop-down-button,
.smart-text-box.underlined input.smart-input {
	border-radius:initial
}
.smart-input.underlined[opened][drop-down-button-position=right]:not([readonly]),
.smart-input.underlined[opened][drop-down-button-position=right]:not([readonly]) input {
	border-bottom-left-radius:0
}
.smart-input.underlined[opened][drop-down-button-position=left]:not([readonly]),
.smart-input.underlined[opened][drop-down-button-position=left]:not([readonly]) input {
	border-bottom-right-radius:0
}
.smart-input.underlined:hover:not([opened]) input.smart-input,
.smart-input.underlined:not([opened]) input.smart-input,
.smart-text-box.underlined input.smart-input {
	background:0 0
}
.smart-input.underlined {
	color:var(--smart-surface-color)
}
.smart-input.underlined:not([opened]) .smart-drop-down-button:active,
.smart-input[readonly].underlined:active:not([opened]) .smart-drop-down-button,
.smart-input[readonly].underlined:active:not([opened]) .smart-input {
	background-color:transparent;
	color:var(--smart-surface-color)
}
.smart-input[right-to-left]>.smart-container {
	direction:initial
}
.smart-input[right-to-left] .smart-input,
.smart-text-box[right-to-left] .smart-hint,
.smart-text-box[right-to-left] .smart-label,
.smart-text-box[right-to-left]>.smart-container>.smart-content {
	direction:rtl
}
.smart-input[readonly][right-to-left] .smart-input {
	padding-left:initial;
	padding-right:var(--smart-editor-label-padding)
}
.smart-input-drop-down-menu[right-to-left] ul.scroll {
	width:100%
}
.smart-input-drop-down-menu[right-to-left] li a.icon {
	padding-left:initial;
	padding-right:var(--smart-column-icon-size)
}
.smart-input-drop-down-menu[right-to-left] li a.icon::after {
	left:initial;
	right:0
}
.smart-input[readonly][right-to-left] .smart-drop-down-button {
	border-right:none
}
.smart-time-picker {
	display:block;
	width:var(--smart-time-picker-default-width);
	height:var(--smart-time-picker-default-height);
	line-height:initial;
	min-width:250px
}
.smart-time-picker[view=landscape] {
	width:var(--smart-time-picker-default-height);
	height:var(--smart-time-picker-default-width);
	min-width:400px
}
.smart-time-picker>.smart-container,
:host(smart-time-picker)>.smart-container {
	width:100%;
	height:100%
}
.smart-time-picker .smart-header,
.smart-time-picker .smart-hour-minute-container,
.smart-time-picker .smart-svg-container,
.smart-time-picker[view=landscape]>.smart-container,
:host(smart-time-picker[view=landscape])>.smart-container {
	display:flex
}
.smart-time-picker .smart-header {
	width:100%;
	height:var(--smart-calendar-title-height);
	background-color:var(--smart-primary);
	color:var(--smart-primary-color);
	justify-content:center;
	align-items:center
}
.smart-time-picker[view=landscape] .smart-header {
	flex-direction:column;
	width:33%;
	height:100%
}
.smart-time-picker .smart-main-container {
	width:100%;
	height:calc(100% - var(--smart-calendar-title-height));
	padding:2%;
	background-color:var(--smart-background)
}
.smart-time-picker[view=landscape] .smart-main-container {
	width:67%;
	height:100%
}
.smart-time-picker .smart-svg-container {
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%
}
.smart-time-picker[footer] .smart-svg-container {
	height:calc(100% - 30px)
}
.smart-time-picker .smart-footer {
	display:none
}
.smart-time-picker[footer] .smart-footer {
	display:block;
	width:100%;
	height:30px
}
.smart-time-picker .smart-hour-minute-container {
	font-size:50px
}
.smart-time-picker .smart-am-pm-container {
	margin-left:10px
}
.smart-time-picker[view=landscape] .smart-am-pm-container {
	margin-left:0
}
.smart-time-picker .smart-am-container,
.smart-time-picker .smart-hour-container,
.smart-time-picker .smart-minute-container,
.smart-time-picker .smart-pm-container {
	opacity:.5;
	cursor:pointer
}
.smart-time-picker[disabled] .smart-am-container,
.smart-time-picker[disabled] .smart-hour-container,
.smart-time-picker[disabled] .smart-minute-container,
.smart-time-picker[disabled] .smart-pm-container,
.smart-time-picker[readonly] .smart-am-container,
.smart-time-picker[readonly] .smart-hour-container,
.smart-time-picker[readonly] .smart-minute-container,
.smart-time-picker[readonly] .smart-pm-container {
	cursor:default
}
.smart-time-picker .smart-selected {
	opacity:1
}
.smart-time-picker .smart-hour-minute-container div:nth-child(2) {
	opacity:.5
}
.smart-time-picker .smart-svg-picker {
	border-radius:50%;
	background-color:var(--smart-background);
	position:relative;
	box-sizing:content-box;
	touch-action:none
}
.smart-time-picker .smart-svg-picker.animate {
	animation:smart-time-picker-animation .5s linear
}
.smart-time-picker .smart-needle,
.smart-time-picker .smart-needle-central-circle {
	fill:var(--smart-primary)
}
.smart-time-picker .smart-label {
	fill:var(--smart-background-color)
}
.smart-time-picker .smart-label.smart-selected {
	fill:var(--smart-primary-color);
	stroke:var(--smart-primary-color);
	stroke-width:0
}
.smart-time-picker .smart-header:focus {
	outline:var(--smart-background) solid 1px
}
.smart-time-picker .smart-svg-picker:focus {
	border:1px solid var(--smart-outline);
	outline:0
}
@keyframes smart-time-picker-animation {
	0%,
	100% {
		opacity:1
	}
	25%,
	75% {
		opacity: .5
	}
	50% {
		opacity: 0
	}
}
.smart-time-picker[right-to-left] .smart-footer,
.smart-time-picker[right-to-left] .smart-header {
	direction:rtl
}
.smart-time-picker[right-to-left] .smart-am-pm-container {
	margin:0 10px 0 0
}
.smart-time-picker[view=landscape][right-to-left]>.smart-container,
:host(smart-time-picker[view=landscape][right-to-left])>.smart-container {
	flex-direction:row-reverse
}
.smart-toast-item,
.smart-toast-item.info {
	border-color:var(--smart-border);
	color:var(--smart-surface-color)
}
smart-toast,
smart-toast .smart-toast-container {
	font-family:var(--smart-font-family-icon);
	display:none
}
.smart-toast-container-bottom-left,
.smart-toast-container-bottom-right,
.smart-toast-container-top-left,
.smart-toast-container-top-right {
	width:var(--smart-toast-container-default-width);
	padding:5px;
	position:absolute;
	overflow-y:hidden;
	box-sizing:border-box;
	z-index:var(--smart-editor-drop-down-z-index)
}
.smart-toast-container-top-left {
	top:0;
	left:0
}
.smart-toast-container-top-right {
	top:0;
	right:0
}
.smart-toast-container-bottom-left {
	bottom:0;
	left:0
}
.smart-toast-container-bottom-right {
	bottom:0;
	right:0
}
.smart-toast-container-custom,
.smart-toast-container-modal {
	width:100%;
	height:100%
}
.smart-toast-container-modal:not(:empty) {
	background-color:rgba(0,
	0,
	0,
	.5);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:fixed;
	left:0;
	top:0;
	z-index:var(--smart-editor-drop-down-z-index)
}
.smart-toast-item {
	display:block;
	width:100%;
	margin-bottom:2px;
	opacity:.8;
	user-select:none;
	background-color:var(--smart-surface)
}
smart-toast-item:hover {
	opacity:1
}
.smart-toast-container-modal .smart-toast-item {
	width:200px
}
.smart-toast-item.info {
	background-color:var(--smart-surface)
}
.smart-toast-item.warning {
	background-color:var(--smart-error);
	border-color:var(--smart-error);
	color:var(--smart-error-color);
	opacity:.7
}
.smart-toast-item.success {
	background-color:var(--smart-success);
	border-color:var(--smart-success);
	color:var(--smart-success-color)
}
.smart-toast-item.error {
	background-color:var(--smart-error);
	border-color:var(--smart-error);
	color:var(--smart-error-color)
}
.smart-toast-item.mail {
	background-color:#337ab7;
	border-color:#337ab7;
	color:#fff
}
.smart-toast-item.time {
	background-color:#363636;
	border-color:#363636;
	color:#fff
}
.smart-toast-item .smart-toast-item-header {
	display:flex;
	justify-content:flex-end;
	height:var(--smart-toast-header-height)
}
.smart-toast-item .smart-toast-item-close-button {
	font-family:var(--smart-font-family-icon);
	user-select:none;
	position:relative;
	cursor:pointer;
	margin:5px;
	opacity:1;
	display:none;
	width:var(--smart-font-size);
	height:var(--smart-font-size);
	color:inherit
}
.smart-toast-item[show-close-button] .smart-toast-item-close-button:after {
	font-family:var(--smart-font-family-icon);
	content:var(--smart-icon-close);
	font-size:inherit;
	user-select:none;
	cursor:pointer;
	color:inherit;
	position:absolute;
	left:0;
	top:0;
	display:block
}
.smart-toast-item.error .smart-toast-item-close-button,
.smart-toast-item.info .smart-toast-item-close-button,
.smart-toast-item.mail .smart-toast-item-close-button,
.smart-toast-item.success .smart-toast-item-close-button,
.smart-toast-item.time .smart-toast-item-close-button,
.smart-toast-item.warning .smart-toast-item-close-button {
	color:var(--smart-primary-color)
}
.smart-toast-item[show-close-button] .smart-toast-item-close-button {
	display:block
}
.smart-toast-item .smart-toast-item-container {
	padding:0 0 10px;
	display:flex;
	align-items:center;
	position:relative;
	top:-4px
}
.smart-toast-item .smart-toast-item-icon {
	width:25px;
	height:25px;
	margin:0 15px;
	display:inline-block;
	background-repeat:no-repeat
}
.smart-toast-item .smart-toast-item-icon::after {
	content:var(--smart-toast-item-icon);
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:var(--smart-font-family-icon);
	font-size:1.75em
}
.smart-toast-item.info .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-help-circled)
}
.smart-toast-item.warning .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-attention)
}
.smart-toast-item.success .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-check)
}
.smart-toast-item.error .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-block)
}
.smart-toast-item.mail .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-mail)
}
.smart-toast-item.time .smart-toast-item-icon::after {
	--smart-toast-item-icon:var(--smart-icon-clock)
}
.smart-toast-item .smart-toast-item-content {
	text-align:center;
	opacity:1;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
	width:calc(100% - 110px);
	margin:0 15px
}
.smart-toast-item[opened] {
	opacity:.8
}
.smart-toast-item[opened]:hover {
	opacity:1
}
.smart-toast-item.blink {
	animation:blink normal 1s infinite ease-in
}
@keyframes blink {
	50% {
		opacity:.5
	}
}
.smart-toast-item[right-to-left]>.smart-container {
	direction:rtl
}
.smart-toggle-box {
	display:inline-block;
	outline:0;
	height:var(--smart-editor-height);
	cursor:pointer
}
.smart-toggle-box.smart-element {
	border:none;
	background:0 0
}
.smart-toggle-box[check-mode=input] {
	cursor:default
}
.smart-toggle-box[check-mode=input] .smart-input,
.smart-toggle-box[check-mode=label] .smart-label {
	cursor:pointer
}
.smart-toggle-box .smart-container,
.smart-toggle-box.smart-container {
	position:relative;
	display:flex;
	align-items:center
}
.smart-toggle-box .smart-ripple {
	background:var(--smart-primary)
}
.smart-toggle-box .smart-overlay {
	top:0;
	height:100%;
	background:var(--smart-primary);
	width:var(--smart-editor-height);
	position:absolute;
	left:2px;
	border-radius:100%;
	padding:0;
	opacity:0;
	box-sizing:content-box;
	transition:opacity 280ms ease-in-out;
	margin:0
}
.smart-toggle-box[active]:focus .smart-overlay,
.smart-toggle-box[active][focus] .smart-overlay {
	opacity:.4
}
.smart-toggle-box:focus .smart-overlay,
.smart-toggle-box[focus] .smart-overlay {
	opacity:.3
}
.smart-toggle-box .smart-label {
	color:var(--smart-background-color);
	background:var(--smart-background);
	font-size:inherit;
	font-family:inherit;
	margin:0 8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:auto
}
.smart-check-box.smart-toggle-box .smart-input,
.smart-radio-button.smart-toggle-box .smart-input {
	box-sizing:initial;
	display:inline-block;
	color:var(--smart-background-color);
	margin:0 0 0 8px;
	position:relative
}
.smart-check-box.smart-toggle-box .smart-input {
	width:var(--smart-check-box-default-size);
	min-width:var(--smart-check-box-default-size);
	height:var(--smart-check-box-default-size);
	min-height:var(--smart-check-box-default-size);
	background-color:var(--smart-background);
	border:var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	transition:background linear .2s
}
.smart-radio-button.smart-toggle-box .smart-input {
	width:var(--smart-radio-button-default-size);
	min-width:var(--smart-radio-button-default-size);
	height:var(--smart-radio-button-default-size);
	min-height:var(--smart-radio-button-default-size);
	background-color:var(--smart-background);
	border-style:solid;
	border-width:var(--smart-border-width);
	border-color:var(--smart-border);
	border-radius:100%
}
.smart-radio-button.smart-toggle-box .smart-input:after {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,
	-50%);
	width:50%;
	height:50%;
	font-style:normal;
	text-decoration:inherit;
	font-variant:normal;
	text-transform:none;
	color:inherit;
	border-radius:50%;
	line-height:100%
}
.smart-radio-button.smart-toggle-box[checked] .smart-input:after {
	font-size:15px;
	font-weight:100;
	background:var(--smart-primary-color)
}
.smart-toggle-box[readonly],
.smart-toggle-box[readonly] .smart-input,
.smart-toggle-box[readonly] .smart-label {
	cursor:initial
}
.smart-toggle-box[active] .smart-input,
.smart-toggle-box[checked] .smart-input {
	border-color:var(--smart-ui-state-border-active);
	background-color:var(--smart-ui-state-active);
	color:var(--smart-ui-state-color-active)
}
.smart-toggle-box[hover] .smart-input {
	border-color:var(--smart-ui-state-border-hover);
	background-color:var(--smart-ui-state-hover);
	color:var(--smart-ui-state-color-hover)
}
.smart-radio-button.smart-toggle-box[checked][hover]:not([focus]) .smart-input::after {
	background:var(--smart-ui-state-color-hover)
}
.smart-toggle-box:focus .smart-input,
.smart-toggle-box[focus] .smart-input {
	outline:0;
	overflow:visible;
	border-color:var(--smart-primary);
	background-color:var(--smart-primary);
	color:var(--smart-primary-color)
}
.smart-check-box.smart-toggle-box .smart-input:after {
	font-family:var(--smart-font-family-icon);
	display:flex;
	justify-content:center;
	align-content:center;
	margin-top:1px
}
.smart-check-box.smart-toggle-box[checked] .smart-input:after {
	font-weight:100;
	content:var(--smart-icon-check)
}
.smart-check-box.smart-toggle-box[checked=null] .smart-input:after {
	content:'-'
}
.smart-toggle-box[right-to-left] .smart-container,
.smart-toggle-box[right-to-left] .smart-hidden-input {
	direction:rtl
}
.smart-toggle-box[right-to-left] .smart-overlay {
	left:initial;
	right:2px
}
.smart-toggle-box[right-to-left] .smart-input {
	margin:0 8px 0 0
}
smart-tooltip {
	position:absolute;
	text-align:center;
	z-index:var(--smart-editor-drop-down-z-index);
	font-family:var(--smart-font-family);
	font-size:var(--smart-font-size);
	visibility:hidden;
	pointer-events:none
}
smart-tooltip.smart-element {
	background:0 0;
	overflow:visible
}
.smart-tooltip[visible] {
	visibility:visible;
	pointer-events:auto
}
.smart-tooltip .smart-tooltip-content {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:var(--smart-tooltip-padding);
	background-color:var(--smart-secondary);
	color:var(--smart-secondary-color);
	border:var(--smart-border-width) solid var(--smart-secondary);
	width:100%;
	height:100%;
	opacity:.9;
	box-shadow:var(--smart-elevation-6);
	font-family:var(--smart-font-family);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
.smart-tooltip[arrow],
.smart-tooltip[arrow][arrow-direction=bottom] {
	padding-bottom:var(--smart-tooltip-arrow-width)
}
.smart-tooltip[arrow][arrow-direction=top] {
	padding-bottom:initial;
	padding-top:var(--smart-tooltip-arrow-width)
}
.smart-tooltip[arrow][arrow-direction=left] {
	padding-bottom:initial;
	padding-left:var(--smart-tooltip-arrow-width)
}
.smart-tooltip[arrow][arrow-direction=right] {
	padding-bottom:initial;
	padding-right:var(--smart-tooltip-arrow-width)
}
.smart-tooltip[arrow] .smart-tooltip-content:after,
.smart-tooltip[arrow][arrow-direction=bottom] .smart-tooltip-content:after {
	content:"";
	width:0;
	height:0;
	border-left:var(--smart-tooltip-arrow-width) solid transparent;
	border-right:var(--smart-tooltip-arrow-width) solid transparent;
	border-top:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);
	position:absolute;
	top:calc(100% - var(--smart-tooltip-arrow-width));
	left:calc(100% / 2 - var(--smart-tooltip-arrow-width));
	transform:translateX(var(--smart-tooltip-arrow-translate))
}
.smart-tooltip[arrow][arrow-direction=top] .smart-tooltip-content:after {
	border-left:var(--smart-tooltip-arrow-width) solid transparent;
	border-right:var(--smart-tooltip-arrow-width) solid transparent;
	border-bottom:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);
	border-top:initial;
	top:0;
	bottom:calc(100% + var(--smart-tooltip-arrow-width));
	transform:translateX(var(--smart-tooltip-arrow-translate))
}
.smart-tooltip[arrow][arrow-direction=right] .smart-tooltip-content:after {
	border-bottom:var(--smart-tooltip-arrow-width) solid transparent;
	border-top:var(--smart-tooltip-arrow-width) solid transparent;
	border-left:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);
	border-right:initial;
	left:calc(100% - var(--smart-tooltip-arrow-width));
	top:calc(50% - var(--smart-tooltip-arrow-width));
	transform:translateY(var(--smart-tooltip-arrow-translate))
}
.smart-tooltip[arrow][arrow-direction=left] .smart-tooltip-content:after {
	border-bottom:var(--smart-tooltip-arrow-width) solid transparent;
	border-top:var(--smart-tooltip-arrow-width) solid transparent;
	border-right:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);
	border-left:initial;
	left:0;
	top:calc(50% - var(--smart-tooltip-arrow-width));
	transform:translateY(var(--smart-tooltip-arrow-translate))
}
smart-tooltip:not([animation=none]) {
	visibility:visible;
	opacity:0;
	transition-property:opacity;
	transition-duration:.5s;
	transition-timing-function:ease-in-out
}
smart-tooltip:not([animation=none])[visible] {
	opacity:1
}
.smart-tooltip[right-to-left] .smart-tooltip-content {
	direction:rtl
}
smart-tree {
	display:block;
	width:var(--smart-tree-default-width);
	height:var(--smart-tree-default-height);
	overflow:hidden;
	visibility:hidden
}
smart-tree.smart-element {
	visibility:initial
}
smart-tree[overflow=hidden],
smart-tree[scroll-mode=scrollButtons] {
	--smart-scroll-bar-size:0px
}
.smart-tree smart-scroll-bar {
	overflow:hidden
}
smart-tree:focus {
	outline:0;
	border-color:var(--smart-outline)
}
.smart-tree.smart-container,
smart-tree>.smart-container {
	display:flex;
	flex-direction:column;
	position:relative
}
.smart-tree .smart-tree-item-label-container {
	height:var(--smart-tree-item-label-height)
}
smart-tree-item,
smart-tree-items-group {
	position:relative;
	height:auto;
	justify-content:space-between;
	align-items:center;
	white-space:nowrap;
	cursor:pointer
}
smart-tree-item.smart-element,
smart-tree-items-group.smart-element {
	border:none
}
smart-tree-item,
smart-tree-items-group>.smart-tree-item-label-container {
	overflow:hidden
}
smart-tree-item {
	display:block;
	padding-left:0
}
.smart-tree .smart-ripple {
	background:var(--smart-primary)
}
.smart-tree[show-lines] smart-tree-item {
	padding-left:var(--smart-tree-indent)
}
.smart-tree[right-to-left][show-lines] smart-tree-item {
	padding-left:0;
	padding-right:var(--smart-tree-indent)
}
.smart-tree:not([selection-display-mode=label]) smart-tree-item,
.smart-tree:not([selection-display-mode=label]) smart-tree-items-group>.smart-tree-item-label-container {
	border-top-left-radius:var(--smart-item-border-top-left-radius);
	border-top-right-radius:var(--smart-item-border-top-right-radius);
	border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);
	border-width:var(--smart-item-border-width);
	border-style:solid;
	border-color:transparent;
	margin-bottom:var(--smart-tree-item-vertical-offset)
}
.smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-item,
.smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container,
.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item[focus]:not([selected])>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),
.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group[focus]:not([selected])>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple) {
	transition:color ease-in-out .28s,
	border-color ease-in-out .28s,
	background ease-in-out .28s
}
.smart-tree:not([selection-display-mode=label]) smart-tree-item[focus],
.smart-tree:not([selection-display-mode=label]) smart-tree-items-group[focus]>.smart-tree-item-label-container,
.smart-tree[selection-display-mode=label] smart-tree-item[focus]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),
.smart-tree[selection-display-mode=label] smart-tree-items-group[focus]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple) {
	color:var(--smart-ui-state-color-focus);
	background-color:var(--smart-ui-state-focus);
	border-color:var(--smart-ui-state-border-focus)
}
.smart-tree:not([selection-display-mode=label]) smart-tree-item[selected],
.smart-tree:not([selection-display-mode=label]) smart-tree-items-group[selected]>.smart-tree-item-label-container {
	border-color:var(--smart-ui-state-border-selected);
	background-color:var(--smart-ui-state-selected);
	color:var(--smart-ui-state-color-selected)
}
.smart-tree:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-left:-4px
}
.smart-tree:not([show-lines]):not([selection-display-mode=label]):not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	padding-left:0
}
.smart-tree:not([show-lines])[toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-left:calc(var(--smart-tree-indent) - 4px)
}
.smart-tree:not([show-lines]):not([toggle-element-position=far])[right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-right:-4px
}
.smart-tree:not([show-lines]):not([selection-display-mode=label])[right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	padding-right:0
}
.smart-tree:not([show-lines])[toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-right:calc(var(--smart-tree-indent) - 4px)
}
.smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-left:calc(var(--smart-tree-indent) - 11px)
}
.smart-tree[selection-display-mode=label] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	border-top-left-radius:var(--smart-item-border-top-left-radius);
	border-top-right-radius:var(--smart-item-border-top-right-radius);
	border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);
	border-width:var(--smart-item-border-width);
	border-style:solid;
	border-color:transparent;
	margin-bottom:var(--smart-tree-item-vertical-offset)
}
.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	transition:color ease-in-out .28s,
	background ease-in-out .28s,
	border-color ease-in-out .28s
}
.smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-item[selected]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),
.smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-items-group[selected]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple) {
	background-color:var(--smart-ui-state-selected);
	color:var(--smart-ui-state-color-selected);
	border-color:var(--smart-ui-state-border-selected)
}
.smart-tree[selection-display-mode=label]:not([show-lines]):not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	margin:var(--smart-tree-item-padding);
	margin-right:0;
	margin-top:0;
	margin-bottom:var(--smart-tree-item-vertical-offset)
}
.smart-tree[selection-display-mode=label]:not([show-lines])[right-to-left] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	margin:var(--smart-tree-item-padding);
	margin-left:0;
	margin-top:0;
	margin-bottom:var(--smart-tree-item-vertical-offset)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	margin-left:5px;
	padding:var(--smart-tree-item-padding)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox][right-to-left] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=checkBox][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=radioButton][right-to-left] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
.smart-tree[selection-display-mode=label][selection-mode=radioButton][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
	margin-right:5px;
	padding:var(--smart-tree-item-padding)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-left:0
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-right:5px
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-left:calc(var(--smart-tree-indent) + 3px)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-left:calc(var(--smart-tree-indent) + 15px)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-right:calc(var(--smart-tree-indent) + 3px)
}
.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-right:calc(var(--smart-tree-indent) + 15px)
}
.smart-tree[disabled] smart-tree-item,
.smart-tree[disabled] smart-tree-items-group,
.smart-tree[display-loading-indicator] smart-tree-item,
.smart-tree[display-loading-indicator] smart-tree-items-group,
smart-tree-item[disabled],
smart-tree-item[template-applied],
smart-tree-items-group[disabled] {
	cursor:default
}
smart-tree-items-group {
	display:flex;
	flex-direction:column;
	overflow:hidden
}
.smart-tree[selection-mode=checkBox] smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after {
	content:'';
	position:absolute;
	border:var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	width:var(--smart-check-box-default-size);
	height:var(--smart-check-box-default-size);
	padding:1px;
	margin-left:5px;
	font-family:var(--smart-font-family-icon);
	justify-content:center;
	align-items:center;
	display:flex
}
.smart-tree[selection-mode=radioButton] smart-tree-item[selected]>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton] smart-tree-items-group[selected]>.smart-tree-item-label-container:after {
	content:var(--smart-icon-radio);
	background:var(--smart-primary);
	border-color:var(--smart-primary);
	color:var(--smart-primary-color)
}
.smart-tree[selection-mode=checkBox] smart-tree-item .smart-tree-item-label-element,
.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-mode=radioButton] smart-tree-item .smart-tree-item-label-element,
.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-left:calc(var(--smart-tree-indent) + 10px)
}
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-item .smart-tree-item-label-element,
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-item .smart-tree-item-label-element,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-left:initial;
	padding-right:calc(var(--smart-tree-indent) + 10px)
}
.smart-tree:not([show-lines])[selection-mode=checkBox][right-to-left][toggle-element-position=far] smart-tree-item .smart-tree-item-label-element,
.smart-tree:not([show-lines])[selection-mode=checkBox][right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,
.smart-tree:not([show-lines])[selection-mode=radioButton][right-to-left][toggle-element-position=far] smart-tree-item .smart-tree-item-label-element,
.smart-tree:not([show-lines])[selection-mode=radioButton][right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	padding-right:calc(var(--smart-tree-indent) + 4px)
}
.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after {
	border-radius:100%
}
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:-5px
}
.smart-tree[selection-mode=checkBox] smart-tree-item[selected]>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=checkBox] smart-tree-items-group[selected]>.smart-tree-item-label-container:after {
	background:var(--smart-primary);
	border-color:var(--smart-primary);
	color:var(--smart-primary-color);
	content:var(--smart-icon-check)
}
.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(var(--smart-check-box-default-size) - 11px)
}
.smart-tree:not([show-lines])[selection-mode=checkBox]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=checkBox]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=radioButton]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=radioButton]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(var(--smart-check-box-default-size) - 5px)
}
.smart-tree[show-lines][selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree[show-lines][selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(var(--smart-check-box-default-size) + 5px)
}
.smart-tree:not([show-lines])[selection-mode=checkBox][right-to-left] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=radioButton][right-to-left] smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(var(--smart-check-box-default-size) - 21px)
}
.smart-tree[right-to-left][selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree[right-to-left][selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(0px - var(--smart-check-box-default-size) - 5px)
}
.smart-tree:not([show-lines])[selection-mode=checkBox][right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=checkBox][right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=radioButton][right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,
.smart-tree:not([show-lines])[selection-mode=radioButton][right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after {
	margin-left:calc(var(--smart-check-box-default-size) - 25px)
}
.smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]>.smart-tree-item-label-container:after,
.smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate]>.smart-tree-item-label-container:after {
	padding:2px;
	background-clip:content-box;
	width:calc(var(--smart-check-box-default-size) - 1px);
	height:calc(var(--smart-check-box-default-size) - 1px)
}
smart-tree-item[separator]:after,
smart-tree-items-group[separator]:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background-color:rgba(0,
	0,
	0,
	.1);
	pointer-events:none
}
.smart-tree smart-scroll-viewer {
	position:relative;
	border:none;
	width:100%;
	height:100%;
	padding:0
}
.smart-tree smart-scroll-viewer.smart-scroll-viewer-element {
	border:none
}
.smart-tree smart-scroll-viewer.scroll-buttons-shown {
	width:100%;
	height:calc(100% - 2 * var(--smart-tree-scroll-button-size))
}
.smart-tree smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
	width:100%;
	height:calc(100% - var(--smart-tree-scroll-button-size))
}
.smart-tree[filterable] smart-scroll-viewer {
	height:calc(100% - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))
}
.smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown {
	height:calc(100% - 2 * var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))
}
.smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
	height:calc(100% - var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))
}
.smart-tree .smart-scroll-viewer-content-container {
	display:block;
	padding:0
}
.smart-tree .smart-tree-main-container {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
.smart-tree .smart-scroll-viewer-container .smart-tree-main-container {
	padding-left:var(--smart-tree-item-horizontal-offset);
	padding-right:var(--smart-tree-item-horizontal-offset);
	padding-top:var(--smart-tree-item-vertical-offset)
}
.smart-tree .smart-scroll-viewer-container.vscroll .smart-tree-main-container {
	padding-right:var(--smart-tree-item-horizontal-offset)
}
.smart-tree .smart-filter-input {
	border:1px solid var(--smart-border);
	color:inherit;
	background:inherit;
	width:100%;
	height:100%;
	padding-left:var(--smart-editor-label-padding);
	padding-right:calc(var(--smart-editor-label-padding) + 25px);
	font-size:inherit
}
.smart-tree .smart-filter-input:focus {
	outline:0
}
.smart-tree .smart-tree-filter-input-container {
	display:none;
	position:relative;
	width:calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
	height:calc(var(--smart-text-box-default-height));
	margin:var(--smart-tree-item-vertical-offset) var(--smart-tree-item-horizontal-offset);
	font-size:inherit
}
.smart-tree[filterable] .smart-tree-filter-input-container {
	display:block
}
.smart-tree .smart-tree-filter-input-container::after {
	content:var(--smart-icon-filter);
	font-family:var(--smart-font-family-icon);
	height:var(--smart-text-box-default-height);
	position:absolute;
	top:0;
	width:25px;
	display:flex;
	align-items:center;
	justify-content:center;
	left:calc(100% - 25px)
}
.smart-tree[right-to-left] .smart-tree-filter-input-container::after {
	left:0
}
.smart-tree .smart-filter-input::selection,
.smart-tree .smart-tree-edit-input::selection {
	background-color:var(--smart-ui-state-selected);
	color:var(--smart-ui-state-color-selected)
}
.smart-tree .smart-tree-scroll-button {
	width:100%;
	height:var(--smart-tree-scroll-button-size);
	background-color:var(--smart-scroll-bar-button-background);
	--smart-button-padding:0
}
.smart-tree[scroll-mode=scrollButtons] .smart-tree-scroll-button {
	display:block
}
.smart-tree .smart-tree-scroll-button>button {
	border:none
}
.smart-tree .smart-tree-item-label-container {
	position:relative;
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	overflow:hidden
}
.smart-tree[right-to-left] .smart-tree-item-label-container {
	flex-direction:row-reverse
}
.smart-tree smart-tree-items-group>.smart-tree-item-label-container {
	justify-content:flex-start
}
.smart-tree .smart-tree-item-label-element {
	width:100%;
	display:flex;
	align-items:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	width:calc(100% - var(--smart-tree-indent))
}
.smart-tree .smart-tree-item-label-element>span>smart-button button {
	padding:initial
}
.smart-tree .smart-tree-item-label-element>span {
	position:relative;
	padding:var(--smart-tree-item-padding);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.smart-tree[selection-mode=checkBox] .smart-tree-item-label-element>span,
.smart-tree[selection-mode=radioButton] .smart-tree-item-label-element>span {
	padding-left:5px
}
.smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element>span,
.smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element>span {
	padding:var(--smart-tree-item-padding)
}
.smart-tree .smart-tree-item-label-element>span>i {
	vertical-align:middle
}
.smart-tree smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	order:1
}
smart-tree-item .smart-tree-item-shortcut {
	opacity:.5
}
smart-tree-items-group .smart-tree-items-group-arrow {
	order:0;
	position:relative;
	display:flex;
	justify-content:center;
	width:var(--smart-tree-indent);
	left:calc(1px - var(--smart-tree-indent)/ 2);
	height:13px;
	font-family:var(--smart-font-family-icon);
	transform:rotate(0)
}
.smart-tree[right-to-left] smart-tree-items-group .smart-tree-items-group-arrow {
	right:calc(1px - var(--smart-tree-indent)/ 2);
	left:initial
}
.smart-tree[selection-display-mode=label] smart-tree-items-group .smart-tree-items-group-arrow {
	top:calc(-.5px - var(--smart-tree-item-border-width)/ 2)
}
smart-tree-items-group .smart-tree-items-group-arrow:after {
	position:relative;
	height:100%;
	left:0;
	top:0
}
.smart-tree .smart-tree-items-group-opened>.smart-tree-item-label-container>.smart-tree-items-group-arrow {
	transform:rotate(180deg)
}
.smart-tree .smart-tree-drop-down {
	width:100%;
	height:auto;
	transform:none;
	cursor:default
}
.smart-tree .smart-tree-drop-down.smart-visibility-hidden {
	margin-top:0;
	height:0;
	transform:scaleY(0)
}
.smart-tree .smart-tree-drop-down {
	transform:scaleY(1)
}
.smart-tree[filter-applied] .smart-tree-item-label-element {
	font-weight:bolder
}
.smart-tree[filter-applied] smart-tree-items-group.hidden-children {
	cursor:not-allowed
}
smart-tree-items-group.filtered-child>.smart-tree-item-label-container>.smart-tree-item-label-element {
	font-weight:unset
}
.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container {
	justify-content:space-between
}
.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	order:0;
	margin-left:var(--smart-tree-indent)
}
.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-items-group-arrow {
	order:1
}
.smart-tree[right-to-left] .smart-filter-input {
	direction:rtl;
	padding-right:1px;
	padding-left:25px
}
.smart-tree[right-to-left] .smart-tree-edit-input,
.smart-tree[right-to-left] .smart-tree-item-label-element {
	direction:rtl
}
.smart-tree[show-lines] .smart-tree-item-label-container,
.smart-tree[show-lines] .smart-tree-item-label-element {
	position:relative;
	overflow:visible
}
.smart-tree[show-lines] smart-tree-item .smart-tree-item-label-element:before,
.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	content:'';
	position:absolute;
	border-left:var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
	height:300%;
	left:calc(0px - var(--smart-tree-indent));
	pointer-events:none
}
.smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:before,
.smart-tree[show-lines][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	right:calc(0px - var(--smart-tree-indent));
	left:initial
}
.smart-tree[show-lines] smart-tree-item.last-filtered-child .smart-tree-item-label-element:before,
.smart-tree[show-lines] smart-tree-item:last-child .smart-tree-item-label-element:before,
.smart-tree[show-lines] smart-tree-items-group.last-filtered-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before,
.smart-tree[show-lines] smart-tree-items-group:last-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	height:150%;
	top:-100%
}
.smart-tree[show-lines] .smart-tree-items-group-expanded:not(:last-child):not(.last-filtered-child)>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	height:3000px;
	z-index:1
}
.smart-tree[show-lines] smart-tree-item .smart-tree-item-label-element:after,
.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:after {
	content:'';
	position:absolute;
	border-top:var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
	pointer-events:none;
	width:var(--smart-tree-indent);
	left:calc(0px - var(--smart-tree-indent))
}
.smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:after,
.smart-tree[show-lines][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:after {
	right:calc(0px - var(--smart-tree-indent));
	left:initial
}
.smart-tree[show-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:after,
.smart-tree[show-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:before,
.smart-tree[show-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:after,
.smart-tree[show-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	content:none
}
.smart-tree[show-lines]:not([toggle-element-position=far]) smart-tree-items-group .smart-tree-items-group-arrow {
	opacity:1;
	z-index:1
}
.smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:after,
.smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:before,
.smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:after,
.smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:before {
	content:'';
	pointer-events:none
}
.smart-tree[toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element {
	margin-left:initial;
	margin-right:var(--smart-tree-indent)
}
.smart-tree[auto-hide-toggle-element] .hidden-arrows smart-tree-items-group .smart-tree-items-group-arrow {
	opacity:0
}
.smart-tree-item-feedback {
	position:absolute;
	display:flex;
	align-items:center;
	box-shadow:var(--smart-elevation-8);
	border:1px solid var(--smart-border);
	padding:5px;
	color:var(--smart-background-color);
	background-color:var(--smart-background);
	font-family:var(--smart-font-family);
	font-size:var(--smart-font-size);
	white-space:nowrap;
	cursor:move
}
.smart-tree-item-feedback.multiple {
	font-family:var(--smart-font-family-icon);
	font-size:26px
}
.smart-tree .drop-target:after {
	content:'';
	position:absolute;
	box-sizing:border-box;
	border:2px dashed var(--smart-primary);
	width:100%;
	height:100%;
	left:0;
	top:0;
	pointer-events:none;
	opacity:.75
}
.smart-tree .drop-target.top:after {
	border:none;
	border-top:2px dashed var(--smart-primary)
}
.smart-tree .drop-target.bottom:after {
	border:none;
	border-bottom:2px dashed var(--smart-primary)
}
.smart-tree .smart-tree-edit-input {
	position:absolute;
	outline:0;
	margin:0 var(--smart-tree-item-horizontal-offset);
	border:1px solid var(--smart-border);
	width:calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
	font-family:var(--smart-font-family);
	font-size:var(--smart-font-size);
	z-index:1
}
.smart-tree:not([animation=none]) .smart-tree-drop-down {
	-webkit-transform-origin:top;
	transform-origin:top;
	transition:height .2s ease-in,
	transform .2s ease-in,
	visibility .2s ease-in
}
.smart-tree:not([animation=none]) .smart-tree-item-label-container>.smart-tree-items-group-arrow {
	transition:transform .2s ease-in
}
.smart-tree:not([animation=none])[auto-hide-toggle-element] .smart-tree-item-label-container>.smart-tree-items-group-arrow {
	transition:transform .2s ease-in,
	opacity .2s ease-in
}
.smart-tree[selection-mode=checkBox] smart-tree-item>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:before {
	content:'';
	transform:scale(0)
}
.smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container:before {
	transition:transform .25s ease-in-out
}
.smart-tree[selection-mode=checkBox] smart-tree-item[focus][selected]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox] smart-tree-items-group[selected][focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton] smart-tree-item[focus][selected]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton] smart-tree-items-group[focus][selected]>.smart-tree-item-label-container:before {
	position:absolute;
	content:'';
	margin-left:5px;
	border-radius:50%;
	width:calc(var(--smart-check-box-default-size) + 16px);
	height:calc(var(--smart-check-box-default-size) + 16px);
	background:var(--smart-primary);
	opacity:.3;
	z-index:1;
	transform:scale(1)
}
.smart-tree[selection-mode=checkBox][show-lines] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][show-lines] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before {
	margin-left:-1px
}
.smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group[focus]>.smart-tree-item-label-container:before {
	margin-left:calc(var(--smart-check-box-default-size) - 1px)
}
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox][right-to-left] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left] smart-tree-items-group[focus]>.smart-tree-item-label-container:before {
	margin-left:-3px
}
.smart-tree[selection-mode=checkBox][right-to-left][show-lines] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox][right-to-left][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=checkBox][right-to-left][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left][show-lines] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before {
	margin-left:1px
}
.smart-tree[selection-mode=checkBox][right-to-left][show-lines] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,
.smart-tree[selection-mode=radioButton][right-to-left][show-lines] smart-tree-items-group[focus]>.smart-tree-item-label-container:before {
	margin-left:calc(1px - var(--smart-check-box-default-size))
}
@media (hover: hover) {
	.smart-tree:not([selection-display-mode=label]) smart-tree-item:not([selected])[hover],
	.smart-tree:not([selection-display-mode=label]) smart-tree-items-group:not([selected])[hover]>.smart-tree-item-label-container,
	.smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-item:not([selected]):hover,
	.smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-items-group:not([selected])>.smart-tree-item-label-container:hover,
	.smart-tree[selection-display-mode=label] smart-tree-item:not([selected])[hover]>.smart-tree-item-label-container>.smart-tree-item-label-element>span,
	.smart-tree[selection-display-mode=label] smart-tree-items-group:not([selected])[hover]>.smart-tree-item-label-container,
	.smart-tree[selection-display-mode=label]:not([disable-hover]) smart-tree-item:not([selected]):hover>.smart-tree-item-label-container>.smart-tree-item-label-element>span {
		color:var(--smart-ui-state-color-hover);
		background-color:var(--smart-ui-state-hover);
		border-color:var(--smart-ui-state-border-hover)
	}
	.smart-tree[selection-mode=checkBox] smart-tree-item:hover>.smart-tree-item-label-container>.smart-tree-item-label-element span.smart-ripple,
	.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:hover>.smart-tree-item-label-element span.smart-ripple,
	.smart-tree[selection-mode=radioButton] smart-tree-item:hover>.smart-tree-item-label-container>.smart-tree-item-label-element span.smart-ripple,
	.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:hover>.smart-tree-item-label-element span.smart-ripple {
		background-color: var(--smart-ui-state-selected)
	}
	.smart-tree[selection-mode=checkBox] smart-tree-item:hover>.smart-tree-item-label-container:after,
	.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:hover:after,
	.smart-tree[selection-mode=radioButton] smart-tree-item:not([selected]):hover>.smart-tree-item-label-container:after,
	.smart-tree[selection-mode=radioButton] smart-tree-items-group:not([selected])>.smart-tree-item-label-container:hover:after {
		color: var(--smart-background-color);
		background-color: var(--smart-background);
		border-color: var(--smart-border)
	}
	.smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]:not(:hover)>.smart-tree-item-label-container:after,
	.smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate]>.smart-tree-item-label-container:not(:hover):after {
		background-color: var(--smart-ui-state-selected)
	}
}
.smart-hidden,
.smart-tree .smart-hidden {
	display:none!important
}
.smart-progress-window.smart-window smart-progress-bar.smart-visibility-hidden,
.smart-window:not([animation=none]).no-transition,
.smart-window:not([animation=none]).smart-visibility-hidden.no-transition,
.smart-window[dragged] {
	transition:none
}
.smart-window:not(.smart-container) {
	position:absolute;
	top:calc(50% - var(--smart-window-default-height)/ 2);
	left:calc(50% - var(--smart-window-default-width)/ 2);
	width:var(--smart-window-default-width);
	height:var(--smart-window-default-height);
	min-width:var(--smart-window-min-width);
	min-height:var(--smart-window-header-height);
	box-shadow:var(--smart-elevation-24);
	z-index:calc(var(--smart-editor-drop-down-z-index) - 1);
	display:block;
	overflow:hidden
}
.smart-window .smart-content-container {
	display:flex;
	flex-direction:column;
	font-family:inherit;
	font-size:inherit;
	width:100%;
	height:100%;
	outline:0
}
.smart-window:focus,
.smart-window[focus] {
	outline:0;
	border-color:var(--smart-primary);
	box-shadow:var(--smart-elevation-24)
}
.smart-window[ontop] {
	z-index:var(--smart-editor-drop-down-z-index)
}
.smart-window:not([animation=none]) {
	transition:width .2s cubic-bezier(.4,
	0,
	.2,
	1),
	height .25s cubic-bezier(.4,
	0,
	.2,
	1),
	top .2s cubic-bezier(.4,
	0,
	.6,
	1),
	left .2s cubic-bezier(.4,
	0,
	.6,
	1),
	transform .2s cubic-bezier(.4,
	0,
	.2,
	1),
	visibility .2s cubic-bezier(.4,
	0,
	.2,
	1),
	min-height .25s cubic-bezier(.4,
	0,
	.2,
	1),
	min-width .25s cubic-bezier(.4,
	0,
	.2,
	1);
	transform:scale(1)
}
.smart-window:not([animation=none]).smart-visibility-hidden,
.smart-window[maximized]:not([animation=none]).smart-visibility-hidden {
	transition:width .2s cubic-bezier(.4,
	0,
	.2,
	1),
	height .2s cubic-bezier(.4,
	0,
	.2,
	1),
	top .2s cubic-bezier(.4,
	0,
	.2,
	1),
	left .2s cubic-bezier(.4,
	0,
	.2,
	1),
	visibility .2s cubic-bezier(.4,
	0,
	.6,
	1),
	transform .2s cubic-bezier(.4,
	0,
	.6,
	1),
	min-height .25s cubic-bezier(.4,
	0,
	.2,
	1),
	min-width .25s cubic-bezier(.4,
	0,
	.2,
	1);
	transform:scale(0)
}
.smart-window.smart-visibility-hidden,
.smart-window[maximized].smart-visibility-hidden {
	transform:scale(0)
}
.smart-window[collapsed],
.smart-window[maximized][collapsed] {
	height:var(--smart-window-header-height)
}
.smart-tabs-window.smart-window[collapsed][header-position=left],
.smart-tabs-window.smart-window[collapsed][header-position=right],
.smart-tabs-window.smart-window[maximized][collapsed][header-position=left],
.smart-tabs-window.smart-window[maximized][collapsed][header-position=right],
smart-window.smart-window[collapsed][header-position=left],
smart-window.smart-window[collapsed][header-position=right],
smart-window.smart-window[maximized][collapsed][header-position=left],
smart-window.smart-window[maximized][collapsed][header-position=right] {
	width:var(--smart-window-header-height);
	min-width:initial;
	height:var(--smart-window-default-height)
}
.smart-alert-window.smart-window[collapsed][header-position=left],
.smart-alert-window.smart-window[collapsed][header-position=right],
.smart-alert-window.smart-window[maximized][collapsed][header-position=left],
.smart-alert-window.smart-window[maximized][collapsed][header-position=right],
.smart-dialog-window.smart-window[collapsed][header-position=left],
.smart-dialog-window.smart-window[collapsed][header-position=right],
.smart-dialog-window.smart-window[maximized][collapsed][header-position=left],
.smart-dialog-window.smart-window[maximized][collapsed][header-position=right],
.smart-multiline-prompt-window.smart-window[collapsed][header-position=left],
.smart-multiline-prompt-window.smart-window[collapsed][header-position=right],
.smart-multiline-prompt-window.smart-window[maximized][collapsed][header-position=left],
.smart-multiline-prompt-window.smart-window[maximized][collapsed][header-position=right],
.smart-progress-window.smart-window[collapsed][header-position=left],
.smart-progress-window.smart-window[collapsed][header-position=right],
.smart-progress-window.smart-window[maximized][collapsed][header-position=left],
.smart-progress-window.smart-window[maximized][collapsed][header-position=right],
.smart-prompt-window.smart-window[collapsed][header-position=left],
.smart-prompt-window.smart-window[collapsed][header-position=right],
.smart-prompt-window.smart-window[maximized][collapsed][header-position=left],
.smart-prompt-window.smart-window[maximized][collapsed][header-position=right],
.smart-wait-window.smart-window[collapsed][header-position=left],
.smart-wait-window.smart-window[collapsed][header-position=right],
.smart-wait-window.smart-window[maximized][collapsed][header-position=left],
.smart-wait-window.smart-window[maximized][collapsed][header-position=right] {
	height:var(--smart-window-default-height)
}
.smart-window[maximized]:not([animation=none]) {
	transition:width .2s cubic-bezier(.4,
	0,
	.2,
	1),
	height .2s cubic-bezier(.4,
	0,
	.2,
	1),
	top .2s cubic-bezier(.4,
	0,
	.2,
	1),
	left .2s cubic-bezier(.4,
	0,
	.2,
	1),
	animation .2s cubic-bezier(.4,
	0,
	.6)
}
.smart-window:not([animation=none]) .smart-header-section .smart-collapse-button:after,
.smart-window:not([animation=none]) .smart-header-section .smart-pin-button:after {
	transition:transform .15s linear
}
.smart-window[minimized] {
	max-width:var(--smart-window-min-width);
	min-height:var(--smart-window-header-height);
	cursor:default
}
.smart-window[minimized] .smart-content-container>.smart-content {
	padding:initial
}
.smart-window[minimized] .smart-content-container>.smart-header-section {
	cursor:default
}
.smart-window[minimized] .smart-minimize-button:after {
	content:var(--smart-icon-arrow-up-alt);
	transform:rotate(-45deg);
	margin-top:-1px
}
.smart-window .smart-content-container>.smart-header-section {
	display:flex;
	justify-content:space-between;
	padding-bottom:initial;
	cursor:move;
	overflow:hidden;
	align-items:center;
	touch-action:none
}
.smart-wait-window.smart-window .smart-content-container>.smart-header-section {
	cursor:default
}
.smart-window[maximized] .smart-content-container>.smart-header-section {
	cursor:initial
}
.smart-window[pinned] .smart-content-container>.smart-header-section {
	cursor:default
}
.smart-window .smart-content-container>.smart-footer,
.smart-window .smart-content-container>.smart-header-section {
	width:100%;
	height:var(--smart-window-footer-height);
	min-height:var(--smart-window-footer-height);
	padding:var(--smart-window-header-footer-padding);
	font-family:inherit;
	font-size:inherit;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	background-color:var(--smart-surface);
	border-color:var(--smart-border);
	color:var(--smart-surface-color);
	line-height:initial
}
.smart-window .smart-content-container>.smart-header-section {
	height:var(--smart-window-header-height);
	min-height:var(--smart-window-header-height)
}
.smart-alert-window.smart-window .smart-content-container>.smart-content,
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-content,
.smart-progress-window.smart-window .smart-content-container>.smart-footer,
.smart-prompt-window.smart-window .smart-content-container>.smart-content,
.smart-tabs-window.smart-window .smart-content-container>.smart-content,
.smart-wait-window.smart-window .smart-content-container>.smart-content {
	position:relative;
	background-color:initial;
	display:flex;
	flex-direction:column
}
.smart-alert-window.smart-window .smart-content-container>.smart-footer,
.smart-dialog-window.smart-window .smart-content-container>.smart-footer,
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-footer,
.smart-progress-window.smart-window .smart-content-container>.smart-footer,
.smart-prompt-window.smart-window .smart-content-container>.smart-footer,
.smart-tabs-window.smart-window .smart-content-container>.smart-footer,
.smart-wait-window.smart-window .smart-content-container>.smart-footer {
	padding:6.5px;
	display:flex;
	justify-content:center
}
.smart-window .smart-content-container>.smart-footer {
	height:var(--smart-window-footer-height)
}
.smart-window .smart-content-container>.smart-footer:empty {
	display:none
}
.smart-window .smart-header-section>.smart-buttons-container {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.smart-window .smart-header-section>.smart-buttons-container button {
	position:relative;
	margin-left:1px;
	margin-right:1px;
	cursor:pointer;
	height:24px;
	width:24px;
	padding:0;
	min-height:0;
	background:0 0;
	color:inherit;
	border:none;
	outline:0
}
.smart-window .smart-header-section>.smart-buttons-container button:active {
	outline:0;
	background-color:initial
}
.smart-window .smart-content-container>.smart-content {
	width:100%;
	height:calc(100% - var(--smart-window-header-height));
	display:flex;
	align-items:center;
	overflow-y:auto;
	padding:10px;
	background:var(--smart-background)
}
.smart-tabs-window.smart-window .smart-content-container>.smart-footer.smart-hidden,
.smart-tabs-window.smart-window .smart-content-container>.smart-header-section.smart-hidden,
.smart-tabs-window.smart-window[auto-hide] .smart-content-container>.smart-header-section,
.smart-tabs-window.smart-window[auto-hide] .smart-tabs-content-section {
	display:none
}
@media not all and (min-resolution: .001dpcm) {
	@media{.smart-window .smart-content-container>.smart-content {
		align-content:start
	}
}
}
.smart-tabs-window.smart-window[dragged] {
	pointer-events:none
}
.smart-tabs-window.smart-window .smart-content-container>.smart-content {
	width:100%;
	height:calc(100% - var(--smart-window-header-height));
	overflow:hidden;
	padding:0;
	background-color:var(--smart-background)
}
.smart-tabs-window.smart-window[active] .smart-content-container>.smart-header-section,
.smart-tabs-window.smart-window[dragged] .smart-content-container>.smart-header-section,
.smart-tabs-window.smart-window[focus] .smart-content-container>.smart-header-section {
	background-color:var(--smart-primary);
	color:var(--smart-primary-color)
}
.smart-tabs-window.smart-window smart-tabs {
	width:100%;
	height:250px;
	min-height:100%;
	border:initial;
	outline:0;
	padding:0
}
.smart-tabs-window.smart-window smart-tabs[vertical] .smart-tabs-header-items {
	width:auto
}
.smart-tabs-window.smart-window smart-tabs .smart-tabs-header-items {
	width:100%
}
.smart-tabs-window.smart-window .smart-tabs .smart-header {
	border:none
}
.smart-tabs-window.smart-window[auto-hide] .smart-tabs {
	min-width:0;
	min-height:0
}
.smart-tabs-window.smart-window[auto-hide],
.smart-tabs-window.smart-window[auto-hide] .smart-content-container>.smart-content {
	overflow:visible
}
.smart-tabs-window.smart-window[auto-hide] .smart-window {
	width:auto;
	height:auto
}
.smart-tabs-window.smart-window[dragged] .smart-tab-label-container,
.smart-tabs-window.smart-window[dragged] .smart-tabs-header-section {
	cursor:move
}
.smart-tabs-window.smart-window .smart-tabs-content-section {
	margin:initial;
	border:none
}
.smart-tabs-window.smart-window[auto-hide],
.smart-tabs-window.smart-window[auto-hide] smart-tabs {
	height:auto;
	min-height:0
}
.smart-tabs-window.smart-window smart-tabs[vertical] .smart-tabs-header-items,
.smart-tabs-window.smart-window[tab-position=hidden] .smart-content-container>.smart-content {
	height:100%
}
.smart-tabs-window.smart-window[auto-hide][tab-position=left],
.smart-tabs-window.smart-window[auto-hide][tab-position=left] smart-tabs,
.smart-tabs-window.smart-window[auto-hide][tab-position=right],
.smart-tabs-window.smart-window[auto-hide][tab-position=right] smart-tabs,
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=horizontal][tab-position=left],
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=horizontal][tab-position=left] smart-tabs,
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=horizontal][tab-position=right],
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=horizontal][tab-position=right] smart-tab,
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=vertical][tab-position=left],
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=vertical][tab-position=left] smart-tabs,
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=vertical][tab-position=right],
.smart-tabs-window.smart-window[auto-hide][tab-text-orientation=vertical][tab-position=right] smart-tabs {
	width:auto;
	min-width:0
}
.smart-tabs-window.smart-window smart-tab-item {
	padding:5px;
	user-select:text
}
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-content,
.smart-prompt-window.smart-window .smart-content-container>.smart-content {
	flex-direction:column-reverse;
	align-items:flex-start
}
.smart-window[footer-template] .smart-content-container>.smart-content {
	height:calc(100% - var(--smart-window-header-height) - var(--smart-window-footer-height))
}
.smart-window[footer-template=null] .smart-content-container>.smart-content {
	height:calc(100% - var(--smart-window-header-height))
}
.smart-window[disabled] .smart-header-section>.smart-buttons-container button {
	cursor:initial
}
.smart-window .smart-header-section>.smart-buttons-container button.hover {
	color:initial;
	background-color:initial
}
.smart-window .smart-header-section>.smart-buttons-container button:after {
	position:absolute;
	top:0;
	font-family:var(--smart-font-family-icon);
	width:100%;
	height:100%;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none
}
.smart-alert-window.smart-window .smart-cancel-button,
.smart-window[footer-position=none] .smart-content-container>.smart-footer,
.smart-window[header-position=none] .smart-content-container>.smart-header-section {
	display:none
}
.smart-window .smart-header-section>.smart-buttons-container button:first-of-type {
	margin-left:initial
}
.smart-window .smart-header-section>.smart-buttons-container button:last-of-type {
	margin-right:initial
}
.smart-window .smart-header-section .smart-close-button:after {
	content:var(--smart-icon-close)
}
.smart-window .smart-header-section .smart-collapse-button:after {
	content:var(--smart-icon-arrow-down)
}
.smart-window[header-position=left] .smart-header-section .smart-collapse-button:after {
	transform:rotate(275deg) translateY(1px)
}
.smart-window[header-position=left][collapsed] .smart-header-section .smart-collapse-button:after,
.smart-window[header-position=right] .smart-header-section .smart-collapse-button:after {
	transform:rotate(90deg) translateY(1px)
}
.smart-window[header-position=right][collapsed] .smart-header-section .smart-collapse-button:after {
	transform:rotate(275deg) translateY(1px)
}
.smart-window[collapsed] .smart-header-section .smart-collapse-button:after {
	transform:rotate(180deg) translateY(1px)
}
.smart-window .smart-header-section .smart-maximize-button:after {
	content:var(--smart-icon-window-maximize)
}
.smart-window[maximized] .smart-header-section .smart-maximize-button:after {
	content:var(--smart-icon-window-restore);
	font-size:100%
}
.smart-window .smart-header-section .smart-pin-button:after {
	content:var(--smart-icon-window-pin)
}
.smart-window[pinned] .smart-header-section .smart-pin-button:after {
	content:var(--smart-icon-window-pin);
	transform:rotate(-45deg)
}
.smart-window .smart-header-section .smart-minimize-button:after {
	content:var(--smart-icon-window-minimize)
}
.smart-window[resize-indicator] .smart-content-container:after,
.smart-window[resize-indicator] .smart-content-container:before {
	width:10px;
	height:10px;
	font-family:var(--smart-font-family-icon);
	content:var(--smart-icon-minus);
	font-size:10px;
	position:absolute
}
.smart-window[active] .smart-content-container>.smart-header-section {
	background-color:var(--smart-background-active);
	color:var(--smart-background-color-active)
}
.smart-window[dragged] .smart-content-container>.smart-header-section,
.smart-window[focus] .smart-content-container>.smart-header-section {
	background-color:var(--smart-primary);
	color:var(--smart-primary-color)
}
.smart-window[dragged] {
	opacity:.5;
	z-index:calc(1 + var(--smart-editor-drop-down-z-index))
}
.smart-window[dragged] .smart-content-container,
.smart-window[resized] .smart-content-container {
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none
}
.smart-window .smart-content-container.smart-window-resizing-left,
.smart-window .smart-content-container.smart-window-resizing-left>.smart-header-section,
.smart-window .smart-content-container.smart-window-resizing-right,
.smart-window .smart-content-container.smart-window-resizing-right>.smart-header-section {
	cursor:e-resize
}
.smart-window .smart-content-container.smart-window-resizing-bottom,
.smart-window .smart-content-container.smart-window-resizing-bottom>.smart-header-section,
.smart-window .smart-content-container.smart-window-resizing-top,
.smart-window .smart-content-container.smart-window-resizing-top>.smart-header-section {
	cursor:ns-resize
}
.smart-window .smart-content-container.smart-window-resizing-bottom-right,
.smart-window .smart-content-container.smart-window-resizing-bottom-right>.smart-header-section,
.smart-window .smart-content-container.smart-window-resizing-top-left,
.smart-window .smart-content-container.smart-window-resizing-top-left>.smart-header-section {
	cursor:se-resize
}
.smart-window .smart-content-container.smart-window-resizing-bottom-left,
.smart-window .smart-content-container.smart-window-resizing-bottom-left>.smart-header-section,
.smart-window .smart-content-container.smart-window-resizing-top-right,
.smart-window .smart-content-container.smart-window-resizing-top-right>.smart-header-section {
	cursor:sw-resize
}
.smart-window[collapsed] .smart-content-container.smart-window-resizing-bottom-left,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-bottom-left>.smart-header-section,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-bottom-right,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-bottom-right>.smart-header-section,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-top-left,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-top-left>.smart-header-section,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-top-right,
.smart-window[collapsed] .smart-content-container.smart-window-resizing-top-right>.smart-header-section {
	cursor:initial
}
.smart-window[resize-indicator] .smart-content-container:before {
	top:calc(100% - 13px);
	left:calc(100% - 10px);
	transform:rotate(-45deg) scaleX(2)
}
.smart-window[resize-indicator][resize-mode=left] .smart-content-container:before,
.smart-window[resize-indicator][resize-mode=top] .smart-content-container:before {
	top:0;
	left:5px
}
.smart-window[resize-indicator] .smart-content-container:after {
	top:calc(100% - 9px);
	left:calc(100% - 8px);
	transform:rotate(-45deg)
}
.smart-window[resize-indicator][resize-mode=left] .smart-content-container:after,
.smart-window[resize-indicator][resize-mode=top] .smart-content-container:after {
	top:4px;
	left:5px
}
.smart-window[resize-indicator][collapsed] .smart-content-container:after,
.smart-window[resize-indicator][collapsed] .smart-content-container:before {
	content:''
}
.smart-window[header-position=none] .smart-content-container>.smart-content {
	height:100%
}
.smart-window.smart-window-snapped-left,
.smart-window.smart-window-snapped-right,
.smart-window[header-position=left].smart-window-snapped-left,
.smart-window[header-position=left].smart-window-snapped-right,
.smart-window[header-position=right].smart-window-snapped-left,
.smart-window[header-position=right].smart-window-snapped-right {
	height:100%;
	width:50%
}
.smart-window[collapsed].smart-window-snapped-left,
.smart-window[collapsed].smart-window-snapped-right,
.smart-window[collapsed].smart-window-snapped-top,
.smart-window[collapsed][header-position=bottom].smart-window-snapped-left,
.smart-window[collapsed][header-position=bottom].smart-window-snapped-right,
.smart-window[collapsed][header-position=bottom].smart-window-snapped-top,
.smart-window[collapsed][header-position=top].smart-window-snapped-left,
.smart-window[collapsed][header-position=top].smart-window-snapped-right,
.smart-window[collapsed][header-position=top].smart-window-snapped-top {
	height:var(--smart-window-header-height)
}
.smart-window[collapsed][header-position=left].smart-window-snapped-left,
.smart-window[collapsed][header-position=left].smart-window-snapped-right,
.smart-window[collapsed][header-position=left].smart-window-snapped-top,
.smart-window[collapsed][header-position=right].smart-window-snapped-left,
.smart-window[collapsed][header-position=right].smart-window-snapped-right,
.smart-window[collapsed][header-position=right].smart-window-snapped-top {
	height:100%;
	width:var(--smart-window-header-height);
	min-width:initial
}
.smart-window.smart-window-snapped-top,
.smart-window[header-position=left].smart-window-snapped-top,
.smart-window[header-position=right].smart-window-snapped-top {
	height:100%;
	width:100%
}
.smart-window.smart-window-snapped-left,
.smart-window.smart-window-snapped-right,
.smart-window.smart-window-snapped-top {
	z-index:9999;
	box-shadow:none;
	border:var(--smart-border-width) solid var(--smart-border)
}
.smart-window[ontop].smart-window-snapped-left,
.smart-window[ontop].smart-window-snapped-right,
.smart-window[ontop].smart-window-snapped-top {
	z-index:10000;
	box-shadow:none
}
.smart-window .smart-content-container>.smart-content {
	flex-direction:column
}
.smart-window[header-position=bottom] .smart-content-container {
	flex-direction:column-reverse
}
.smart-window[header-position=left] .smart-content-container {
	flex-direction:row
}
.smart-window[header-position=left] .smart-content-container>.smart-footer,
.smart-window[header-position=left] .smart-content-container>.smart-header-section,
.smart-window[header-position=right] .smart-content-container>.smart-footer,
.smart-window[header-position=right] .smart-content-container>.smart-header-section {
	width:var(--smart-window-header-height);
	min-width:var(--smart-window-header-height);
	height:100%
}
.smart-window[header-position=right] .smart-content-container {
	flex-direction:row-reverse
}
.smart-window[header-position=left] .smart-header-section,
.smart-window[header-position=right] .smart-header-section {
	flex-direction:column
}
.smart-window[header-position=left] .smart-header-section>.smart-header,
.smart-window[header-position=right] .smart-header-section>.smart-header {
	writing-mode:vertical-lr
}
.smart-window[header-position=left] .smart-buttons-container,
.smart-window[header-position=right] .smart-buttons-container {
	display:flex;
	justify-content:center;
	flex-direction:column;
	height:initial
}
.smart-window[header-position=left] .smart-buttons-container button,
.smart-window[header-position=right] .smart-buttons-container button {
	margin-left:initial;
	margin-top:1px
}
.smart-window[header-position=left] .smart-buttons-container button:first-of-type,
.smart-window[header-position=right] .smart-buttons-container button:first-of-type {
	margin-top:initial
}
.smart-window[header-position=left],
.smart-window[header-position=right] {
	min-width:var(--smart-window-header-height);
	min-height:var(--smart-window-min-width)
}
.smart-window[header-position=left][minimized],
.smart-window[header-position=right][minimized] {
	max-width:var(--smart-window-header-height)
}
.smart-window[collapsed][header-position=left] .smart-content-container>.smart-footer,
.smart-window[collapsed][header-position=left] .smart-content-container>.smart-header-section,
.smart-window[collapsed][header-position=right] .smart-content-container>.smart-footer,
.smart-window[collapsed][header-position=right] .smart-content-container>.smart-header-section,
.smart-window[maximized][collapsed][header-position=left] .smart-content-container>.smart-footer,
.smart-window[maximized][collapsed][header-position=left] .smart-content-container>.smart-header-section,
.smart-window[maximized][collapsed][header-position=right] .smart-content-container>.smart-footer,
.smart-window[maximized][collapsed][header-position=right] .smart-content-container>.smart-header-section {
	min-width:var(--smart-window-header-height)
}
.smart-window[header-position=left] .smart-content-container>.smart-content,
.smart-window[header-position=right] .smart-content-container>.smart-content {
	height:100%
}
.smart-modal {
	position:absolute;
	opacity:.5;
	background-color:var(--smart-disabled);
	top:0;
	left:0;
	width:100%;
	min-height:100%
}
.smart-alert-window.smart-window,
.smart-dialog-window.smart-window,
.smart-progress-window.smart-window {
	width:var(--smart-window-default-width);
	top:calc(50% - var(--smart-window-default-height)/ 2);
	left:calc(50% - var(--smart-window-default-width)/ 2)
}
.smart-alert-window.smart-window,
.smart-dialog-window.smart-window {
	height:var(--smart-window-default-height)
}
.smart-alert-window.smart-window .smart-content-container>.smart-footer button,
.smart-dialog-window.smart-window .smart-content-container>.smart-footer button,
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-footer button,
.smart-progress-window.smart-window .smart-content-container>.smart-footer button,
.smart-prompt-window.smart-window .smart-content-container>.smart-footer button {
	width:100px;
	height:100%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	text-transform:var(--smart-button-text-transform);
	font-weight:500;
	letter-spacing:.08929em;
	overflow:hidden;
	border-color:var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	border-width:var(--smart-border-width);
	border-style:solid
}
.smart-alert-window.smart-window .smart-content-container>.smart-footer button:focus,
.smart-dialog-window.smart-window .smart-content-container>.smart-footer button:focus,
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-footer button:focus,
.smart-progress-window.smart-window .smart-content-container>.smart-footer button:focus,
.smart-prompt-window.smart-window .smart-content-container>.smart-footer button:focus {
	color:var(--smart-ui-state-color-focus);
	border-color:var(--smart-ui-state-focus);
	background-color:var(--smart-ui-state-focus);
	opacity:var(--smart-button-opacity-focus)
}
.smart-progress-window.smart-window .smart-content-container>.smart-footer smart-progress-bar>.smart-container,
.smart-progress-window.smart-window smart-progress-bar .smart-value {
	border:initial
}
.smart-alert-window.smart-window .smart-content-container>.smart-footer button:first-child,
.smart-dialog-window.smart-window .smart-content-container>.smart-footer button:first-child,
.smart-multiline-prompt-window.smart-window .smart-content-container>.smart-footer button:first-child,
.smart-prompt-window.smart-window .smart-content-container>.smart-footer button:first-child {
	margin-right:10px
}
.smart-progress-window.smart-window {
	height:var(--smart-window-default-height)
}
.smart-progress-window.smart-window .smart-content-container>.smart-content {
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none
}
.smart-progress-window.smart-window.smart-visibility-hidden smart-progress-bar {
	transform:scale(0)
}
.smart-progress-window.smart-window .smart-content-container>.smart-footer smart-progress-bar {
	width:100%;
	height:100%;
	box-shadow:initial;
	background-color:var(--smart-surface);
	transition:opacity .25s ease-in,
	visibility .25s cubic-bezier(0,
	0,
	.2,
	1)
}
.smart-progress-window.smart-window .smart-content-container>.smart-footer smart-progress-bar.smart-visibility-hidden {
	opacity:.5;
	transition:opacity .25s ease-out,
	visibility .25s cubic-bezier(0,
	0,
	.2,
	1)
}
.smart-progress-window.smart-window:not([animation=none]) .smart-content-container>.smart-footer button,
.smart-progress-window.smart-window:not([animation=none]) .smart-content-container>.smart-footer button.smart-visibility-hidden {
	transition:top .25s cubic-bezier(0,
	0,
	.2,
	1),
	visibility .25s cubic-bezier(0,
	0,
	.2,
	1)
}
.smart-progress-window.smart-window .smart-content-container>.smart-footer button {
	position:absolute;
	width:calc(100% - 13px);
	height:calc(100% - 13px);
	top:6.5px;
	left:6.5px;
	text-align:center;
	background-color:rgba(224,
	224,
	224,
	.5)
}
.smart-progress-window.smart-window .smart-content-container>.smart-footer button.smart-visibility-hidden {
	top:100%
}
.smart-wait-window.smart-window {
	width:var(--smart-window-default-width);
	height:var(--smart-window-default-height);
	top:calc(50% - var(--smart-window-default-height)/ 2);
	left:calc(50% - var(--smart-window-default-width)/ 2)
}
.smart-wait-window.smart-window .smart-content-container>.smart-content smart-progress-bar {
	width:100%;
	height:75%
}
.smart-multiline-prompt-window.smart-window,
.smart-prompt-window.smart-window {
	height:var(--smart-window-default-height);
	top:calc(50% - var(--smart-window-default-height)/ 2);
	left:calc(50% - var(--smart-window-default-width)/ 2)
}
.smart-prompt-window.smart-window {
	width:var(--smart-window-default-width)
}
.smart-multiline-prompt-window.smart-window smart-multiline-text-box,
.smart-prompt-window.smart-window smart-text-box {
	width:100%;
	margin-top:5px
}
.smart-multiline-prompt-window.smart-window {
	width:var(--smart-window-default-width)
}
.smart-window-resize-feedback {
	position:absolute;
	z-index:10000;
	pointer-events:none;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	border:2.5px solid #000;
	box-sizing:border-box
}
smart-docking-layout .smart-window-resize-feedback {
	border:2.5px solid #d3d3d3
}
.smart-window-snap-bottom-feedback,
.smart-window-snap-left-feedback,
.smart-window-snap-right-feedback,
.smart-window-snap-top-feedback {
	position:absolute;
	height:calc(100% - 10px);
	top:5px;
	bottom:5px;
	opacity:.65;
	box-shadow:0 0 1px 1px #8a8a8a;
	border-radius:2px;
	transition:all 50ms cubic-bezier(.4,
	0,
	.6,
	1);
	animation:scaleIn .2s cubic-bezier(.4,
	0,
	.2,
	1);
	transform:scale(1);
	pointer-events:none
}
.smart-window-snap-bottom-feedback.smart-visibility-hidden,
.smart-window-snap-left-feedback.smart-visibility-hidden,
.smart-window-snap-right-feedback.smart-visibility-hidden,
.smart-window-snap-top-feedback.smart-visibility-hidden {
	transition:animation .2s cubic-bezier(.4,
	0,
	.6,
	1),
	visibility .2s cubic-bezier(.4,
	0,
	.6,
	1),
	top .2s cubic-bezier(.4,
	0,
	.2,
	1),
	left .2s cubic-bezier(.4,
	0,
	.2,
	1);
	animation:scaleOut .2s cubic-bezier(.4,
	0,
	.6,
	1);
	transform:scale(0)
}
.smart-window-snap-right-feedback {
	width:50%;
	left:calc(50% - 5px);
	transform-origin:right
}
.smart-window-snap-left-feedback {
	width:50%;
	left:5px;
	transform-origin:left
}
.smart-window-snap-bottom-feedback,
.smart-window-snap-top-feedback {
	width:calc(100% - 10px);
	left:5px;
	transform-origin:top
}
@keyframes scaleIn {
	0% {
		transform:scale(0)
	}
	50% {
		transform:scale(.5);
		opacity:.5
	}
	100% {
		transform:scale(1);
		opacity:1
	}
}
@keyframes scaleOut {
	0% {
		transform:scale(1);
		opacity:1
	}
	50% {
		transform:scale(.5);
		opacity:.5
	}
	100% {
		transform:scale(0)
	}
}
@keyframes scaleInRight {
	0% {
		transform:scale(0)
	}
	50% {
		transform:scale(.5);
		opacity:.5
	}
	100% {
		transform:scale(1);
		opacity:1
	}
}
.smart-window[right-to-left] .smart-content-container>.smart-content,
.smart-window[right-to-left] .smart-content-container>.smart-footer,
.smart-window[right-to-left] .smart-content-container>.smart-header-section {
	direction:rtl
}
.smart-tabs-window[right-to-left] .smart-content-container>.smart-content {
	direction:initial
}
.smart-window[header-position=left][right-to-left] .smart-header-section>.smart-header,
.smart-window[header-position=right][right-to-left] .smart-header-section>.smart-header {
	writing-mode:vertical-rl
}
.smart-grid-layout {
	grid-template-rows:var(--smart-grid-layout-rows);
	padding:0;
	box-sizing:border-box
}
.smart-grid-layout,
.smart-grid-layout .row {
	display:grid;
	width:var(--smart-grid-layout-width);
	grid-gap:var(--smart-grid-layout-row-gap);
	grid-column-gap:var(--smart-grid-layout-col-gap);
	grid-template-columns:repeat(12,
	1fr)
}
.smart-grid-layout.no-gaps,
.smart-grid-layout.no-gaps .row {
	--smart-grid-row-gap:0px;
	--smart-grid-column-gap:0px;
	grid-columns-gap:0;
	grid-gap:0
}
.smart-grid-layout .row {
	margin-right:auto;
	margin-left:auto;
	box-sizing:border-box;
	grid-column:span 12
}
.smart-grid-layout .order-0 {
	order:-1
}
.smart-grid-layout .order-1 {
	order:0
}
.smart-grid-layout .order-2 {
	order:1
}
.smart-grid-layout .order-3 {
	order:2
}
.smart-grid-layout .order-4 {
	order:3
}
.smart-grid-layout .order-5 {
	order:4
}
.smart-grid-layout .order-6 {
	order:5
}
.smart-grid-layout .order-7 {
	order:6
}
.smart-grid-layout .order-8 {
	order:7
}
.smart-grid-layout .order-9 {
	order:8
}
.smart-grid-layout .order-10 {
	order:9
}
.smart-grid-layout .order-11 {
	order:10
}
.smart-grid-layout .order-12 {
	order:11
}
.smart-grid-layout[span="2"] {
	grid-row:span 2
}
.smart-grid-layout[span="3"] {
	grid-row:span 3
}
.smart-grid-layout[span="4"] {
	grid-row:span 4
}
.smart-grid-layout[span="5"] {
	grid-row:span 5
}
.smart-grid-layout[span="6"] {
	grid-row:span 6
}
.smart-grid-layout[span="7"] {
	grid-row:span 7
}
.smart-grid-layout[span="8"] {
	grid-row:span 8
}
.smart-grid-layout[span="9"] {
	grid-row:span 9
}
.smart-grid-layout[span="10"] {
	grid-row:span 10
}
.smart-grid-layout[span="11"] {
	grid-row:span 11
}
.smart-grid-layout[span="12"] {
	grid-row:span 12
}
.smart-grid-layout .col,
.smart-grid-layout .col-1,
.smart-grid-layout .col-10,
.smart-grid-layout .col-11,
.smart-grid-layout .col-12,
.smart-grid-layout .col-2,
.smart-grid-layout .col-3,
.smart-grid-layout .col-4,
.smart-grid-layout .col-5,
.smart-grid-layout .col-6,
.smart-grid-layout .col-7,
.smart-grid-layout .col-8,
.smart-grid-layout .col-9,
.smart-grid-layout .col-lg,
.smart-grid-layout .col-lg-1,
.smart-grid-layout .col-lg-10,
.smart-grid-layout .col-lg-11,
.smart-grid-layout .col-lg-12,
.smart-grid-layout .col-lg-2,
.smart-grid-layout .col-lg-3,
.smart-grid-layout .col-lg-4,
.smart-grid-layout .col-lg-5,
.smart-grid-layout .col-lg-6,
.smart-grid-layout .col-lg-7,
.smart-grid-layout .col-lg-8,
.smart-grid-layout .col-lg-9,
.smart-grid-layout .col-md,
.smart-grid-layout .col-md-1,
.smart-grid-layout .col-md-10,
.smart-grid-layout .col-md-11,
.smart-grid-layout .col-md-12,
.smart-grid-layout .col-md-2,
.smart-grid-layout .col-md-3,
.smart-grid-layout .col-md-4,
.smart-grid-layout .col-md-5,
.smart-grid-layout .col-md-6,
.smart-grid-layout .col-md-7,
.smart-grid-layout .col-md-8,
.smart-grid-layout .col-md-9,
.smart-grid-layout .col-sm,
.smart-grid-layout .col-sm-1,
.smart-grid-layout .col-sm-10,
.smart-grid-layout .col-sm-11,
.smart-grid-layout .col-sm-12,
.smart-grid-layout .col-sm-2,
.smart-grid-layout .col-sm-3,
.smart-grid-layout .col-sm-4,
.smart-grid-layout .col-sm-5,
.smart-grid-layout .col-sm-6,
.smart-grid-layout .col-sm-7,
.smart-grid-layout .col-sm-8,
.smart-grid-layout .col-sm-9,
.smart-grid-layout .col-xl,
.smart-grid-layout .col-xl-1,
.smart-grid-layout .col-xl-10,
.smart-grid-layout .col-xl-11,
.smart-grid-layout .col-xl-12,
.smart-grid-layout .col-xl-2,
.smart-grid-layout .col-xl-3,
.smart-grid-layout .col-xl-4,
.smart-grid-layout .col-xl-5,
.smart-grid-layout .col-xl-6,
.smart-grid-layout .col-xl-7,
.smart-grid-layout .col-xl-8,
.smart-grid-layout .col-xl-9 {
	position:relative;
	width:100%;
	min-height:1px;
	padding:15px;
	box-sizing:border-box;
	grid-column:span 12
}
.smart-grid-layout .col-12 {
	grid-column:span 12
}
.smart-grid-layout .col-11 {
	grid-column:span 11
}
.smart-grid-layout .col-10 {
	grid-column:span 10
}
.smart-grid-layout .col-9 {
	grid-column:span 9
}
.smart-grid-layout .col-8 {
	grid-column:span 8
}
.smart-grid-layout .col-7 {
	grid-column:span 7
}
.smart-grid-layout .col-6 {
	grid-column:span 6
}
.smart-grid-layout .col-5 {
	grid-column:span 5
}
.smart-grid-layout .col-4 {
	grid-column:span 4
}
.smart-grid-layout .col-3 {
	grid-column:span 3
}
.smart-grid-layout .col-2 {
	grid-column:span 2
}
.smart-grid-layout .col-1 {
	grid-column:span 1
}
@media (min-width: 576px) {
	.smart-grid-layout.fixed {
		max-width:540px
	}
	.smart-grid-layout .col-sm-12 {
		grid-column:span 12
	}
	.smart-grid-layout .col-sm-11 {
		grid-column:span 11
	}
	.smart-grid-layout .col-sm-10 {
		grid-column:span 10
	}
	.smart-grid-layout .col-sm-9 {
		grid-column:span 9
	}
	.smart-grid-layout .col-sm-8 {
		grid-column:span 8
	}
	.smart-grid-layout .col-sm-7 {
		grid-column:span 7
	}
	.smart-grid-layout .col-sm-6 {
		grid-column:span 6
	}
	.smart-grid-layout .col-sm-5 {
		grid-column:span 5
	}
	.smart-grid-layout .col-sm-4 {
		grid-column:span 4
	}
	.smart-grid-layout .col-sm-3 {
		grid-column:span 3
	}
	.smart-grid-layout .col-sm-2 {
		grid-column:span 2
	}
	.smart-grid-layout .col-sm-1 {
		grid-column:span 1
	}
}
@media (min-width: 768px) {
	.smart-grid-layout.fixed {
		max-width:720px
	}
	.smart-grid-layout .col-md-12 {
		grid-column:span 12
	}
	.smart-grid-layout .col-md-11 {
		grid-column:span 11
	}
	.smart-grid-layout .col-md-10 {
		grid-column:span 10
	}
	.smart-grid-layout .col-md-9 {
		grid-column:span 9
	}
	.smart-grid-layout .col-md-8 {
		grid-column:span 8
	}
	.smart-grid-layout .col-md-7 {
		grid-column:span 7
	}
	.smart-grid-layout .col-md-6 {
		grid-column:span 6
	}
	.smart-grid-layout .col-md-5 {
		grid-column:span 5
	}
	.smart-grid-layout .col-md-4 {
		grid-column:span 4
	}
	.smart-grid-layout .col-md-3 {
		grid-column:span 3
	}
	.smart-grid-layout .col-md-2 {
		grid-column:span 2
	}
	.smart-grid-layout .col-md-1 {
		grid-column:span 1
	}
}
@media (min-width: 992px) {
	.smart-grid-layout.fixed {
		max-width:960px
	}
	.smart-grid-layout .col-lg-12 {
		grid-column:span 12
	}
	.smart-grid-layout .col-lg-11 {
		grid-column:span 11
	}
	.smart-grid-layout .col-lg-10 {
		grid-column:span 10
	}
	.smart-grid-layout .col-lg-9 {
		grid-column:span 9
	}
	.smart-grid-layout .col-lg-8 {
		grid-column:span 8
	}
	.smart-grid-layout .col-lg-7 {
		grid-column:span 7
	}
	.smart-grid-layout .col-lg-6 {
		grid-column:span 6
	}
	.smart-grid-layout .col-lg-5 {
		grid-column:span 5
	}
	.smart-grid-layout .col-lg-4 {
		grid-column:span 4
	}
	.smart-grid-layout .col-lg-3 {
		grid-column:span 3
	}
	.smart-grid-layout .col-lg-2 {
		grid-column:span 2
	}
	.smart-grid-layout .col-lg-1 {
		grid-column:span 1
	}
}
@media (min-width: 1200px) {
	.smart-grid-layout.fixed {
		max-width:1140px
	}
	.smart-grid-layout .col-xl-12 {
		grid-column:span 12
	}
	.smart-grid-layout .col-xl-11 {
		grid-column:span 11
	}
	.smart-grid-layout .col-xl-10 {
		grid-column:span 10
	}
	.smart-grid-layout .col-xl-9 {
		grid-column:span 9
	}
	.smart-grid-layout .col-xl-8 {
		grid-column:span 8
	}
	.smart-grid-layout .col-xl-7 {
		grid-column:span 7
	}
	.smart-grid-layout .col-xl-6 {
		grid-column:span 6
	}
	.smart-grid-layout .col-xl-5 {
		grid-column:span 5
	}
	.smart-grid-layout .col-xl-4 {
		grid-column:span 4
	}
	.smart-grid-layout .col-xl-3 {
		grid-column:span 3
	}
	.smart-grid-layout .col-xl-2 {
		grid-column:span 2
	}
	.smart-grid-layout .col-xl-1 {
		grid-column:span 1
	}
}
.smart-stack-layout {
	display:flex;
	box-sizing:border-box;
	overflow:hidden;
	width:100%;
	align-items:baseline;
	padding:15px
}
.smart-stack-layout.vertical {
	flex-direction:column
}
.smart-stack-layout .item {
	display:flex;
	border-radius:0;
	box-shadow:none;
	min-width:100px
}
.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:first-child {
	border-top-left-radius:var(--smart-border-radius);
	border-bottom-left-radius:var(--smart-border-radius);
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:last-child {
	border-top-right-radius:var(--smart-border-radius);
	border-bottom-right-radius:var(--smart-border-radius);
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:first-child {
	border-top-left-radius:var(--smart-border-radius);
	border-top-right-radius:var(--smart-border-radius);
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:last-child {
	border-bottom-right-radius:var(--smart-border-radius);
	border-bottom-left-radius:var(--smart-border-radius);
	border-top-left-radius:0;
	border-top-right-radius:0
}
.smart-stack-layout.spacing .item {
	margin:0 6px
}
.smart-stack-layout.spacing-2 .item {
	margin:0 12px
}
.smart-stack-layout.spacing-3 .item {
	margin:0 24px
}
.smart-stack-layout.spacing-4 .item {
	margin:0 48px
}
.smart-stack-layout.spacing-5 .item {
	margin:0 64px
}
.smart-stack-layout.spacing-6 .item {
	margin:0 128px
}
.smart-stack-layout.spacing.vertical .item {
	margin:6px 0
}
.smart-stack-layout.spacing-2.vertical .item {
	margin:12px 0
}
.smart-stack-layout.spacing-3.vertical .item {
	margin:24px 0
}
.smart-stack-layout.spacing-4.vertical .item {
	margin:48px 0
}
.smart-stack-layout.spacing-5.vertical .item {
	margin:64px 0
}
.smart-stack-layout.spacing-6.vertical .item {
	margin:128px 0
}
.smart-stack-layout.spacing-2:not(.vertical) .item:first-child,
.smart-stack-layout.spacing-3:not(.vertical) .item:first-child,
.smart-stack-layout.spacing-4:not(.vertical) .item:first-child,
.smart-stack-layout.spacing-5:not(.vertical) .item:first-child,
.smart-stack-layout.spacing-6:not(.vertical) .item:first-child,
.smart-stack-layout.spacing:not(.vertical) .item:first-child {
	margin-left:0
}
.smart-stack-layout.spacing-2:not(.vertical) .item:last-child,
.smart-stack-layout.spacing-3:not(.vertical) .item:last-child,
.smart-stack-layout.spacing-4:not(.vertical) .item:last-child,
.smart-stack-layout.spacing-5:not(.vertical) .item:last-child,
.smart-stack-layout.spacing-6:not(.vertical) .item:last-child,
.smart-stack-layout.spacing:not(.vertical) .item:last-child {
	margin-right:0
}
.smart-stack-layout.spacing-2.vertical .item:first-child,
.smart-stack-layout.spacing-3.vertical .item:first-child,
.smart-stack-layout.spacing-4.vertical .item:first-child,
.smart-stack-layout.spacing-5.vertical .item:first-child,
.smart-stack-layout.spacing-6.vertical .item:first-child,
.smart-stack-layout.spacing.vertical .item:first-child {
	margin-top:0
}
.smart-stack-layout.spacing-2.vertical .item:last-child,
.smart-stack-layout.spacing-3.vertical .item:last-child,
.smart-stack-layout.spacing-4.vertical .item:last-child,
.smart-stack-layout.spacing-5.vertical .item:last-child,
.smart-stack-layout.spacing-6.vertical .item:last-child,
.smart-stack-layout.spacing.vertical .item:last-child {
	margin-bottom:0
}
.smart-stack-layout.stretch:not(.vertical) .item,
.smart-stack-layout.vertical.vertical-stretch .item {
	flex:1
}
.smart-stack-layout.stretch:not(.vertical) .item.flex-2,
.smart-stack-layout.vertical.vertical-stretch .item.flex-2 {
	flex:2
}
.smart-stack-layout.stretch:not(.vertical) .item.flex-3,
.smart-stack-layout.vertical.vertical-stretch .item.flex-3 {
	flex:3
}
.smart-stack-layout.stretch:not(.vertical) .item.flex-4,
.smart-stack-layout.vertical.vertical-stretch .item.flex-4 {
	flex:4
}
.smart-stack-layout.stretch:not(.vertical) .item.flex-5,
.smart-stack-layout.vertical.vertical-stretch .item.flex-5 {
	flex:5
}
.smart-stack-layout.stretch:not(.vertical) .item.flex-6,
.smart-stack-layout.vertical.vertical-stretch .item.flex-6 {
	flex:6
}
.smart-stack-layout .center,
.smart-stack-layout:not(.vertical).center {
	justify-content:center
}
.smart-stack-layout .left,
.smart-stack-layout:not(.vertical).left {
	justify-content:flex-start
}
.smart-stack-layout .right,
.smart-stack-layout:not(.vertical).right {
	justify-content:flex-end
}
.smart-stack-layout.vertical.center {
	align-items:center
}
.smart-stack-layout.vertical.left {
	align-items:flex-start
}
.smart-stack-layout.vertical.right {
	align-items:flex-end
}
.smart-stack-layout .top,
.smart-stack-layout:not(.vertical).top {
	align-items:flex-start
}
.smart-stack-layout .bottom,
.smart-stack-layout:not(.vertical).bottom {
	align-items:flex-end
}
.smart-stack-layout .middle,
.smart-stack-layout:not(.vertical).middle {
	align-items:center
}
.smart-stack-layout .space-between,
.smart-stack-layout.space-between {
	justify-content:space-between
}
.smart-stack-layout .space-evenly,
.smart-stack-layout.space-evenly {
	justify-content:space-evenly
}
.smart-stack-layout .space-around,
.smart-stack-layout.space-around {
	justify-content:space-around
}
.smart-stack-layout.vertical.top {
	justify-content:flex-start
}
.smart-stack-layout.vertical.bottom {
	justify-content:flex-end
}
.smart-stack-layout.vertical.middle {
	justify-content:center
}
.smart-stack-layout.stretch.vertical,
.smart-stack-layout:not(.vertical).vertical-stretch {
	align-items:stretch
}
.smart-validation-error,
.smart-validation-error input,
.smart-validation-error span {
	border-color:var(--smart-error)!important;
	outline:0
}
input[type=checkbox].smart-validation-error,
input[type=radio].smart-validation-error {
	outline:auto;
	outline-color:var(--smart-error)
}
.smart-error-label-like-after-element::after,
.smart-success-label-like-after-element::after,
.smart-validation-error:not(smart-check-box)>div.smart-container::after,
.smart-validation-success:not(smart-check-box)>div.smart-container::after {
	pointer-events:none;
	font-weight:700;
	font-family:var(--smart-font-family);
	font-size:var(--smart-font-size);
	width:24px;
	height:24px;
	border-radius:50%;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center
}
.smart-validation-error input.smart-input::selection,
.smart-validation-error input::selection {
	background:var(--smart-error);
	color:var(--smart-error-color);
	border-color:var(--smart-error)
}
.smart-validation-success input.smart-input::selection,
.smart-validation-success input::selection {
	background:var(--smart-success);
	color:var(--smart-success-color);
	border-color:var(--smart-success)
}
.smart-error-label-like-after-element::after,
.smart-success-label-like-after-element::after {
	display:flex;
	top:50%;
	position:absolute;
	left:calc(50% + 15px);
	transform:translate(-50%,
	-50%);
	justify-content:center;
	align-items:center
}
.smart-error-label-like-after-element::after,
.smart-validation-error:not(smart-check-box)>div.smart-container::after {
	background-color:var(--smart-error);
	color:var(--smart-error-color);
	content:'!'
}
.smart-error-label-like-after-element {
	position:relative
}
.smart-validation-error:not(smart-check-box)>div.smart-container::after,
.smart-validation-success:not(smart-check-box)>div.smart-container::after {
	position:absolute;
	top:50%;
	left:calc(100% + 20px);
	transform:translate(-50%,
	-50%)
}
input.smart-validation-error,
input.smart-validation-success {
	border-style:solid;
	border-width:1px
}
.smart-validation-success,
.smart-validation-success input,
.smart-validation-success span {
	border-color:var(--smart-success)!important;
	outline:0
}
.smart-success-label-like-after-element::after,
.smart-validation-success:not(smart-check-box)>div.smart-container::after {
	background-color:var(--smart-success);
	color:var(--smart-success-color);
	content:'✓'
}
.smart-success-label-like-after-element {
	position:relative
}
.smart-error-holder {
	position:absolute;
	font-size:var(--smart-font-size);
	background-color:var(--smart-error);
	color:var(--smart-error-color);
	padding:10px;
	pointer-events:none;
	z-index:var(--smart-editor-drop-down-z-index);
	margin-top:10px
}
.smart-input-buttons-elements-holder {
	display:grid;
	grid-template-columns:var(--smart-date-format-panel-smart-inputs-container-width) var(--smart-date-format-panel-apply-container-width);
	grid-template-rows:auto;
	grid-column-gap:var(--smart-date-format-panel-smart-input-buttons-column-gap)
}
.smart-input-and-add-formats-holder {
	border:var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
	border-radius:var(--smart-date-format-panel-border-radius);
	display:grid;
	grid-template-columns:var(--smart-date-format-panel-smart-inputs-holder-width) var(--smart-date-format-panel-add-format-holder-width);
	grid-template-rows:auto;
	align-items:baseline;
	justify-content:center
}
.smart-input-list-holder {
	padding:var(--smart-date-format-panel-smart-inputs-list-holder-offset)
}
.smart-input-list-holder:empty {
	border:none
}
.smart-input-list-holder smart-input {
	display:inline-flex;
	height:var(--smart-date-format-panel-smart-input-height);
	margin:var(--smart-date-format-panel-each-smart-input-offset)
}
.smart-input-list-holder .format-smart-input-list {
	width:var(--smart-date-format-panel-smart-input-format-width)
}
.smart-input-list-holder .sign-smart-input {
	width:var(--smart-date-format-panel-smart-input-sign-width)
}
.all-format-holders {
	width:var(--smart-date-format-panel-all-format-holders-width)
}
.format-holder {
	width:var(--smart-date-format-panel-each-add-format-holder-width);
	text-align:center;
	float:left
}
.add-format-holder {
	margin:var(--smart-date-format-panel-add-new-format-dropdown-offset);
	align-self:normal;
	justify-self:end
}
.add-format-holder span.smart-drop-down-button {
	--smart-date-format-panel-smart-drop-down-button-border:transparent
}
.add-format-holder smart-button {
	font-size:var(--smart-date-format-panel-smart-font-size);
	width:auto;
	min-width:var(--smart-date-format-panel-add-format-holder-button)
}
.use-format-button {
	margin:0 auto;
	margin-top:var(--smart-date-format-panel-margin-from-the-top)
}
.use-format-button[disabled] {
	display:none
}
li[value=' '] a {
	height:calc(var(--smart-date-format-panel-smart-font-size) + 2 * 8px)
}
.date-time-format-list {
	padding:0;
	margin:0;
	margin-top:var(--smart-date-format-panel-date-time-format-list-offset-top);
	max-height:var(--smart-date-format-panel-date-time-format-list-max-height);
	overflow-y:auto
}
.date-time-format:last-child {
	border-bottom:var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color)
}
.date-time-format {
	cursor:pointer;
	border:var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
	border-bottom:none;
	text-align:center;
	padding:var(--smart-date-format-panel-each-date-time-format-offset);
	list-style-type:none;
	padding-left:0
}
.date-time-format:hover {
	background:#f1f1f1
}
.text-tramsform-none {
	text-transform:none
}
.cboth {
	clear:both
}
.bold {
	font-weight:700
}
.currency-format-panel-demo-container {
	max-width:960px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:15px
}
.selected-currency-holder-and-apply-holder {
	display:grid;
	grid-template-columns:var(--smart-currency-format-panel-currency-holder-width) var(--smart-currency-format-panel-apply-button-width);
	grid-template-rows:auto;
	grid-column-gap:var(--smart-currency-format-panel-header-holder-offset)
}
.selected-currency-holder {
	border:var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
	border-radius:var(--smart-currency-format-panel-border-radius);
	display:grid;
	grid-template-columns:var(--smart-currency-format-panel-currency-holder-input-width) var(--smart-currency-format-panel-currency-holder-dropdown-width);
	grid-template-rows:auto;
	align-items:baseline;
	justify-content:center;
	padding-left:var(--smart-currency-format-panel-currency-holder-padding-left);
	padding-top:var(--smart-currency-format-panel-currency-holder-padding-top);
	padding-bottom:var(--smart-currency-format-panel-currency-holder-padding-bottom)
}
.input-currency-formats {
	width:var(--smart-currency-format-panel-currency-holder-dropdown-button-width)
}
.selected-currency-holder .currency-sign-input-holder {
	width:auto
}
.selected-currency-holder .currency-sign-input-holder smart-text-box {
	width:var(--smart-currency-format-panel-currency-input-width)
}
.selected-currency-holder .currency-sign-input-holder smart-text-box input {
	border:none
}
.currency-item,
.currency-list {
	border:var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color)
}
.currency-list {
	padding:0;
	margin:0;
	margin-top:var(--smart-currency-format-panel-currencies-margin-top);
	max-height:var(--smart-currency-format-panel-currencies-max-height);
	overflow-y:auto
}
.currency-item {
	cursor:pointer;
	border-left:0;
	border-bottom:none;
	padding:var(--smart-currency-format-panel-currencies-item-padding);
	padding-left:var(--smart-currency-format-panel-currencies-left-padding);
	list-style-type:none
}
.currency-item:last-child {
	border-bottom:0
}
.currency-item:first-child {
	border-top:0!important
}
.currency-item:hover {
	background:var(--smart-currency-format-panel-currencies-hover-background)
}
.currency-item-default-format {
	float:right;
	color:var(--smart-currency-format-panel-currencies-example-format-color)
}
.smart-appearance,
.smart-data-validation-container,
.smart-on-invalid-data-container {
	grid-template-columns:var(--smart-validation-panel-description-width) var(--smart-validation-panel-content-width);
	grid-template-rows:auto;
	grid-column-gap:0
}
.smart-on-invalid-data-container {
	margin-top:var(--smart-validation-panel-invalid-data-vertical-offset);
	display:grid
}
.smart-appearance {
	margin-top:var(--smart-validation-panel-appearance-vertical-offset);
	display:grid
}
.smart-appearance .smart-checkbox-appearance {
	display:block
}
.smart-appearance .smart-appearance-text-box-value {
	display:inline-block;
	margin-top:var(--smart-validation-panel-appearance-textbox-vertical-offset)
}
.smart-appearance .reset-appearance {
	cursor:pointer;
	display:inline-block;
	margin-left:var(--smart-validation-panel-appearance-reset-button-left-offset);
	text-decoration:underline;
	color:var(--smart-validation-panel-appearance-reset-button-color)
}
.smart-data-validation-container {
	margin-top:var(--smart-validation-panel-criteria-container-vertical-offset);
	display:grid
}
.smart-data-validation-container .right-elements {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	flex-direction:row
}
.smart-criteria-container,
.smart-criteria-type-container,
.smart-data-validation-container .criteria-container,
.smart-input-criteria-container {
	margin-top:var(--smart-validation-panel-criteria-row-margin-top)
}
.smart-data-validation-container .smart-criteria-container,
.smart-data-validation-container .smart-criteria-type-container,
.smart-data-validation-container .smart-input-criteria-container {
	display:flex;
	align-items:center
}
.smart-data-validation-container .smart-input-criteria,
.smart-data-validation-container .smart-input-criteria-type {
	display:inline-block;
	width:var(--smart-validation-panel-criteria-container-input-width);
	margin-left:var(--smart-validation-panel-criteria-container-input-horizontal-offset);
	margin-right:var(--smart-validation-panel-criteria-container-input-horizontal-offset)
}
.smart-data-validation-container .smart-input-criteria-container {
	display:inline-flex;
	flex-direction:row
}
.smart-data-validation-container .smart-input-criteria-container smart-text-box {
	display:inline-block;
	width:var(--smart-validation-panel-criteria-container-textbox-width);
	margin-left:var(--smart-validation-panel-criteria-container-textbox-horizontal-offset);
	margin-right:var(--smart-validation-panel-criteria-container-textbox-horizontal-offset)
}
.smart-data-validation-container .smart-input-criteria-container smart-text-box:nth-child(1) {
	order:1
}
.smart-data-validation-container .smart-input-criteria-container .smart-text-between-inputs {
	margin:var(--smart-validation-panel-criteria-container-text-between-inputs-offset);
	order:2
}
.smart-data-validation-container .smart-input-criteria-container smart-text-box:nth-child(2) {
	order:3
}
.smart-footer-buttons {
	margin-top:var(--smart-validation-panel-footer-vertical-offset)
}
.smart-footer-buttons smart-button {
	margin-left:var(--smart-validation-panel-footer-button-horizontal-offset);
	margin-right:var(--smart-validation-panel-footer-button-horizontal-offset)
}
.smart-footer-buttons .right-elements {
	float:right
}
.right-elements-reset {
	display:flex;
	align-items:center
}
.smart-footer-buttons smart-button.smart-remove-validation-footer-button {
	width:auto;
	color:var(--smart-validation-panel-footer-remove-validation-button-color);
	font-weight:700
}
.smart-footer-buttons smart-button.smart-cancel-footer-button {
	color:var(--smart-validation-panel-footer-cancel-button-color);
	font-weight:700
}
.smart-footer-buttons smart-button.smart-save-footer-button {
	background:var(--smart-validation-panel-footer-save-button-background);
	color:var(--smart-validation-panel-footer-save-button-color)
}
.smart-path-item,
smart-path .smart-drop-down-button {
	border-top-left-radius:var(--smart-border-top-left-radius)
}
.smart-path-item {
	box-sizing:border-box;
	transition:opacity 280ms ease-in-out;
	overflow:hidden;
	white-space:nowrap;
	display:flex;
	position:relative;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;
	padding:9px 12px;
	width:100%;
	height:calc(100% - var(--smart-list-item-vertical-offset));
	left:0;
	top:0;
	color:var(--smart-background-color);
	border-width:var(--smart-border-width);
	border-style:solid;
	border-color:transparent;
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
.smart-path-item .smart-ripple,
smart-path .smart-ripple {
	background:var(--smart-ui-state-active)
}
.smart-path-item[disabled] {
	opacity:.55;
	cursor:default;
	pointer-events:none;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none
}
.smart-path-item[hover] {
	color:var(--smart-ui-state-color-hover);
	border-color:var(--smart-ui-state-border-hover);
	background-color:var(--smart-ui-state-hover)
}
.smart-path-item[active] {
	color:var(--smart-ui-state-color-active);
	border-color:var(--smart-ui-state-border-active);
	background-color:var(--smart-ui-state-active);
	opacity:1
}
.smart-path-item[focus] {
	color:var(--smart-primary-color);
	border-color:var(--smart-primary);
	background-color:var(--smart-primary)
}
smart-path {
	display:block;
	width:var(--smart-path-default-width);
	height:var(--smart-path-default-height);
	background:var(--smart-background);
	color:var(--smart-background-color);
	border-color:var(--smart-border)
}
smart-path .smart-content {
	position:relative;
	cursor:pointer;
	display:flex;
	width:100%;
	height:100%
}
smart-path .smart-input,
smart-path .smart-path-multiline-container,
smart-path input.smart-input {
	cursor:initial;
	outline:transparent solid 1px;
	width:100%;
	height:100%;
	border:none;
	min-height:100%;
	vertical-align:middle;
	padding:0 var(--smart-editor-label-padding);
	font-size:inherit;
	font-family:inherit;
	background-color:inherit;
	margin:0;
	color:inherit;
	background:var(--smart-background);
	text-align:var(--smart-path-text-align);
	border-radius:0
}
smart-path div.smart-input {
	padding:calc(var(--smart-editor-label-padding) + 2* var(--smart-border-width)) calc(var(--smart-editor-label-padding) - var(--smart-border-width));
	outline:0;
	background:initial;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-width:none
}
smart-path div.smart-input[show-placeholder]::after {
	opacity:1
}
.smart-path-item,
smart-path[readonly] .smart-input {
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none
}
smart-path[indicator] .smart-input {
	background:var(--smart-surface)
}
smart-path[indicator] .smart-path-input-container {
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
smart-path[indicator] .smart-browse-button {
	display:none
}
smart-path[indicator] .smart-buttons-container {
	grid-template-columns:var(--smart-editor-addon-width) auto
}
smart-path[disabled] input {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none
}
smart-path .smart-buttons-container {
	display:grid;
	width:100%;
	grid-template-columns:var(--smart-editor-addon-width) calc(100% - 2*var(--smart-editor-addon-width) - 2 * var(--smart-path-button-gap)) var(--smart-editor-addon-width);
	grid-column-gap:var(--smart-path-button-gap)
}
smart-path .smart-content .smart-input::selection {
	background:var(--smart-editor-selection);
	color:var(--smart-editor-selection-color)
}
smart-path .smart-browse-button[hover],
smart-path .smart-drop-down-button[hover],
smart-path .smart-input[hover] {
	border-color:var(--smart-ui-state-border-hover)
}
smart-path .smart-input:focus,
smart-path[focus] .smart-drop-down-button,
smart-path[focus] .smart-path-input-container {
	outline:initial;
	border-color:var(--smart-primary);
	background-color:var(--smart-background);
	color:var(--smart-background-color)
}
smart-path[focus] .smart-browse-button,
smart-path[focus] .smart-drop-down-button {
	outline:initial;
	border-color:var(--smart-primary);
	background-color:var(--smart-surface);
	color:var(--smart-background-color)
}
smart-path .smart-drop-down.smart-visibility-hidden {
	transform:scale(0);
	transition:transform .2s ease-in;
	transform-origin:left top 0
}
smart-path>.smart-container,
smart-path[label][hint]>.smart-container {
	display:flex;
	position:relative;
	align-items:center
}
smart-path[hint]>.smart-container {
	align-items:flex-start
}
smart-path[label]>.smart-container {
	align-items:flex-end
}
smart-path .smart-hint,
smart-path .smart-label {
	display:none;
	position:absolute
}
smart-path[hint] .smart-hint,
smart-path[label] .smart-label {
	position:absolute;
	left:0;
	bottom:100%;
	font-size:12px;
	width:100%;
	display:block;
	padding:var(--smart-editor-label-padding);
	pointer-events:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none;
	text-align:initial;
	line-height:initial;
	vertical-align:initial
}
smart-path[hint] .smart-hint {
	opacity:0;
	top:100%;
	bottom:initial
}
smart-path[hint][focus] .smart-hint {
	opacity:1
}
smart-path:not([animation=none])[hint] .smart-hint {
	transition:opacity .2s cubic-bezier(.4,
	0,
	.6,
	1)
}
smart-path:not([animation=none])[hint][focus] .smart-hint {
	transition:opacity .2s cubic-bezier(.4,
	0,
	.2,
	1)
}
smart-path[disabled] .smart-browse-button,
smart-path[disabled] .smart-drop-down-button,
smart-path[disabled] input,
smart-path[disabled]>.smart-container {
	cursor:default;
	background-color:initial
}
smart-path .smart-browse-button,
smart-path .smart-drop-down-button {
	font-family:var(--smart-font-family-icon);
	font-size:10px;
	width:var(--smart-editor-addon-width);
	min-width:var(--smart-editor-addon-width);
	min-height:var(--smart-editor-height);
	height:100%;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	outline:transparent solid 1px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	background:var(--smart-surface);
	border-width:var(--smart-border-width);
	border-style:solid;
	color:var(--smart-background-color);
	border-color:var(--smart-border);
	transition:background-color .1s linear
}
smart-path .smart-drop-down-button {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:var(--smart-border-bottom-left-radius)
}
smart-path .smart-browse-button {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius)
}
smart-path .smart-browse-button span,
smart-path .smart-drop-down-button span {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,
	-50%)
}
smart-path .smart-browse-button span:not(.smart-ripple)::after,
smart-path .smart-drop-down-button span:not(.smart-ripple)::after,
smart-path div.smart-input::after {
	content:var(--smart-icon-arrow-down);
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
	width:100%;
	height:100%;
	top:0;
	white-space:nowrap
}
smart-path .smart-browse-button span:not(.smart-ripple)::after {
	content:'...';
	font-weight:600;
	font-size:1rem
}
smart-path .smart-input::-webkit-input-placeholder,
smart-path .smart-input::placeholder,
smart-path div.smart-input::after {
	color:var(--smart-disabled-color);
	font-style:italic
}
smart-path .smart-browse-button[hover],
smart-path .smart-drop-down-button[hover] {
	color:var(--smart-ui-state-color-hover);
	background:var(--smart-ui-state-hover);
	border-color:var(--smart-ui-state-border-hover)
}
smart-path .smart-browse-button:active,
smart-path .smart-browse-button[active],
smart-path .smart-drop-down-button:active,
smart-path .smart-drop-down-button[active],
smart-path[opened] .smart-drop-down-button {
	color:var(--smart-ui-state-color-active);
	background:var(--smart-ui-state-active);
	border-color:var(--smart-ui-state-border-active)
}
smart-path[label].outlined .smart-label {
	top:-11px;
	left:var(--smart-editor-label-padding);
	background:var(--smart-background);
	color:var(--smart-background-color);
	z-index:1;
	height:auto;
	min-height:20px;
	width:auto;
	transition:all .2s ease;
	transform:scale(1)
}
smart-path[label].outlined[focus] .smart-label {
	transform:scale(.8);
	color:var(--smart-primary)
}
smart-path.outlined[hover] .smart-drop-down-button {
	color:var(--smart-ui-state-color-hover);
	border-color:var(--smart-ui-state-border-hover);
	background-color:var(--smart-ui-state-hover)
}
smart-path.outlined,
smart-path.underlined {
	background-color:transparent;
	color:inherit
}
smart-path.underlined .smart-browse-button,
smart-path.underlined .smart-drop-down-button,
smart-path.underlined .smart-input,
smart-path.underlined .smart-path-input-container,
smart-path.underlined[hover]:not([opened]) .smart-input {
	border-top-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent
}
smart-path.underlined .smart-browse-button::after,
smart-path.underlined .smart-drop-down-button::after,
smart-path.underlined .smart-path-input-container::after {
	border-bottom-color:var(--smart-primary);
	content:'';
	width:0;
	position:absolute;
	bottom:0;
	left:0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	transition:all .2s cubic-bezier(0,
	0,
	.2,
	1)
}
smart-path.underlined[focus] .smart-browse-button::after,
smart-path.underlined[focus] .smart-drop-down-button::after,
smart-path.underlined[focus] .smart-path-input-container::after {
	width:100%
}
smart-path div.smart-input::after {
	content:attr(placeholder);
	justify-content:initial;
	left:0;
	padding:0 var(--smart-editor-label-padding);
	opacity:0;
	pointer-events:none
}
smart-path.underlined:not([opened]) .smart-input,
smart-path.underlined:not([opened]):not([hover]) .smart-browse-button,
smart-path.underlined:not([opened]):not([hover]) .smart-drop-down-button {
	background-color:transparent;
	color:inherit;
	border-radius:initial
}
smart-path.underlined[hover]:not([opened]) .smart-input {
	background-color:transparent
}
smart-path.underlined:not([hover]) .smart-browse-button:focus,
smart-path.underlined:not([hover]) .smart-drop-down-button:focus {
	box-shadow:none
}
smart-path.underlined:not([hover]) .smart-input:focus {
	box-shadow:none;
	z-index:initial
}
smart-path.underlined .smart-browse-button[active],
smart-path.underlined .smart-drop-down-button[active],
smart-path.underlined .smart-input[active] {
	background-color:var(--smart-ui-state-active);
	color:var(--smart-ui-state-color-active)
}
smart-path[label].underlined[value=""] .smart-label {
	bottom:0
}
smart-path[label].underlined .smart-label {
	transition:all .2s cubic-bezier(0,
	0,
	.2,
	1);
	transform:scale(1);
	transform-origin:top left
}
smart-path[label].underlined[focus] .smart-label,
smart-path[label].underlined[opened] .smart-label {
	transform:scale(.8);
	color:var(--smart-primary);
	bottom:100%
}
smart-path .smart-path-input-container {
	position:relative;
	overflow:hidden;
	border-style:solid;
	border-color:var(--smart-border);
	border-width:var(--smart-border-width);
	border-radius:0
}
smart-path[wrap] .smart-path-input-wrapper {
	padding-top:calc(var(--smart-editor-label-padding) + 2* var(--smart-border-width));
	padding-bottom:calc(var(--smart-editor-label-padding) + 2* var(--smart-border-width))
}
smart-path .smart-path-input-wrapper {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	text-align:var(--smart-path-text-align);
	padding:0 var(--smart-editor-label-padding);
	vertical-align:middle;
	outline:0;
	pointer-events:none;
	visibility:hidden;
	white-space:nowrap
}
smart-path .smart-path-input-wrapper::-moz-focus-inner {
	border:0
}
smart-path .smart-path-multiline-container {
	overflow:hidden;
	position:relative;
	padding:initial;
	border:none
}
smart-path .smart-path-multiline-container .smart-input::-webkit-scrollbar {
	width:0
}
smart-path .smart-input[position-absolute] {
	position:absolute
}
@-moz-document url-prefix() {
	smart-path .smart-path-input-wrapper {
		line-height:1rem
	}
}
.smart-drop-down.smart-drop-down-repositioned[right-to-left],
smart-path[right-to-left]>.smart-container {
	direction:rtl
}
smart-path[right-to-left] .smart-browse-button {
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
smart-path[right-to-left] .smart-drop-down-button {
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-left-radius);
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
smart-path[right-to-left][indicator] .smart-path-input-container {
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:0;
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:0
}
.number-format-panel-demo-container {
	max-width:960px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:15px
}
.selected-custom-number-format-holder-and-apply-holder {
	display:grid;
	grid-template-columns:var(--smart-number-format-panel-selected-format-width) var(--smart-number-format-panel-apply-button-width);
	grid-template-rows:auto;
	grid-column-gap:var(--smart-number-format-panel-header-holder-offset)
}
.selected-custom-number-format-holder {
	display:block;
	border:var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color);
	border-radius:var(--smart-number-format-panel-border-radius);
	padding-left:var(--smart-number-format-panel-selected-format-padding-left);
	padding-top:var(--smart-number-format-panel-selected-format-padding-top);
	padding-bottom:var(--smart-number-format-panel-selected-format-padding-bottom)
}
.selected-custom-number-format-holder .custom-number-format-input-holder {
	width:auto
}
.selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box {
	width:var(--smart-number-format-panel-header-input-width)
}
.selected-custom-number-format-holder .custom-number-format-input-holder smart-text-box input {
	border:none
}
.custom-number-format-item,
.custom-number-format-list {
	border:var(--smart-number-format-panel-border-size) solid var(--smart-number-format-panel-border-color)
}
.apply-button-holder .use-number-format-button {
	height:100%
}
.sample-container {
	margin-top:var(--smart-number-format-panel-sample-container-vertical-offset);
	margin-left:var(--smart-number-format-panel-sample-container-horizontal-offset)
}
.custom-number-format-list {
	padding:0;
	margin:0;
	margin-top:var(--smart-number-format-panel-formats-list-margin-top);
	max-height:var(--smart-number-format-panel-formats-list-max-height);
	overflow-y:auto
}
.custom-number-format-item {
	cursor:pointer;
	border-left:0;
	border-bottom:none;
	padding:var(--smart-number-format-panel-formats-item-padding);
	padding-left:var(--smart-number-format-panel-formats-item-left-padding);
	list-style-type:none
}
.custom-number-format-item:last-child {
	border-bottom:0
}
.custom-number-format-item:first-child {
	border-top:0!important
}
.custom-number-format-item:hover {
	background:var(--smart-number-format-panel-formats-item-hover-background)
}
.custom-number-format-item-default-format {
	float:right;
	color:var(--smart-number-format-panel-formats-item-example-format-color)
}
.smart-kanban:not([right-to-left]) .smart-kanban-column.collapsed>.smart-kanban-column-header>.smart-arrow,
.smart-kanban[right-to-left] .smart-kanban-column:not(.collapsed) .smart-kanban-column-header .smart-arrow {
	transform:rotate(180deg)
}
.smart-kanban {
	width:var(--smart-kanban-default-width);
	height:var(--smart-kanban-default-height);
	padding:var(--smart-data-view-padding)
}
.smart-kanban.smart-container,
.smart-kanban>.smart-container {
	position:relative
}
.smart-kanban .smart-kanban-body {
	position:relative;
	width:100%;
	height:100%;
	display:grid;
	grid-column-gap:var(--smart-data-view-padding)
}
.smart-kanban .smart-kanban-column {
	display:grid;
	grid-template-rows:var(--smart-kanban-header-size) 1fr;
	grid-row-gap:var(--smart-data-view-padding);
	min-height:0
}
.smart-kanban .smart-kanban-body>.smart-kanban-column {
	height:100%;
	overflow:hidden
}
.smart-kanban .smart-data-view-header,
.smart-kanban .smart-kanban-column>.smart-kanban-column-header,
.smart-kanban .smart-kanban-tab-strip,
.smart-kanban .swimlane {
	border:var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	min-width:0
}
.smart-kanban .smart-kanban-column>.smart-kanban-column-header {
	display:grid;
	grid-template-columns:1fr auto;
	align-content:center;
	align-items:center;
	padding:0 var(--smart-data-view-padding);
	background-color:var(--smart-surface);
	color:var(--smart-surface-color)
}
.smart-kanban .smart-kanban-column>.smart-kanban-column-header>.smart-kanban-column-header-label,
.smart-kanban .smart-kanban-tab-label {
	font-size:calc(var(--smart-font-size) + 1px);
	font-weight:700;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.smart-kanban .smart-kanban-column>.smart-kanban-column-header>.smart-arrow,
.smart-kanban .smart-kanban-column>.smart-kanban-column-header>.smart-kanban-column-header-add {
	display:none
}
.smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed)>.smart-kanban-column-header>.smart-kanban-column-header-add,
.smart-kanban[collapsible] .smart-kanban-column[collapsible]>.smart-kanban-column-header>.smart-arrow {
	display:block
}
.smart-kanban[add-new-button] .smart-kanban-column[add-new-button]:not(.collapsed)>.smart-kanban-column-header {
	grid-template-columns:auto 1fr auto
}
.smart-kanban[add-new-button] .smart-kanban-column[add-new-button]>.smart-kanban-column-header>.smart-kanban-column-header-add::after {
	content:var(--smart-icon-plus-circled);
	font-family:var(--smart-font-family-icon);
	padding:0 10px 10px 0
}
.smart-kanban[add-new-button] .smart-kanban-column[add-new-button]>.smart-kanban-column-header>.smart-kanban-column-header-add:hover {
	cursor:pointer;
	color:var(--smart-primary)
}
.smart-kanban[collapsible] .smart-kanban-column[collapsible]>.smart-kanban-column-header {
	cursor:pointer
}
.smart-kanban[collapsible] .smart-kanban-column[collapsible]>.smart-kanban-column-header:hover {
	background-color:var(--smart-ui-state-hover);
	color:var(--smart-ui-state-color-hover)
}
.smart-kanban .smart-kanban-column.collapsed {
	width:var(--smart-kanban-header-size);
	grid-template-rows:1fr
}
.smart-kanban .smart-kanban-column.collapsed>.smart-kanban-column-header {
	width:100%;
	padding:var(--smart-data-view-padding) 0;
	writing-mode:vertical-lr;
	color:var(--smart-primary);
	direction:ltr
}
.smart-kanban .smart-kanban-column.collapsed.has-swimlane>.smart-kanban-column-header>.smart-kanban-column-header-label {
	margin-top:calc(2 * var(--smart-kanban-header-size) + var(--smart-data-view-padding))
}
.smart-kanban .smart-kanban-column>.smart-kanban-column-content {
	display:grid;
	grid-row-gap:var(--smart-data-view-padding);
	min-height:0;
	grid-template-rows:1fr 3fr
}
.smart-kanban .smart-kanban-column.collapsed>.smart-kanban-column-content {
	display:none
}
.smart-kanban .smart-kanban-column>.smart-kanban-column-content.no-sub-columns {
	grid-template-rows:1fr
}
.smart-kanban[task-position=leaf] .smart-kanban-column>.smart-kanban-column-content:not(.no-sub-columns) {
	grid-template-rows:0 1fr;
	grid-row-gap:0
}
.smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks {
	position:relative;
	display:grid;
	grid-row-gap:var(--smart-data-view-padding);
	border:none;
	width:unset;
	min-width:unset;
	height:unset;
	min-height:0;
	max-height:unset;
	padding:0;
	background-color:transparent
}
.smart-kanban .smart-kanban-column .smart-kanban-column-content-tasks:empty {
	display:none
}
.smart-kanban .smart-kanban-column-content-tasks>.smart-container>.smart-scroll-viewer-container>.smart-scroll-viewer-content-container {
	display:grid;
	grid-row-gap:var(--smart-data-view-padding);
	padding:0
}
.smart-kanban .smart-kanban-column[orientation=horizontal]>.smart-kanban-column-content>.smart-kanban-column-content-tasks>.smart-container>.smart-scroll-viewer-container>.smart-scroll-viewer-content-container {
	grid-template-columns:repeat(auto-fit,
	minmax(var(--smart-kanban-task-min-width),
	1fr));
	grid-column-gap:var(--smart-data-view-padding)
}
.smart-kanban .smart-kanban-column-content-columns {
	display:grid;
	grid-column-gap:var(--smart-data-view-padding);
	min-height:0
}
.smart-kanban-task {
	border:var(--smart-border-width) solid var(--smart-border);
	border-left:var(--smart-kanban-color-band-width) solid var(--smart-primary);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	width:100%;
	min-width:0;
	height:auto;
	min-height:var(--smart-kanban-task-min-height);
	display:grid;
	grid-template-columns:100%;
	grid-template-rows:1fr auto auto;
	padding:5px;
	grid-row-gap:5px;
	cursor:pointer;
	background-color:var(--smart-background);
	position:relative
}
.smart-kanban .smart-kanban-task[selected],
.smart-kanban-task-progress-container {
	background-color:var(--smart-ui-state-selected)
}
.smart-kanban-task-content {
	display:grid;
	grid-template-columns:1fr auto
}
.smart-kanban-task-info {
	display:grid;
	grid-template-rows:auto auto
}
.smart-kanban-task-progress-container {
	display:none;
	height:20px;
	position:relative;
	align-items:center;
	justify-content:center
}
[task-progress] .smart-kanban-task-progress-container {
	display:flex
}
.smart-kanban-task-progress {
	background-color:var(--smart-primary);
	position:absolute;
	height:20%;
	left:0
}
.smart-kanban .smart-kanban-list .icon,
[task-user-icon] .smart-kanban-task-user {
	height:var(--smart-kanban-user-icon-size);
	background-size:cover;
	background-position:center
}
.smart-kanban-task-progress.bottom {
	bottom:0
}
.smart-kanban-task-checked,
.smart-kanban-task-due {
	letter-spacing:1px
}
.smart-kanban-task-due:not(:empty) {
	margin-top:calc(var(--smart-data-view-padding)/ 2)
}
.smart-kanban-task-due.overdue {
	color:var(--smart-error)
}
.smart-kanban-task-footer {
	display:grid;
	grid-template-columns:1fr auto auto;
	align-items:center
}
.smart-kanban-task-content,
.smart-kanban-task-footer {
	grid-column-gap:5px
}
.smart-kanban-task-text {
	padding:5px;
	word-break:break-word;
	max-height:var(--smart-kanban-text-max-height);
	overflow:auto
}
.smart-kanban-task-text::after,
.smart-kanban-task-text::before {
	font-family:var(--smart-font-family-icon)
}
.smart-kanban-task-text::before {
	margin-right:10px
}
.smart-kanban-task-text::after {
	margin-left:10px
}
[task-priority]:not([right-to-left]) .smart-kanban-task-text.low::before,
[task-priority][right-to-left] .smart-kanban-task-text.low::after {
	content:var(--smart-icon-arrow-down-filled);
	color:var(--smart-primary)
}
[task-priority]:not([right-to-left]) .smart-kanban-task-text.high::before,
[task-priority][right-to-left] .smart-kanban-task-text.high::after {
	content:var(--smart-icon-attention);
	color:var(--smart-error)
}
[task-user-icon] .smart-kanban-task-user {
	display:block;
	width:var(--smart-kanban-user-icon-size);
	border:var(--smart-border-width) solid var(--smart-border);
	border-radius:50%;
	background-color:var(--smart-surface);
	color:var(--smart-background-color);
	background-repeat:no-repeat
}
.smart-kanban[user-list] .smart-kanban-task-user:hover {
	border:none;
	box-shadow:0 0 4px 1px var(--smart-primary)
}
.smart-kanban-task-user.empty::after {
	content:var(--smart-icon-user);
	font-family:var(--smart-font-family-icon);
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:var(--smart-kanban-user-icon-size)
}
[task-tags] .smart-kanban-task-tags {
	display:flex;
	flex-direction:row;
	overflow:hidden
}
.smart-kanban-task-tag {
	display:inline-block;
	padding:5px;
	background-color:rgba(var(--smart-primary-rgb),
	.15);
	color:var(--smart-background-color);
	margin-right:5px;
	border-radius:20px
}
.smart-kanban-task-actions,
.smart-kanban-task-comments,
.smart-kanban-task-due,
.smart-kanban-task-tags,
.smart-kanban-task-user {
	display:none
}
[task-actions] .smart-kanban-task-actions,
[task-comments] .smart-kanban-task-comments,
[task-due] .smart-kanban-task-due {
	display:block
}
.smart-kanban .smart-kanban-task-actions:hover,
.smart-kanban .smart-kanban-task-comments:hover {
	color:var(--smart-primary)
}
.smart-kanban-task-actions::after {
	content:var(--smart-icon-settings);
	font-family:var(--smart-font-family-icon)
}
.smart-kanban-task-comments::after {
	content:var(--smart-icon-mail)' ' attr(num);
	font-family:var(--smart-font-family-icon);
	white-space:nowrap
}
.smart-kanban .smart-kanban-task.dragged {
	background-image:linear-gradient(45deg,
	rgba(0,
	0,
	0,
	.1) 25%,
	transparent 25%,
	transparent 50%,
	rgba(0,
	0,
	0,
	.1) 50%,
	rgba(0,
	0,
	0,
	.1) 75%,
	transparent 75%,
	transparent);
	background-size:3em 3em
}
.smart-kanban .drop-target:after {
	content:'';
	position:absolute;
	box-sizing:border-box;
	border:2px dashed var(--smart-primary);
	width:100%;
	height:100%;
	left:0;
	top:0;
	pointer-events:none;
	opacity:.75
}
.smart-kanban .drop-target.after:after,
.smart-kanban .drop-target.before:after {
	border:none
}
.smart-kanban .smart-kanban-column[orientation=vertical]>.smart-kanban-column-content>.smart-kanban-column-content-tasks .drop-target.before:after {
	border-top:2px dashed var(--smart-primary)
}
.smart-kanban .smart-kanban-column[orientation=vertical]>.smart-kanban-column-content>.smart-kanban-column-content-tasks .drop-target.after:after {
	border-bottom:2px dashed var(--smart-primary)
}
.smart-kanban .smart-kanban-column[orientation=horizontal]>.smart-kanban-column-content>.smart-kanban-column-content-tasks .drop-target.before:after {
	border-left:var(--smart-kanban-color-band-width) dashed var(--smart-primary-color);
	left:calc(-1 * var(--smart-kanban-color-band-width))
}
.smart-kanban .smart-kanban-column[orientation=horizontal]>.smart-kanban-column-content>.smart-kanban-column-content-tasks .drop-target.after:after {
	border-right:2px dashed var(--smart-primary)
}
.smart-kanban-feedback {
	position:absolute;
	color:var(--smart-background-color);
	font-family:var(--smart-font-family);
	font-size:var(--smart-font-size);
	cursor:move;
	opacity:.9
}
.smart-kanban-feedback * {
	box-sizing:border-box
}
.smart-kanban-feedback .smart-kanban-feedback-additional,
.smart-kanban-feedback .smart-kanban-feedback-additional.multiple::before,
.smart-kanban-feedback .smart-kanban-task {
	position:absolute;
	box-shadow:var(--smart-elevation-4);
	pointer-events:none
}
.smart-kanban-feedback .smart-kanban-feedback-additional {
	top:-8px;
	left:8px;
	border:var(--smart-border-width) solid var(--smart-border);
	background-color:var(--smart-background)
}
.smart-kanban-feedback .smart-kanban-feedback-additional+.smart-kanban-task::after {
	display:flex;
	justify-content:center;
	align-items:center;
	content:attr(num);
	position:absolute;
	width:20px;
	height:20px;
	background-color:var(--smart-primary);
	color:var(--smart-primary-color);
	right:-10px;
	top:-10px;
	border-radius:50%
}
.smart-kanban-feedback .smart-kanban-feedback-additional.multiple {
	top:-16px;
	left:16px
}
.smart-kanban-feedback .smart-kanban-feedback-additional.multiple::before {
	content:'';
	width:100%;
	height:100%;
	border:var(--smart-border-width) solid var(--smart-border);
	background-color:var(--smart-background);
	bottom:-9px;
	left:-9px
}
.smart-kanban .smart-kanban-list {
	position:absolute;
	border:var(--smart-border-width) solid var(--smart-border);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	width:var(--smart-kanban-user-list-width);
	max-height:var(--smart-kanban-user-list-max-height);
	background-color:var(--smart-background);
	box-shadow:var(--smart-elevation-8);
	overflow:auto;
	transform:scaleY(1);
	transform-origin:top;
	opacity:1
}
.smart-kanban .smart-kanban-list.smart-visibility-hidden {
	transform:scaleY(0);
	opacity:0
}
.smart-kanban:not([animation=none]) .smart-kanban-list {
	transition:transform .2s ease-in,
	visibility .2s ease-in,
	opacity .2s ease-in
}
.smart-kanban .smart-kanban-list .item {
	display:flex;
	align-items:center;
	min-height:calc(var(--smart-kanban-user-icon-size) + 10px);
	padding:5px 10px;
	cursor:pointer
}
.smart-kanban .smart-kanban-list .item:hover {
	background-color:var(--smart-ui-state-hover);
	color:var(--smart-ui-state-color-hover)
}
.smart-kanban .smart-kanban-list .item.selected {
	border-left:var(--smart-kanban-color-band-width) solid var(--smart-primary);
	padding-left:7px;
	background-color:var(--smart-ui-state-selected);
	color:var(--smart-ui-state-color-selected)
}
.smart-kanban .smart-kanban-list .item[disabled] {
	opacity:.55;
	pointer-events:none
}
.smart-kanban .smart-kanban-list .icon {
	margin-right:10px;
	border-radius:50%;
	width:var(--smart-kanban-user-icon-size);
	min-width:var(--smart-kanban-user-icon-size)
}
.smart-kanban .smart-kanban-list .name {
	overflow:hidden;
	text-overflow:ellipsis
}
.smart-kanban .smart-kanban-list.actions.edit-comment .item[data-id="1"] {
	display:none
}
.smart-kanban .smart-kanban-list.comments {
	width:var(--smart-kanban-comments-list-width);
	height:var(--smart-kanban-comments-list-height)
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-comments {
	height:calc(100% - var(--smart-kanban-new-comment-height));
	overflow:auto
}
.smart-kanban:not([animation=none]) .smart-kanban-list.comments .smart-kanban-comments,
.smart-kanban:not([animation=none]) .smart-kanban-list.comments .smart-kanban-new-comment,
.smart-kanban:not([animation=none]) .smart-kanban-list.comments .smart-kanban-new-comment textarea {
	transition:height .2s ease-in
}
.smart-kanban .smart-kanban-list.comments.expanded .smart-kanban-comments {
	height:calc(100% - var(--smart-kanban-new-comment-height-expanded))
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment {
	border-top:var(--smart-border-width) solid var(--smart-border);
	height:var(--smart-kanban-new-comment-height);
	padding:var(--smart-data-view-padding);
	overflow:hidden
}
.smart-kanban .smart-kanban-list.comments.expanded .smart-kanban-new-comment {
	height:var(--smart-kanban-new-comment-height-expanded)
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment textarea {
	resize:none;
	width:100%;
	height:100%
}
.smart-kanban .smart-kanban-list.comments.expanded .smart-kanban-new-comment textarea {
	margin-bottom:var(--smart-data-view-padding);
	height:calc(100% - var(--smart-data-view-padding) - var(--smart-kanban-send-button-height));
	display:block
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment textarea[disabled] {
	opacity:.5
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment smart-button {
	--smart-button-padding:0;
	display:none;
	margin-left:auto;
	height:var(--smart-kanban-send-button-height)
}
.smart-kanban .smart-kanban-list.comments.expanded .smart-kanban-new-comment smart-button {
	display:block
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment smart-button[disabled] {
	pointer-events:unset;
	cursor:not-allowed
}
.smart-kanban .comment {
	display:grid;
	grid-template-columns:var(--smart-kanban-user-icon-size) 1fr;
	grid-column-gap:var(--smart-data-view-padding);
	margin:var(--smart-data-view-padding)
}
.smart-kanban .comment .user-icon {
	width:100%;
	height:var(--smart-kanban-user-icon-size);
	border-radius:50%;
	background-size:cover;
	background-position:center
}
.smart-kanban .comment .comment-header {
	display:grid;
	grid-template-columns:1fr auto auto;
	grid-column-gap:calc(var(--smart-data-view-padding)/ 2);
	margin-bottom:var(--smart-data-view-padding)
}
.smart-kanban .comment .user-name {
	font-weight:700
}
.smart-kanban .comment .time {
	opacity:.8
}
.smart-kanban .comment .remove-button {
	visibility:hidden;
	transform:rotate(90deg);
	width:16px;
	cursor:pointer
}
.smart-kanban .comment .remove-button::after {
	content:var(--smart-icon-ellipsis);
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	font-family:var(--smart-font-family-icon);
	cursor:pointer
}
.smart-kanban .comment .remove-button.enabled {
	visibility:visible
}
.smart-window.smart-kanban-window .edit,
.smart-window.smart-kanban-window .prompt {
	display:none
}
.smart-window.smart-kanban-window.prompt {
	--smart-window-default-width:250px;
	--smart-window-default-height:150px;
	min-width:100px;
	min-height:100px
}
.smart-window.smart-kanban-window.edit .edit,
.smart-window.smart-kanban-window.prompt .prompt {
	display:block;
	width:100%;
	height:100%
}
.smart-window.smart-kanban-window.prompt .task-text {
	display:inline-block;
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:700
}
.smart-window.smart-kanban-window.edit {
	--smart-numeric-text-box-default-unit-display-width:20px
}
.smart-window.smart-kanban-window .editor-label {
	margin-bottom:calc(var(--smart-data-view-padding)/ 2);
	text-transform:uppercase
}
.smart-kanban[header-position=top] .smart-data-view-header,
.smart-window.smart-kanban-window .editor {
	margin-bottom:var(--smart-data-view-padding)
}
.smart-window.smart-kanban-window .editor-container {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto auto;
	grid-column-gap:var(--smart-data-view-padding)
}
.smart-window.smart-kanban-window .editor {
	width:100%
}
.smart-window.smart-kanban-window .text-editor {
	min-height:75px;
	resize:vertical
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment textarea,
.smart-window.smart-kanban-window .new-subtask,
.smart-window.smart-kanban-window .text-editor {
	border:var(--smart-border-width) solid var(--smart-border);
	border-top-right-radius:var(--smart-border-top-right-radius);
	border-top-left-radius:var(--smart-border-top-left-radius);
	border-bottom-left-radius:var(--smart-border-bottom-left-radius);
	border-bottom-right-radius:var(--smart-border-bottom-right-radius);
	background-color:var(--smart-background);
	color:var(--smart-background-color);
	font-family:inherit;
	font-size:inherit
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment textarea:hover,
.smart-window.smart-kanban-window .new-subtask:hover,
.smart-window.smart-kanban-window .text-editor:hover {
	border-color:var(--smart-ui-state-border-hover)
}
.smart-kanban .smart-kanban-list.comments .smart-kanban-new-comment textarea:focus,
.smart-window.smart-kanban-window .new-subtask:focus,
.smart-window.smart-kanban-window .text-editor:focus {
	outline:0;
	border-color:var(--smart-outline)
}
.smart-window.smart-kanban-window .new-container {
	display:grid;
	grid-template-columns:1fr var(--smart-text-box-default-height);
	grid-column-gap:var(--smart-data-view-padding);
	height:var(--smart-text-box-default-height)
}
.smart-window.smart-kanban-window .new-container>smart-button {
	width:unset;
	height:unset;
	--smart-button-padding:0
}
.smart-window.smart-kanban-window .checklist-editor {
	border:none;
	height:auto
}
.smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-overlay,
.smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-overlay {
	background-color:transparent
}
.smart-window.smart-kanban-window .checklist-editor smart-list-item .smart-list-item-container,
.smart-window.smart-kanban-window .checklist-editor smart-list-item[focus][selected] .smart-list-item-container {
	border-color:transparent
}
.smart-window.smart-kanban-window .checklist-editor .smart-kanban-sub-task {
	display:grid;
	grid-column-gap:5px;
	grid-template-columns:auto auto
}
.smart-window.smart-kanban-window .checklist-editor smart-list-item[selected] .label {
	text-decoration:line-through
}
.smart-window.smart-kanban-window .checklist-editor .remove-subtask::after {
	content:var(--smart-icon-close);
	font-family:var(--smart-font-family-icon);
	cursor:pointer
}
.smart-window.smart-kanban-window .smart-footer {
	display:flex;
	justify-content:space-evenly;
	align-items:center
}
.smart-window.smart-kanban-window .smart-footer smart-button {
	--smart-button-padding:0;
	width:40%;
	height:100%
}
.smart-kanban.smart-container[modal],
.smart-kanban>.smart-container[modal] {
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.smart-kanban.smart-container[modal]::after,
.smart-kanban>.smart-container[modal]::after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	opacity:.3;
	pointer-events:none;
	cursor:default;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none
}
.smart-data-view-header {
	height:var(--smart-kanban-header-size)
}
.smart-kanban[header-position=bottom] .smart-data-view-header {
	margin-top:var(--smart-data-view-padding)
}
.smart-kanban[header-position=top] .smart-kanban-body,
.smart-kanban[header-position=bottom] .smart-kanban-body {
	height:calc(100% - var(--smart-kanban-header-size) - var(--smart-data-view-padding))
}
.smart-kanban .smart-kanban-column.has-swimlane,
.smart-kanban .smart-kanban-column>.smart-kanban-column-content.has-swimlane {
	grid-row-gap:calc(var(--smart-kanban-header-size) + 2 * var(--smart-data-view-padding))
}
.smart-kanban .swimlane {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	height:var(--smart-kanban-header-size);
	background-color:var(--smart-primary);
	color:var(--smart-primary-color);
	font-size:calc(var(--smart-font-size) + 2px);
	padding:var(--smart-data-view-padding)
}
.smart-kanban .swimlane-label,
.smart-kanban-task-due {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.smart-kanban .smart-kanban-column-content-columns.has-tabs {
	display:grid;
	grid-row-gap:var(--smart-data-view-padding);
	min-height:0;
	grid-template-rows:var(--smart-kanban-header-size) 1fr
}
.smart-kanban .smart-kanban-tab-strip {
	display:grid;
	grid-template-columns:repeat(auto-fit,
	minmax(100px,
	1fr));
	background-color:var(--smart-surface);
	overflow:hidden
}
.smart-kanban .smart-kanban-tab {
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.smart-kanban .smart-kanban-tab.selected {
	background-color:var(--smart-primary);
	color:var(--smart-primary-color)
}
.smart-kanban .smart-kanban-column-content-columns.has-tabs .smart-kanban-column {
	grid-template-rows:1fr
}
.smart-kanban-feedback[right-to-left] .smart-kanban-task,
.smart-kanban[right-to-left] .smart-kanban-body,
.smart-kanban[right-to-left] .smart-kanban-column-header-label,
.smart-kanban[right-to-left] .smart-kanban-list,
.smart-kanban[right-to-left] .swimlane {
	direction:rtl
}
.smart-kanban[right-to-left] .smart-kanban-column.collapsed>.smart-kanban-column-header>.smart-kanban-column-header-label {
	margin-bottom:auto
}
[right-to-left] .smart-kanban-task {
	border-left:var(--smart-border-width) solid var(--smart-border);
	border-right:var(--smart-kanban-color-band-width) solid var(--smart-primary);
	border-top-left-radius:var(--smart-border-top-right-radius);
	border-bottom-left-radius:var(--smart-border-bottom-right-radius);
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
[right-to-left] .smart-kanban-task-progress {
	left:unset;
	right:0
}
.smart-kanban[right-to-left] .smart-kanban-list .icon {
	margin-left:10px;
	margin-right:unset
}
.smart-kanban[right-to-left] .smart-kanban-list .item.selected {
	border-left:unset;
	border-right:var(--smart-kanban-color-band-width) solid var(--smart-primary);
	padding-left:10px;
	padding-right:7px
}
.smart-kanban .smart-kanban-column-header:focus {
	outline:0;
	border-color:var(--smart-ui-state-border-active)
}
.smart-kanban .smart-kanban-column-header-add:focus {
	outline:0;
	color:var(--smart-primary)
}
.smart-kanban .smart-kanban-column-content-tasks:focus {
	outline:0
}
.smart-kanban .remove-button:focus,
.smart-kanban .smart-kanban-list:focus,
.smart-kanban .smart-kanban-tab:focus,
.smart-kanban .smart-kanban-task-actions:focus,
.smart-kanban .smart-kanban-task-comments:focus {
	outline:var(--smart-primary) solid 1px
}
.smart-kanban .smart-kanban-tab:focus {
	outline-offset:-1px
}
.smart-kanban .smart-kanban-tab.selected:focus {
	outline-color:var(--smart-primary-color);
	outline-offset:-2px
}
.smart-kanban .smart-kanban-task-user:focus {
	outline:0;
	border:1px solid var(--smart-primary)
}
.smart-kanban .smart-kanban-column-content-tasks:focus .smart-kanban-task[focus] {
	box-shadow:inset 0 0 1px 1px var(--smart-primary)
}
.drawContainer,
.smart-arrow,
.smart-container {
	height:100%;
	width:100%
}
.smart-container {
	box-sizing:border-box;
	font-family:inherit;
	font-size:inherit;
	display:block;
	outline:0;
	margin:0;
	padding:0
}
.smart-container * {
	box-sizing:border-box
}
.smart-drop-down,
.smart-popup {
	position:absolute;
	box-sizing:border-box;
	margin:var(--smart-editor-drop-down-vertical-offset) 0;
	z-index:var(--smart-editor-drop-down-z-index);
	list-style-type:none
}
@font-face{font-family:smart-icons;src:local('font/smart-icons'),url(/chakra_web/site/templates/styles/font/smart-icons.woff2) format('woff2'),
url(/chakra_web/site/templates/styles/font/smart-icons.woff) format('woff'),
url(/chakra_web/site/templates/styles/font/smart-icons.ttf) format('truetype'),
url(/chakra_web/site/templates/styles/font/smart-icons.eot) format('embedded-opentype');
font-weight:400;
font-style:normal
}
.smart-arrow {
	background-position:center;
	background-repeat:no-repeat;
	background-size:1em 1em
}
.smart-arrow-down:after,
.smart-arrow-left-first:after,
.smart-arrow-left:after,
.smart-arrow-right-last:after,
.smart-arrow-right:after,
.smart-arrow-up:after {
	width:100%;
	height:100%;
	font-family:var(--smart-font-family-icon);
	font-style:normal;
	font-weight:400;
	font-size:var(--smart-arrow-size);
	color:inherit;
	text-decoration:inherit;
	font-variant:normal;
	text-transform:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position:relative
}
.smart-arrow-up:after {
	content:var(--smart-icon-arrow-up);
	top:-1px
}
.smart-arrow-down:after {
	content:var(--smart-icon-arrow-down)
}
.smart-arrow-left:after {
	content:var(--smart-icon-arrow-left)
}
.smart-arrow-left-first:after {
	content:var(--smart-icon-first-page)
}
.smart-arrow-right-last:after {
	content:var(--smart-icon-last-page)
}
.smart-arrow-right:after {
	content:var(--smart-icon-arrow-right)
}
.drawContainer {
	position:relative
}
.smart-ripple {
	display:block;
	position:absolute;
	border-radius:50%;
	transform:scale(0);
	pointer-events:none;
	animation:ripple .35s linear;
	border:none;
	opacity:.5
}
:host .smart-ripple {
	display:block;
	position:absolute;
	border-radius:50%;
	transform:scale(0);
	pointer-events:none;
	animation:ripple .35s linear;
	border:none;
	opacity:.5
}
.smart-overlay {
	pointer-events:none
}
.smart-ripple.smart-animate {
	animation:ripple .65s linear;
	position:absolute
}
:host .smart-ripple.smart-animate {
	animation:ripple .65s linear;
	position:absolute
}
@keyframes ripple {
	100% {
		opacity:0;
		transform:scale(2.5)
	}
}
.smart-unselectable {
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none
}
.smart-hidden {
	display:none!important
}
.smart-visibility-hidden {
	visibility:hidden!important
}
.smart-element-init {
	visibility:hidden
}
.smart-element-ready {
	overflow:hidden
}
.smart-shown {
	display:block
}
.smart-resize-trigger,
.smart-resize-trigger-shrink {
	position:absolute;
	left:0;
	top:0;
	transition:0s
}
.smart-resize-trigger-shrink {
	width:200%;
	height:200%
}
.smart-resize-trigger-container {
	display:block;
	position:relative;
	top:-100%;
	left:0;
	height:100%;
	width:100%;
	min-height:1px;
	overflow:hidden;
	pointer-events:none;
	z-index:-1;
	visibility:hidden
}
.smart-list-menu-view.smart-drop-down-repositioned .smart-loader.smart-hidden,
smart-card-view .smart-loader.smart-hidden,
smart-grid .smart-loader.smart-hidden,
smart-list-box .smart-loader.smart-hidden,
smart-list-menu .smart-loader.smart-hidden,
smart-tree .smart-loader.smart-hidden {
	display:none
}
.smart-list-menu-view.smart-drop-down-repositioned .smart-loader,
smart-card-view .smart-loader,
smart-grid .smart-loader,
smart-list-box .smart-loader,
smart-list-menu .smart-loader,
smart-tree .smart-loader {
	margin:inherit;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,
	-50%);
	opacity:.85;
	text-align:left;
	border:6px solid rgba(43,
	51,
	63,
	.1);
	box-sizing:border-box;
	background-clip:padding-box;
	border-radius:50%;
	z-index:10
}
.smart-list-menu-view.smart-drop-down-repositioned .smart-loader,
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=center] .smart-loader,
smart-card-view .smart-loader,
smart-grid .smart-loader,
smart-grid[loading-indicator-position=center] .smart-loader,
smart-list-box .smart-loader,
smart-list-box[loading-indicator-position=center] .smart-loader,
smart-list-menu .smart-loader,
smart-list-menu[loading-indicator-position=center] .smart-loader,
smart-tree .smart-loader,
smart-tree[loading-indicator-position=center] .smart-loader {
	width:calc(var(--smart-loader-size) + 10px);
	height:calc(var(--smart-loader-size) + 10px)
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader,
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader,
smart-grid[loading-indicator-position=top] .smart-loader,
smart-grid[loading-indicator-position=bottom] .smart-loader,
smart-list-box[loading-indicator-position=top] .smart-loader,
smart-list-box[loading-indicator-position=bottom] .smart-loader,
smart-list-menu[loading-indicator-position=top] .smart-loader,
smart-list-menu[loading-indicator-position=bottom] .smart-loader,
smart-tree[loading-indicator-position=top] .smart-loader,
smart-tree[loading-indicator-position=bottom] .smart-loader {
	width:var(--smart-loader-size);
	height:var(--smart-loader-size);
	left:20%
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container.smart-hidden,
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,
smart-grid[loading-indicator-position=top] .smart-loader-container.smart-hidden,
smart-grid[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,
smart-list-box[loading-indicator-position=top] .smart-loader-container.smart-hidden,
smart-list-box[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,
smart-list-menu[loading-indicator-position=top] .smart-loader-container.smart-hidden,
smart-list-menu[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,
smart-tree[loading-indicator-position=top] .smart-loader-container.smart-hidden,
smart-tree[loading-indicator-position=bottom] .smart-loader-container.smart-hidden {
	display:none
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,
smart-grid[loading-indicator-position=top] .smart-loader-container,
smart-grid[loading-indicator-position=bottom] .smart-loader-container,
smart-list-box[loading-indicator-position=top] .smart-loader-container,
smart-list-box[loading-indicator-position=bottom] .smart-loader-container,
smart-list-menu[loading-indicator-position=top] .smart-loader-container,
smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,
smart-tree[loading-indicator-position=top] .smart-loader-container,
smart-tree[loading-indicator-position=bottom] .smart-loader-container {
	display:block;
	position:relative;
	width:100%;
	height:10%;
	background-color:#F2F2F2;
	overflow:hidden;
	animation:smart-loader-container-pop-up-down .3s linear
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,
smart-grid[loading-indicator-position=bottom] .smart-loader-container,
smart-list-box[loading-indicator-position=bottom] .smart-loader-container,
smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,
smart-tree[loading-indicator-position=bottom] .smart-loader-container {
	top:-10%
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,
smart-grid[loading-indicator-position=top] .smart-loader-container,
smart-list-box[loading-indicator-position=top] .smart-loader-container,
smart-list-menu[loading-indicator-position=top] .smart-loader-container,
smart-tree[loading-indicator-position=top] .smart-loader-container {
	top:0;
	position:absolute;
	animation:smart-loader-container-pop-up-top .3s linear
}
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-label,
.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-label,
smart-grid[loading-indicator-position=top] .smart-loader-label,
smart-grid[loading-indicator-position=bottom] .smart-loader-label,
smart-list-box[loading-indicator-position=top] .smart-loader-label,
smart-list-box[loading-indicator-position=bottom] .smart-loader-label,
smart-list-menu[loading-indicator-position=top] .smart-loader-label,
smart-list-menu[loading-indicator-position=bottom] .smart-loader-label,
smart-tree[loading-indicator-position=top] .smart-loader-label,
smart-tree[loading-indicator-position=bottom] .smart-loader-label {
	position:absolute;
	display:block;
	top:50%;
	transform:translate(-50%,
	-50%);
	left:60%;
	font-family:inherit;
	font-size:inherit;
	vertical-align:middle;
	white-space:nowrap
}
.smart-list-menu-view.smart-drop-down-repositioned .smart-loader::after,
.smart-list-menu-view.smart-drop-down-repositioned .smart-loader::before,
smart-card-view .smart-loader:after,
smart-card-view .smart-loader:before,
smart-grid .smart-loader::after,
smart-grid .smart-loader::before,
smart-list-box .smart-loader::after,
smart-list-box .smart-loader::before,
smart-list-menu .smart-loader::after,
smart-list-menu .smart-loader::before,
smart-tree .smart-loader::after,
smart-tree .smart-loader::before {
	content:"";
	position:absolute;
	margin:-6px;
	box-sizing:inherit;
	width:inherit;
	height:inherit;
	border-radius:inherit;
	opacity:1;
	border:inherit inherit transparent;
	border-width:6px;
	animation:smart-loader-spin 1.1s cubic-bezier(.6,
	.2,
	0,
	.8) infinite,
	smart-loader-spin-fade 1.1s linear infinite
}
smart-grid[disabled] .smart-loader::after,
smart-grid[disabled] .smart-loader::before,
smart-list-box[disabled] .smart-loader::after,
smart-list-box[disabled] .smart-loader::before,
smart-list-menu[disabled] .smart-loader::after,
smart-list-menu[disabled] .smart-loader::before,
smart-tree[disabled] .smart-loader::after,
smart-tree[disabled] .smart-loader::before {
	animation:none
}
@keyframes smart-loader-container-pop-up-down {
	0% {
		top:0
	}
	20% {
		top:-2%
	}
	35% {
		top:-6%
	}
	60% {
		top:-8%
	}
	100% {
		top:-10%
	}
}
@keyframes smart-loader-container-pop-up-top {
	0% {
		top:-10%
	}
	20% {
		top:-8%
	}
	35% {
		top:-6%
	}
	60% {
		top:-2%
	}
	100% {
		top:0
	}
}
@keyframes smart-loader-spin {
	100% {
		transform:rotate(360deg)
	}
}
@keyframes smart-loader-spin-fade {
	0%,
	100%,
	20%,
	60% {
		border-top-color:#7A7A7A
	}
	35% {
		border-top-color:transparent
	}
}
.smart-right-to-left {
	direction:rtl
}
.smart-micro {
	font-size:9px
}
.smart-caps {
	text-transform:uppercase;
	letter-spacing:.1em
}
.smart-strong {
	font-weight:500
}
.smart-truncate {
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.smart-quiet {
	opacity:.75
}
.smart-dragging,
.smart-dragging * {
	cursor:move!important
}
.rs-container *{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rs-container{font-family:Arial,Helvetica,sans-serif;height:45px;position:relative}.rs-container .rs-bg,.rs-container .rs-selected{background-color:#eee;border:1px solid #ededed;height:10px;left:0;position:absolute;top:5px;width:100%;border-radius:3px}.rs-container .rs-selected{background-color:#00b3bc;border:1px solid #00969b;transition:all .2s linear;width:0}.rs-container.disabled .rs-selected{background-color:#ccc;border-color:#bbb}.rs-container .rs-pointer{background-color:#fff;border:1px solid #bbb;border-radius:4px;cursor:pointer;height:20px;left:-10px;position:absolute;top:0;transition:all .2s linear;width:30px;box-shadow:inset 0 0 1px #FFF,inset 0 1px 6px #ebebeb,1px 1px 4px rgba(0,0,0,.1)}.rs-container.disabled .rs-pointer{border-color:#ccc;cursor:default}.rs-container .rs-pointer::after,.rs-container .rs-pointer::before{content:'';position:absolute;width:1px;height:9px;background-color:#ddd;left:12px;top:5px}.rs-container .rs-pointer::after{left:auto;right:12px}.rs-container.sliding .rs-pointer,.rs-container.sliding .rs-selected{transition:none}.rs-container .rs-scale{left:0;position:absolute;top:5px;white-space:nowrap}.rs-container .rs-scale span{float:left;position:relative}.rs-container .rs-scale span::before{background-color:#ededed;content:"";height:8px;left:0;position:absolute;top:10px;width:1px}.rs-container.rs-noscale span::before{display:none}.rs-container.rs-noscale span:first-child::before,.rs-container.rs-noscale span:last-child::before{display:block}.rs-container .rs-scale span:last-child{margin-left:-1px;width:0}.rs-container .rs-scale span ins{color:#333;display:inline-block;font-size:12px;margin-top:20px;text-decoration:none}.rs-container.disabled .rs-scale span ins{color:#999}.rs-tooltip{color:#333;width:auto;min-width:60px;height:30px;background:#fff;border:1px solid #00969b;border-radius:3px;position:absolute;transform:translate(-50%,-35px);left:13px;text-align:center;font-size:13px;padding:6px 10px 0}.rs-container.disabled .rs-tooltip{border-color:#ccc;color:#999}
@font-face {
  font-family: "Neue-Medium";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Mediu.eot");
  src: local("Neue Haas Grotesk Display Pro 65 Medium"), local("NeueHaasDisplay-Mediu"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Mediu.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Mediu.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Mediu.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Neue-Light";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Light.eot");
  src: local("Neue Haas Grotesk Display Pro 45 Light"), local("NeueHaasDisplay-Light"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Light.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Light.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Neue-Roman";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Roman.eot");
  src: local("Neue Haas Grotesk Display Pro 55 Roman"), local("NeueHaasDisplay-Roman"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Roman.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Roman.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Neue-Thin";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Thin.eot");
  src: local("Neue Haas Grotesk Display Pro 35 Thin"), local("NeueHaasDisplay-Thin"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Thin.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Thin.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Neue-Black";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Black.eot");
  src: local("Neue Haas Grotesk Display Pro 95 Black"), local("NeueHaasDisplay-Black"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Black.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Black.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Neue-Bold";
  src: url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Bold.eot");
  src: local("Neue Haas Grotesk Display Pro 75 Bold"), local("NeueHaasDisplay-Bold"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Bold.woff") format("woff"), url("/chakra_web/site/templates/fonts/NeueHaasDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

/* VARIABLES */
/* MIXINS */
/* ANIMATION */
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.ripple {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: scale(10, 10);
          transform: scale(10, 10);
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 0.5s;
  transition: opacity 1s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 1s;
  transition: transform 0.5s, opacity 1s, -webkit-transform 0.5s;
}

.ripple:active:after {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  opacity: 0.2;
  -webkit-transition: 0s;
  transition: 0s;
}

/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
}

a, a:hover, a:active, a:visited, a:focus {
  color: inherit;
}

i,
em,
.italic-text {
  font-style: italic;
}

b,
strong,
th,
.bold-text {
  font-weight: bold;
}

.left {
  float: left;
}

.right {
  float: right;
}

.wrap-clear::after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
  display: table;
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

:focus {
  outline: none;
}

input,
button,
textarea {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  border-radius: 0;
}

textarea {
  resize: none;
}

/* COMMONS */
body {
  font-family: "Neue-Thin";
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.6px;
}

ol,
ul {
  margin: 0px;
}

button,
input,
select,
textarea {
  -webkit-appearance: none;
  outline: none;
  border-radius: 0;
  background-color: transparent;
}

input,
textarea {
  background: transparent;
  border: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
  outline: none;
}

a {
  color: inherit;
  cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
  line-height: 1.4;
}

p {
  line-height: 1.6;
}

.slick-next:before,
.slick-prev:before {
  content: "";
}

.scroll-lock {
  height: 100%;
  overflow-y: hidden;
}

/* HEADER */
header {
  position: fixed;
  padding-top: 15px;
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 997;
}

header .book-btn {
  padding: 4px 20px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

header .book-btn:hover {
  color: black;
  background: transparent;
  border: 1px solid black;
}

header .sign-in-btn {
  color: black;
}

header .ham {
  display: none;
}

header #logo {
  z-index: 10;
}

header #logo a {
  display: block;
  max-width: 120px;
}

@media (min-width: 769px) {
  header .menu-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    top: -100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .menu-panel .menu-left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 30px;
  }
  header .menu-panel .menu-left li a {
    color: black;
  }
  header .nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 30px;
  }
  header .nav-menu li {
    padding: 0px 15px;
  }
  header .nav-menu li a {
    font-size: 18px;
    font-family: "Neue-Light";
    cursor: pointer;
  }
  header .nav-menu li a:hover {
    text-decoration: none;
    color: #808184;
  }
  header .nav-menu li a:hover, header .nav-menu li a:focus, header .nav-menu li a:visited {
    text-decoration: none;
  }
  header .nav-menu .dropdown-menu {
    padding: 0px;
    width: 100%;
    right: 0;
    margin-top: 10px;
  }
  header .nav-menu .dropdown-menu li {
    padding: 0px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .nav-menu .dropdown-menu li a {
    padding: 5px 10px !important;
  }
  header .nav-menu .dropdown-menu li a:hover {
    background-image: unset;
    background-color: #e9e6df;
    color: black;
  }
  header .menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
  header {
    position: fixed;
    padding-top: 0;
    height: 95px;
  }
  header .menu-panel {
    display: none;
    padding: 120px 30px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    overflow: scroll;
    -webkit-animation: fade-out 0.3s;
            animation: fade-out 0.3s;
  }
  header .menu-panel .nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
    margin: 0;
  }
  header .menu-panel .nav-menu li {
    margin-bottom: 20px;
  }
  header .menu-panel .nav-menu li :hover,
  header .menu-panel .nav-menu li :visited,
  header .menu-panel .nav-menu li :focus {
    text-decoration: none;
  }
  header .menu-panel .nav-menu .dropdown-menu {
    padding: 0px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  header .menu-panel .nav-menu .dropdown-menu li {
    margin: 0px !important;
    padding: 0px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .menu-panel .nav-menu .dropdown-menu li a {
    padding: 5px 10px !important;
  }
  header .menu-panel.open {
    display: block;
    opacity: 1;
    -webkit-animation: fade-in 0.3s;
            animation: fade-in 0.3s;
    z-index: 5;
  }
  header .ham {
    z-index: 10;
    position: fixed;
    top: 10px;
    right: 10px;
    display: block;
    background-image: url(/chakra_web/site/templates/images/menu-open.svg);
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    width: 40px;
    background-position: center;
    background-size: 24px 13px;
    background-repeat: no-repeat;
  }
  header .ham.close {
    background-image: url(/chakra_web/site/templates/images/menu-close.svg);
  }
  header #logo {
    max-width: 55px;
    position: fixed;
    top: 12.5px;
    left: 15px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .header #logo a {
    max-width: 100px;
  }
  .header .menu-block {
    padding: 0 15px;
  }
  .header .menu-block .menu-panel .menu-left {
    margin-left: 20px;
  }
  .header .menu-block .menu-panel .nav-menu li {
    padding: 0px 10px;
  }
  .header .menu-block .menu-panel .nav-menu li a {
    font-size: 14px;
  }
}

.scroll-down .header {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 768px) {
  .scroll-down .header,
  .scroll-up .header {
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* HREO BANNER */
.hero {
  height: calc((1vh) * 100);
  width: 100%;
  position: relative;
  background-size: 400% 400%;
  background-position: center;
  overflow: hidden;
  background: #e9e6df;
}

.hero .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  will-change: transform;
}

.hero .meta.home {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}

.hero .meta.home .head-box {
  overflow: hidden;
  height: 79px;
}

.hero .meta.home .head-box h1 {
  color: white;
  font-size: 72px;
  line-height: 1.1;
  margin-bottom: 10px;
  font-family: "Neue-Medium";
}

.hero .meta.home .para-box {
  overflow: hidden;
  height: 54px;
}

.hero .meta.home .para-box p {
  color: white;
  font-size: 34px;
  font-family: "Neue-Roman";
}

.hero .meta.home .cta {
  text-decoration: none;
  padding: 12px 30px;
  border: 1px solid white;
  border-radius: 25px;
  font-size: 18px;
  color: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  font-family: "Neue-Light";
}

.hero .meta.home .cta:hover {
  text-decoration: none;
  cursor: pointer;
  border: 1px solid white;
  color: black;
  background: white;
}

.hero .meta.innerpage {
  position: absolute;
  max-width: 340px;
}

.hero .meta.innerpage .head-box h1 {
  font-size: 52px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.hero .meta.innerpage.right {
  top: 50%;
  right: 15%;
  -webkit-transform: translate(-15%, -50%);
          transform: translate(-15%, -50%);
  text-align: right;
}

.hero .meta.innerpage.left {
  top: 50%;
  left: 20%;
  -webkit-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%);
  text-align: left;
}

@media (min-width: 769px) {
  .hero .meta.innerpage .head-box {
    overflow: hidden;
    height: 120px;
  }
}

@media (max-width: 768px) {
  .hero .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2;
  }
  .hero .bg-left {
    background-position: 35%;
  }
  .hero .bg-right {
    background-position: 65%;
  }
  .hero .meta.home {
    top: auto;
    bottom: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    z-index: 100;
  }
  .hero .meta.home .head-box h1 {
    font-size: 38px;
    color: white;
  }
  .hero .meta.home .para-box {
    overflow: visible;
    height: auto;
  }
  .hero .meta.home .para-box p {
    font-size: 18px;
    color: white;
  }
  .hero .meta.home .cta {
    padding: 6px 18px;
    font-size: 18px;
  }
  .hero .meta.innerpage {
    z-index: 3;
  }
  .hero .meta.innerpage .head-box h1 {
    font-size: 38px;
    color: black;
  }
  .hero .meta.innerpage + .overlay {
    display: none;
  }
  .hero .meta.innerpage.left,
  .hero .meta.innerpage.right {
    top: auto;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
    width: calc(100% - 30px);
  }
  .hero .meta.innerpage.left .head-box,
  .hero .meta.innerpage.right .head-box {
    height: auto;
  }
}

/* OVERVIEW BANNER */
.overview-banner {
  height: calc((6.25px, 1vh) * 100);
  width: 100%;
  position: relative;
  background-size: 400% 400%;
  background-position: center;
  overflow: hidden;
}

.overview-banner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 35%;
}

.overview-banner .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
}

.overview-banner .meta h3 {
  font-size: 52px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.overview-banner .meta p {
  font-size: 22px;
}

.overview-banner .meta .cta {
  text-decoration: none;
  padding: 10px 24px;
  border: 1px solid black;
  border-radius: 20px;
  font-size: 18px;
  color: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}

.overview-banner .meta .cta:hover {
  cursor: pointer;
  color: white;
  background: black;
  border: 1px solid black;
  text-decoration: none;
}

.overview-banner .meta.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
}

.overview-banner .meta.left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}

.overview-banner .app-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overview-banner .app-links a {
  display: inline-block;
  max-width: 140px;
}

.overview-banner .app-links a:not(:last-of-type) {
  margin-right: 10px;
}

@media (min-width: 769px) {
  .overview-banner .meta h3 {
    max-width: 340px;
  }
  .overview-banner .meta p {
    max-width: 340px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .overview-banner .bg.right {
    -webkit-clip-path: circle(25% at 60% 50%);
            clip-path: circle(25% at 60% 50%);
  }
  .overview-banner .bg.left {
    -webkit-clip-path: circle(25% at 40% 50%);
            clip-path: circle(25% at 40% 50%);
  }
}

@media only screen and (min-width: 1201px) {
  .overview-banner .bg.right {
    -webkit-clip-path: circle(220px at 60% 50%);
            clip-path: circle(220px at 60% 50%);
    background-size: 60%;
    background-position: -85% center;
  }
  .overview-banner .bg.left {
    -webkit-clip-path: circle(220px at 40% 50%);
            clip-path: circle(220px at 40% 50%);
    background-size: 60%;
    background-position: -110% center;
  }
}

@media (max-width: 768px) {
  .overview-banner {
    height: 380px;
    /* temp fix */
    overflow: visible;
    padding: 15px;
    /* end temp fix */
    /*
        .meta {
            position: unset;
            transform: unset;
            width: 100%;
            padding: 0 15px;
            text-align: center;
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;
            margin-bottom: 40px;
            br {
                display: none;
            }
            h3 {
                font-size: 36px;
                margin-bottom: 10px;
            }
            p {
                font-size: 18px;
            }
            .cta {
                padding: 6px 18px;
                display: block;
                margin: 0 auto;
                margin-top: 15px;
            }
        }
        */
  }
  .overview-banner .meta {
    width: 100%;
    padding: 0 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    left: 50%;
    top: calc(100% - 15px);
    position: absolute;
  }
  .overview-banner .meta br {
    display: none;
  }
  .overview-banner .meta h3 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .overview-banner .meta p {
    font-size: 18px;
  }
  .overview-banner .meta .cta {
    padding: 6px 18px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
  }
  .overview-banner .app-links {
    /*
            flex-direction: column;
            a:not(:last-of-type){
                margin: 0;
                margin-bottom: 10px;
            }
            */
  }
  .overview-banner .bg {
    position: inherit;
    border-radius: 50%;
    background-size: 250%;
    position: absolute;
    width: calc(80vw);
    height: calc(80vw);
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
  }
  .overview-banner .bg.left {
    background-position: 35%;
  }
  .overview-banner .bg.right {
    background-position: 65%;
  }
  .overview-banner .meta.right,
  .overview-banner .meta.left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .right1-gray {
    margin-bottom: 0 !important;
  }
  .meta-sm {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .meta-sm br {
    display: none;
  }
  .meta-sm h3 {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: "Neue-Medium";
  }
  .meta-sm p {
    font-size: 18px;
  }
  .meta-sm .cta {
    text-decoration: none;
    border: 1px solid black;
    border-radius: 20px;
    font-size: 18px;
    color: black;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 18px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
  }
  .meta-sm .app-links {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .meta-sm .app-links a {
    display: inline-block;
    max-width: 140px;
  }
  .meta-sm .app-links a:not(:last-of-type) {
    margin-right: 10px;
  }
  .right2 + .meta-sm {
    margin-bottom: 0;
  }
  .meta-sm.gray-bg {
    padding-bottom: 40px;
  }
}

/* SOCIAL SLIDER */
.social-section {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.social-section .intro h2 {
  font-family: "Neue-Medium";
  font-size: 52px;
  margin-bottom: 15px;
}

.social-section .intro p {
  font-size: 18px;
}

.social-section .feed-btn {
  font-size: 18px;
  text-decoration: underline;
}

.social-section .social-slider {
  margin-top: 40px;
  margin-bottom: 40px;
}

.social-section .social-slider .item {
  margin: 0 10px;
}

.social-section .social-slider .item img {
  width: 100%;
  border-radius: 50%;
  padding: 10px;
}

.social-section .social-slider .slick-prev {
  background-image: url(/chakra_web/site/templates/images/prev.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  left: -36px;
  z-index: 10;
}

.social-section .social-slider .slick-next {
  background-image: url(/chakra_web/site/templates/images/next.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: -36px;
  z-index: 10;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .social-section .social-slider .slick-next {
    right: -5px;
  }
  .social-section .social-slider .slick-prev {
    left: -5px;
  }
}

@media (min-width: 769px) {
  .social-section .social-slider .slick-list {
    margin: 0 40px;
  }
}

@media (max-width: 768px) {
  .social-section {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .social-section .intro {
    margin-top: 40px;
  }
  .social-section .intro h2 {
    font-size: 36px;
  }
  .social-section .social-slider {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .social-section .social-slider .item img {
    padding: 15px;
  }
  .social-section .social-slider .slick-next {
    right: -10px;
    height: 30px;
    width: 30px;
  }
  .social-section .social-slider .slick-prev {
    left: -10px;
    height: 30px;
    width: 30px;
  }
}

/* MEDIA SLIDER */
.media-section {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.media-section .intro h2 {
  font-family: "Neue-Medium";
  font-size: 52px;
  margin-bottom: 15px;
}

.media-section .intro p {
  font-size: 18px;
}

.media-section .media-slider {
  margin-top: 40px;
}

.media-section .media-slider .item {
  margin: 0 10px;
}

.media-section .media-slider .item img {
  width: 100%;
  border-radius: 50%;
  padding: 10px;
}

.media-section .media-slider .item .content {
  margin-top: 20px;
}

.media-section .media-slider .item .content .date {
  font-size: 16px;
  color: #808184;
  margin-bottom: 15px;
}

.media-section .media-slider .item .content h4 {
  font-family: "Neue-Medium";
  font-size: 22px;
  margin-bottom: 15px;
}

.media-section .media-slider .item .content .cta {
  text-decoration: underline;
  font-size: 18px;
}

.media-section .media-slider .slick-prev {
  background-image: url(/chakra_web/site/templates/images/prev.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  left: -36px;
  z-index: 10;
  top: 40%;
}

.media-section .media-slider .slick-next {
  background-image: url(/chakra_web/site/templates/images/next.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: -36px;
  z-index: 10;
  top: 40%;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .media-section .media-slider .slick-next {
    right: -5px;
  }
  .media-section .media-slider .slick-prev {
    left: -5px;
  }
}

@media (min-width: 769px) {
  .media-section .media-slider .slick-list {
    margin: 0 40px;
  }
}

@media (max-width: 768px) {
  .media-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .media-section .intro h2 {
    font-size: 36px;
  }
  .media-section .media-slider {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .media-section .media-slider .item img {
    padding: 15px;
  }
  .media-section .media-slider .slick-next {
    right: -10px;
    height: 30px;
    width: 30px;
  }
  .media-section .media-slider .slick-prev {
    left: -10px;
    height: 30px;
    width: 30px;
  }
}

/* TEAM STAFF */
.staff-section {
  padding-top: 80px;
}

.staff-section .intro {
  text-align: center;
}

.staff-section .intro h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.staff-section .intro p {
  color: #808184;
  font-family: "Neue-Light";
  font-size: 20px;
}

.staff-section .staff {
  margin-top: 80px;
}

.staff-section .staff .instructor {
  text-align: center;
  margin-bottom: 80px;
}

.staff-section .staff .instructor .img-box {
  border-radius: 50%;
  overflow: hidden;
}

.staff-section .staff .instructor .img-box img {
  -webkit-transition: -webkit-transform 0.9s ease;
  transition: -webkit-transform 0.9s ease;
  transition: transform 0.9s ease;
  transition: transform 0.9s ease, -webkit-transform 0.9s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.staff-section .staff .instructor a {
  text-decoration: none;
}

.staff-section .staff .instructor a:hover {
  text-decoration: none;
}

.staff-section .staff .instructor .content {
  margin-top: 20px;
}

.staff-section .staff .instructor .content p {
  text-decoration: none;
  font-family: "Neue-Medium";
  font-size: 24px;
}

@media (min-width: 769px) {
  .staff-section .staff .instructor a:hover .img-box img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@media (max-width: 768px) {
  .staff-section {
    padding-top: 40px;
  }
  .staff-section .staff {
    margin-top: 40px;
  }
  .staff-section .staff .instructor {
    margin-bottom: 40px;
  }
  .staff-section .staff .instructor .content p {
    font-size: 18px;
  }
  .staff-section .staff .instructor .img-box img {
    border-radius: 50%;
  }
  .staff-section .intro {
    text-align: center;
  }
  .staff-section .intro h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .staff-section .intro p {
    font-size: 18px;
  }
}

/* FOOTER */
.footer {
  background: black;
  color: white;
  padding-top: 80px;
  padding-bottom: 60px;
}

.footer .logo-wrap {
  display: block;
  max-width: 120px;
}

.footer .links h4 {
  font-family: "Neue-Light";
  color: white;
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .links ul li {
  margin-bottom: 15px;
}

.footer .links ul li a {
  font-family: "Neue-Thin";
  color: #b2b2b2;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer .links ul li a:hover {
  text-decoration: none;
  color: white;
}

.footer .contact h4 {
  font-family: "Neue-Light";
  color: white;
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .contact ul li {
  margin-bottom: 15px;
}

.footer .contact ul li a {
  font-family: "Neue-Thin";
  color: #b2b2b2;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer .contact ul li a:hover {
  text-decoration: none;
  color: white;
}

.footer .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Neue-Medium";
  color: white;
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .social-icons h4 {
  font-family: "Neue-Light";
  color: white;
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .social-icons a {
  font-size: 16px;
  display: inline-block;
  background: #808184;
  color: black;
  line-height: 1;
  padding: 7px 0;
  margin-right: 8px;
  border-radius: 50%;
  text-align: center;
  width: 32px;
  height: 32px;
  border: 1px solid #808184;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer .social-icons a:hover {
  background: transparent;
  color: #808184;
}

.footer .social-icons a:last-of-type {
  margin-right: 0;
}

.footer .app-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Neue-Medium";
  color: white;
  font-size: 18px;
}

.footer .app-icons div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.footer .app-icons div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 28px;
  padding: 0;
  margin-right: 15px;
}

.footer .app-icons div img:not(:last-of-type) {
  margin-right: 15px;
}

.footer .app-icons h4 {
  font-family: "Neue-Light";
  color: white;
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .app-icons a {
  font-size: 16px;
  display: inline-block;
  color: #808184;
  line-height: 1;
  padding: 8px 0;
  margin-right: 8px;
  border-radius: 50%;
  text-align: center;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer .app-icons a:hover {
  background: transparent;
  color: #808184;
}

.footer .app-icons a:last-of-type {
  margin-right: 0;
}

.footer .copyright {
  font-family: "Neue-Thin";
  color: #b2b2b2;
  font-size: 13px;
}

.footer .tnc {
  font-family: "Neue-Thin";
  color: #b2b2b2;
  font-size: 13px;
}

.footer .tnc li {
  position: relative;
}

.footer .tnc li a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer .tnc li a:hover {
  text-decoration: none;
  color: white;
}

.footer .tnc li a::after {
  top: 10%;
  bottom: 10%;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #b2b2b2;
  right: -3px;
  margin-left: 0;
}

.footer .tnc li:last-of-type a::after {
  background-color: transparent;
}

@media (min-width: 769px) {
  .footer .tnc {
    float: right;
  }
  .footer .tnc li:last-of-type {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer .contact ul li a {
    word-break: break-all;
  }
  .footer .copyright {
    margin-bottom: 15px;
  }
  .footer .links {
    margin-top: 15px;
  }
  .footer .contact {
    margin-top: 15px;
  }
  .footer .social-icons {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .footer .app-icons {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .footer .tnc li:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* ABOUT US */
.mission-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mission-section h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.mission-section p {
  font-family: "Neue-Light";
  font-size: 18px;
  text-align: justify;
}

.mission-section .thumb {
  border-radius: 50%;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .mission-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  .mission-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mission-section h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .mission-section .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mission-section .content-wrap .thumb {
    margin-bottom: 30px;
  }
}

.values-section {
  background: #e9e6df;
  padding-top: 80px;
  padding-bottom: 80px;
}

.values-section h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.values-section .values-slider-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.values-section .values-slider-wrap .values-slider {
  max-width: 420px;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.values-section .values-slider-wrap .values-slider .item {
  border-radius: 50%;
  overflow: hidden;
}

.values-section .values-slider-wrap .values-slider .item .thumb {
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  width: 100%;
}

.values-section .values-slider-wrap .values-slider .item.slick-active .thumb {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.values-section .values-slider-wrap .values-slider .slick-dots {
  right: -40%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
  bottom: unset;
}

.values-section .values-slider-wrap .values-slider .slick-dots li {
  display: block;
  width: auto;
  height: auto;
  color: #808184;
  font-family: "Neue-Light";
}

.values-section .values-slider-wrap .values-slider .slick-dots li a {
  padding: 1.8vw 0;
  display: block;
  text-decoration: none;
}

.values-section .values-slider-wrap .values-slider .slick-dots li a:hover {
  text-decoration: none;
}

.values-section .values-slider-wrap .values-slider .slick-dots li.slick-active {
  color: black;
}

.values-section .values-slider-wrap .values-slider .slick-dots li:only-child {
  display: none;
}

.values-section .values-slider-wrap .values-slider-nav h3 {
  font-size: 30px;
  line-height: 1.4;
  font-family: "Neue-Light";
}

.values-section .values-slider-wrap .values-slider-nav p {
  font-family: "Neue-Light";
  font-size: 18px;
}

.values-section .values-slider-wrap .values-slider-nav hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #000;
}

@media (max-width: 768px) {
  .values-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .values-section h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .values-section .values-slider-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .values-section .values-slider-wrap .values-slider {
    margin-bottom: 60px;
    padding: 0 15px;
  }
  .values-section .values-slider-wrap .values-slider .slick-dots {
    right: unset;
    width: 100%;
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    bottom: -45px;
  }
  .values-section .values-slider-wrap .values-slider .slick-dots li {
    display: inline-block;
    padding: 0 10px;
  }
  .values-section .values-slider-wrap .values-slider .slick-dots li:only-child {
    display: none;
  }
  .values-section .values-slider-wrap .values-slider-nav h3 {
    font-size: 24px;
  }
}

/* WHATS AT CHAKRA */
.packages-section {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.packages-section .intro h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.packages-section .intro p {
  color: #808184;
  font-size: 18px;
}

.packages-section .packages {
  margin-top: 40px;
}

.packages-section .packages .class {
  /*
            background: #ffffff;
            box-sizing: border-box;
            border-radius: 50%;
            @include flexbox();
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            border: 3px solid;
            margin: 0 auto;
            */
  position: relative;
}

.packages-section .packages .class:before {
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
  background: white;
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0vw;
  width: 18vw;
  height: 18vw;
  border: 2px solid;
  margin: 10px;
}

.packages-section .packages .class .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
}

.packages-section .packages .class .type {
  font-family: "Neue-Roman";
  font-size: 20px;
}

.packages-section .packages .class .price {
  font-family: "Neue-Medium";
  font-size: 26px;
}

.packages-section .packages .class .save {
  font-size: 12px;
  font-family: "Neue-Light";
}

.packages-section .packages .book-btn {
  font-size: 14px;
  font-family: "Neue-Light";
  padding: 8px 24px;
  border: 1px solid black;
  border-radius: 20px;
  color: black;
  background: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
}

.packages-section .packages .book-btn:hover {
  color: white;
  background: black;
  border: 1px solid black;
  text-decoration: none;
}

@media (min-width: 769px) {
  .packages-section .packages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
  }
  .packages-section .packages .circle-wrap {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .packages-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .packages-section .intro h2 {
    font-size: 36px;
  }
  .packages-section .packages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .packages-section .packages .circle-wrap {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .packages-section .packages .circle-wrap .class::before {
    width: 42vw;
    height: 42vw;
    margin: 0;
  }
  .packages-section .packages .circle-wrap .class .content {
    width: 80%;
  }
  .packages-section .packages .circle-wrap .class .content .type {
    font-size: 18px;
  }
  .packages-section .packages .circle-wrap .class .content .price {
    font-size: 20px;
  }
  .packages-section .packages .circle-wrap .book-btn {
    margin-top: 15px;
  }
}

.classes-section {
  background: #e9e6df;
  padding-top: 80px;
  padding-bottom: 80px;
}

.classes-section .intro h2 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
  text-align: center;
}

.classes-section .classes-slider-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}

.classes-section .classes-slider-wrap .classes-slider .item h3 {
  font-family: "Neue-Medium";
  font-size: 30px;
  margin-bottom: 20px;
}

.classes-section .classes-slider-wrap .classes-slider .item h4 {
  font-family: "Neue-Thin";
  font-size: 28px;
  margin-bottom: 20px;
}

.classes-section .classes-slider-wrap .classes-slider .item p {
  font-family: "Neue-Thin";
  color: #808184;
  font-size: 18px;
}

.classes-section .classes-slider-wrap .classes-slider .item .book-btn {
  font-size: 18px;
  padding: 8px 24px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}

.classes-section .classes-slider-wrap .classes-slider .item .book-btn:hover {
  color: black;
  background: white;
  border: 1px solid white;
  text-decoration: none;
}

.classes-section .classes-slider-wrap .classes-slider-nav .item img.thumb {
  border-radius: 50%;
  margin: 0 auto;
}

.classes-section .classes-slider-wrap .classes-slider-nav .slick-dots li {
  margin: 0;
  width: 15px;
  height: 15px;
}

.classes-section .classes-slider-wrap .classes-slider-nav .slick-dots li button {
  padding: 0px;
}

.classes-section .classes-slider-wrap .classes-slider-nav .slick-dots li button::before {
  font-size: 9px;
}

.classes-section .classes-slider-wrap .classes-slider-nav .slick-dots li:only-child {
  display: none;
}

@media (max-width: 768px) {
  .classes-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .classes-section .intro h2 {
    font-size: 36px;
  }
  .classes-section .classes-slider-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 5px;
    margin-top: 20px;
  }
  .classes-section .classes-slider-wrap .classes-slider {
    margin-top: 20px;
  }
  .classes-section .classes-slider-wrap .classes-slider .item h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .classes-section .classes-slider-wrap .classes-slider .item h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

/* TRAINER */
.trainer-info {
  background: #e9e6df;
  padding-top: 120px;
  padding-bottom: 80px;
}

.trainer-info .content-wrap .meta {
  position: relative;
}

.trainer-info .content-wrap .meta h2 {
  font-size: 40px;
  margin-bottom: 40px;
  font-family: "Neue-Medium";
  width: 80%;
}

.trainer-info .content-wrap .meta p {
  font-family: "Neue-Light";
  font-size: 18px;
}

.trainer-info .content-wrap .meta .social-links {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trainer-info .content-wrap .meta .social-links a {
  font-size: 12px;
  display: inline-block;
  background: black;
  color: white;
  line-height: 1;
  padding: 6px 0;
  margin-right: 8px;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 1px solid black;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.trainer-info .content-wrap .meta .social-links a:hover {
  background: transparent;
  color: black;
}

.trainer-info .content-wrap .meta .social-links a:not(:last-child) {
  margin-right: 5px;
}

.trainer-info .book-btn {
  padding: 10px 24px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 40px;
}

.trainer-info .book-btn:hover {
  color: black;
  background: transparent;
  text-decoration: none;
}

@media (min-width: 769px) {
  .trainer-info .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  .trainer-info {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .trainer-info .content-wrap {
    padding-top: 40px;
  }
  .trainer-info .content-wrap img {
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .trainer-info .content-wrap .meta h2 {
    margin-top: 20px;
    font-size: 32px;
  }
  .trainer-info .content-wrap .meta .social-links {
    top: 30px;
  }
  .trainer-info .book-btn {
    margin-top: 20px;
  }
}

/* TRAINER SLIDER */
.similar-trainers-section {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.similar-trainers-section .intro h3 {
  font-size: 22px;
  font-family: "Neue-Light";
}

.similar-trainers-section .similar-trainer-slider {
  margin-top: 80px;
}

.similar-trainers-section .similar-trainer-slider .item {
  margin: 0 10px;
  padding: 10px;
}

.similar-trainers-section .similar-trainer-slider .item a {
  text-decoration: none;
}

.similar-trainers-section .similar-trainer-slider .item a:hover {
  text-decoration: none;
}

.similar-trainers-section .similar-trainer-slider .item .img-box {
  border-radius: 50%;
  overflow: hidden;
}

.similar-trainers-section .similar-trainer-slider .item .img-box img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.9s ease;
  transition: -webkit-transform 0.9s ease;
  transition: transform 0.9s ease;
  transition: transform 0.9s ease, -webkit-transform 0.9s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.similar-trainers-section .similar-trainer-slider .item .content {
  margin-top: 20px;
}

.similar-trainers-section .similar-trainer-slider .item .content p {
  font-family: "Neue-Medium";
  font-size: 22px;
}

.similar-trainers-section .similar-trainer-slider .slick-prev {
  background-image: url(/chakra_web/site/templates/images/prev.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  left: -36px;
  z-index: 10;
}

.similar-trainers-section .similar-trainer-slider .slick-next {
  background-image: url(/chakra_web/site/templates/images/next.png);
  height: 40px;
  width: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: -36px;
  z-index: 10;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .similar-trainers-section .similar-trainer-slider .slick-next {
    right: -5px;
  }
  .similar-trainers-section .similar-trainer-slider .slick-prev {
    left: -5px;
  }
}

@media (min-width: 769px) {
  .similar-trainers-section .similar-trainer-slider .item a:hover .img-box img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@media (max-width: 768px) {
  .similar-trainers-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .similar-trainers-section .similar-trainer-slider {
    margin-top: 40px;
  }
  .similar-trainers-section .similar-trainer-slider .item {
    margin: 0;
  }
  .similar-trainers-section .similar-trainer-slider .item img {
    padding: 15px;
    border-radius: 50%;
  }
  .similar-trainers-section .similar-trainer-slider .slick-next {
    right: -10px;
    height: 30px;
    width: 30px;
    top: 45%;
  }
  .similar-trainers-section .similar-trainer-slider .slick-prev {
    left: -10px;
    height: 30px;
    width: 30px;
    top: 45%;
  }
}

/* CONTACT */
.contact-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-section .intro {
  text-align: center;
}

.contact-section .intro h3 {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Neue-Medium";
}

.contact-section .intro p {
  font-family: "Neue-Light";
  color: #808184;
  font-size: 18px;
}

.contact-section .form-wrap {
  max-width: 760px;
  margin: 0 auto;
  margin-top: 40px;
  background: #e9e6df;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 6vw;
  border-radius: 5px;
}

.contact-section .form-wrap .field-wrap {
  position: relative;
}

.contact-section .form-wrap .field-wrap input,
.contact-section .form-wrap .field-wrap textarea {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  padding-top: 5px;
  margin-bottom: 30px;
  font-size: 18px;
  text-align: left;
  color: #808184;
  position: relative;
}

.contact-section .form-wrap .field-wrap.placeholder {
  color: #808184;
}

.contact-section .form-wrap .field-wrap:-moz-placeholder {
  color: #808184;
}

.contact-section .form-wrap .field-wrap::-moz-placeholder {
  color: #808184;
}

.contact-section .form-wrap .field-wrap:-ms-input-placeholder {
  color: #808184;
}

.contact-section .form-wrap .field-wrap::-webkit-input-placeholder {
  color: #808184;
}

.contact-section .form-wrap .field-wrap div.error_form {
  font-size: 12px;
  color: red;
  position: absolute;
  bottom: -16px;
  margin: 0;
}

.contact-section .form-wrap .send-btn {
  text-decoration: none;
  padding: 10px 34px;
  border: 1px solid black;
  border-radius: 20px;
  font-size: 18px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.contact-section .form-wrap .send-btn:hover {
  text-decoration: none;
  cursor: pointer;
  color: black;
  background: transparent;
}

@media (max-width: 768px) {
  .contact-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contact-section .intro h3 {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .contact-section .form-wrap {
    padding: 15px;
  }
}

/* SIGN IN FORM */
.gray-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e9e6df;
  z-index: -1;
}

.gray-bg {
  background: #e9e6df;
}

.sign-in-section {
  padding-bottom: 80px;
}

.sign-in-section h2 {
  margin-bottom: 20px;
  font-family: "Neue-Medium";
  font-size: 42px;
}

.sign-in-section .logo-wrap {
  max-width: 120px;
  margin-bottom: 20px;
}

.sign-in-section form {
  width: 100%;
}

.sign-in-section .form-wrapper {
  margin: 140px auto;
  margin-bottom: 0;
  padding: 20px;
  max-width: 400px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sign-in-section .form-wrapper div.field-wrap {
  position: relative;
}

.sign-in-section .form-wrapper div.field-wrap div.error_form {
  font-size: 12px;
  color: red;
  position: absolute;
  bottom: 5px;
  margin: 0;
}

.sign-in-section .form-wrapper div.field-wrap .fa-angle-down {
  position: absolute;
  top: 10px;
  right: 7px;
  color: #808184;
  pointer-events: none;
}

.sign-in-section .form-wrapper input,
.sign-in-section .form-wrapper textarea,
.sign-in-section .form-wrapper select {
  background: white;
  border: none;
  color: #808184;
  font-family: "Neue-Light";
  font-size: 16px;
  width: 100%;
  padding: 8px 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  min-height: 34px;
}

.sign-in-section .form-wrapper input,
.sign-in-section .form-wrapper select {
  max-height: 34px;
}

.sign-in-section .form-wrapper select option:disabled {
  color: #808184;
}

.sign-in-section .form-wrapper input::-webkit-input-placeholder,
.sign-in-section .form-wrapper textarea::-webkit-input-placeholder,
.sign-in-section .form-wrapper select::-webkit-input-placeholder {
  color: #808184;
}

.sign-in-section .form-wrapper input:-ms-input-placeholder,
.sign-in-section .form-wrapper textarea:-ms-input-placeholder,
.sign-in-section .form-wrapper select:-ms-input-placeholder {
  color: #808184;
}

.sign-in-section .form-wrapper input::-ms-input-placeholder,
.sign-in-section .form-wrapper textarea::-ms-input-placeholder,
.sign-in-section .form-wrapper select::-ms-input-placeholder {
  color: #808184;
}

.sign-in-section .form-wrapper input::placeholder,
.sign-in-section .form-wrapper textarea::placeholder,
.sign-in-section .form-wrapper select::placeholder {
  color: #808184;
}

.sign-in-section .form-wrapper .forgot-pwd {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sign-in-section .form-wrapper .forgot-pwd a {
  font-size: 12px;
}

.sign-in-section .form-wrapper .sign-in-btn {
  padding: 10px 30px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  font-family: "Neue-Roman";
}

.sign-in-section .form-wrapper .sign-in-btn:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

.sign-in-section .form-wrapper .form-footer {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

.sign-in-section .form-wrapper .form-footer p {
  font-size: 14px;
  font-family: "Neue-Roman";
  color: #808184;
}

.sign-in-section .form-wrapper .form-footer a {
  color: black;
}

.sign-in-section .form-wrapper .form-footer hr {
  border-top: 1px solid #808184;
}

.sign-in-section .form-wrapper .form-footer .social-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sign-in-section .form-wrapper .form-footer .social-login .cta-wrap .cta {
  font-size: 14px;
  border: 1px solid black;
  padding: 8px 12px;
  border-radius: 20px;
  font-family: "Neue-Roman";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

.sign-in-section .form-wrapper .form-footer .social-login .cta-wrap .cta:hover {
  text-decoration: none;
  color: white;
  background: black;
  border: 1px solid black;
}

.sign-in-section .form-wrapper .half-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sign-in-section .form-wrapper .half-wrap div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.sign-in-section .form-wrapper .half-wrap div:nth-child(1) {
  margin-right: 10px;
}

.sign-in-section .form-wrapper .half-wrap div:nth-child(2) {
  margin-left: 10px;
}

.sign-in-section .form-wrapper .input-group-addon {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 4;
  background: transparent;
  border: none;
  padding: 0;
}

.sign-in-section .form-wrapper .input-group-addon .fa {
  color: #808184;
}

.sign-in-section .form-wrapper .disclaimer {
  padding: 0 15px;
  margin-bottom: 20px;
  text-align: center;
}

.sign-in-section .form-wrapper .disclaimer p {
  font-size: 12px;
  font-family: "Neue-Roman";
  color: #808184;
}

.sign-in-section .form-wrapper .disclaimer a {
  color: black;
}

@media (max-width: 768px) {
  .sign-in-section {
    padding-bottom: 40px;
  }
  .sign-in-section .form-wrapper {
    margin: 100px auto;
    margin-bottom: 0;
    padding: 15px;
  }
  .sign-in-section .form-wrapper h2 {
    font-size: 34px;
  }
  .sign-in-section .form-wrapper .form-footer .social-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sign-in-section .form-wrapper .form-footer .social-login .cta-wrap .cta {
    width: 65%;
  }
}

/* view passwors */
.pass-wrap {
  position: relative;
}

.pass {
  background-color: transparent;
  position: relative;
  border-radius: 50px;
  width: 180px;
  padding: 0 10px 0 10px;
  color: white;
}

.pass-view {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.pass-wrap i {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #808184;
}

/* SLOTS WRAPPER */
.slot-wrapper {
  margin: 140px auto;
  margin-bottom: 0;
  padding: 20px;
  padding-bottom: 80px;
  max-width: 900px;
}

.slot-wrapper .class-panel {
  background: white;
  margin-bottom: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slot-wrapper .class-panel .title-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.slot-wrapper .class-panel .title-wrap h3 {
  font-size: 24px;
  font-family: "Neue-Medium";
}

.slot-wrapper .class-panel .price-wrap {
  font-family: "Neue-Roman";
}

.slot-wrapper .class-panel .price-wrap span {
  font-family: "Neue-Medium";
}

.slot-wrapper .class-panel .cta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slot-wrapper .class-panel .cta-wrap .cta {
  font-size: 14px;
  font-family: "Neue-Roman";
  padding: 6px 20px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.slot-wrapper .class-panel .cta-wrap .cta:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

.slot-wrapper .class-panel .cta-wrap .cta:not(:last-child) {
  margin-right: 10px;
}

.slot-wrapper .studio-panel {
  background: white;
  margin-top: 20px;
  margin-bottom: 40px;
}

.slot-wrapper .success-msg {
  font-family: "Neue-Medium";
  font-size: 22px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.slot-wrapper .booking-panel {
  margin-top: 40px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slot-wrapper .booking-panel div.wrap {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-bottom: 10px;
}

.slot-wrapper .booking-panel div.wrap:not(:last-child) {
  margin-right: 10px;
}

.slot-wrapper .booking-panel h4 {
  font-family: "Neue-Roman";
  font-size: 16px;
  color: #808184;
  margin-bottom: 10px;
}

.slot-wrapper .booking-panel .classes {
  -ms-flex-preferred-size: 20% !important;
      flex-basis: 20% !important;
}

.slot-wrapper .booking-panel .classes ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slot-wrapper .booking-panel .classes ul li {
  width: 100%;
  background: white;
  min-height: 36px;
  margin-bottom: 10px;
  padding: 10px;
  font-family: "Neue-Roman";
  color: #808184;
}

.slot-wrapper .booking-panel .date ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slot-wrapper .booking-panel .date ul li {
  width: 100%;
  background: white;
  min-height: 36px;
  margin-bottom: 10px;
}

.slot-wrapper .booking-panel .date ul li input {
  font-size: 16px;
  font-family: "Neue-Roman";
  color: #808184;
}

.slot-wrapper .booking-panel .date ul li .input-group.date {
  margin: 0px;
  width: 100%;
  position: relative;
}

.slot-wrapper .booking-panel .date ul li .input-group.date .input-group-addon {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 4;
  background: transparent;
  border: none;
  padding: 0;
}

.slot-wrapper .booking-panel .date ul li .input-group.date .fa {
  color: #808184;
}

.slot-wrapper .booking-panel .time ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slot-wrapper .booking-panel .time ul li {
  font-family: "Neue-Roman";
  width: 100%;
  background: white;
  min-height: 36px;
  margin-bottom: 10px;
  color: #808184;
}

.slot-wrapper .booking-panel .time ul li select {
  padding: 10px;
}

.slot-wrapper .booking-panel .cycles {
  -ms-flex-preferred-size: 20% !important;
      flex-basis: 20% !important;
}

.slot-wrapper .booking-panel .cycles ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slot-wrapper .booking-panel .cycles ul li {
  font-family: "Neue-Roman";
  width: 100%;
  background: white;
  min-height: 36px;
  margin-bottom: 10px;
  color: #808184;
}

.slot-wrapper .booking-panel .cycles ul li select {
  padding: 10px;
}

.slot-wrapper .booking-panel input,
.slot-wrapper .booking-panel select {
  border: none;
  width: 100%;
}

.slot-wrapper .booking-panel select:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 28px;
  position: absolute;
  top: 12px;
  right: 20px;
  color: #808184;
  pointer-events: none;
}

.slot-wrapper .foot-cta-wrap {
  padding: 20px;
  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;
}

.slot-wrapper .foot-cta-wrap .cta,
.slot-wrapper .foot-cta-wrap .razorpay-payment-button {
  font-size: 14px;
  font-family: "Neue-Roman";
  padding: 10px 20px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}

.slot-wrapper .foot-cta-wrap .cta:hover,
.slot-wrapper .foot-cta-wrap .razorpay-payment-button:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

.slot-wrapper .foot-cta-wrap .razorpay-payment-button {
  margin-right: 10px;
}

.slot-wrapper .foot-cta-wrap .cta:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .slot-wrapper {
    margin: 100px auto;
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  .slot-wrapper .class-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .slot-wrapper .class-panel .title-wrap {
    margin-bottom: 20px;
  }
  .slot-wrapper .booking-panel .classes ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 5px;
  }
  .slot-wrapper .booking-panel .date ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .slot-wrapper .booking-panel .date ul li input {
    font-size: 12px;
    padding: 5px;
  }
  .slot-wrapper .booking-panel .date ul li input:focus .fa-calendar {
    opacity: 0;
  }
  .slot-wrapper .booking-panel .date ul li .input-date:hover .fa, .slot-wrapper .booking-panel .date ul li .input-date:focus .fa {
    display: none;
  }
  .slot-wrapper .booking-panel h4 {
    font-size: 12px;
    min-height: 32px;
  }
  .slot-wrapper .booking-panel ul li {
    font-size: 12px;
  }
  .slot-wrapper .foot-cta-wrap {
    padding: 0;
  }
  .slot-wrapper .success-msg {
    font-family: "Neue-Medium";
    font-size: 20px;
  }
}

.status-message {
  text-align: center;
  color: Red;
  display: none;
  padding-top: 10px;
}

/*  DATEPICKER */
.datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown.datepicker-orient-top:before {
  border: none;
}

.datepicker-dropdown {
  top: 40px !important;
  right: 0;
  left: auto !important;
}

@media (max-width: 768px) {
  .datepicker-dropdown {
    top: 40px !important;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    left: 50% !important;
    right: auto !important;
  }
  .datepicker-dropdown::before, .datepicker-dropdown::after {
    border: none !important;
  }
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background-color: #e9e6df;
  background-image: unset;
  color: black;
}

.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal-window > div.content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 8vw;
  background: #e9e6df;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.modal-window > div.content .img-box {
  max-width: 100px;
  margin-bottom: 15px;
}

.modal-window > div.content h3 {
  font-size: 32px;
  font-family: "Neue-Medium";
  margin-bottom: 15px;
}

.modal-window > div.content div {
  font-family: "Neue-Light";
  font-size: 18px;
  line-height: 1.6;
}

.modal-window > div.content strong {
  font-family: "Neue-Medium";
}

.modal-close {
  color: #808184;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
  text-decoration: none;
}

.modal-close:hover, .modal-close:visited {
  color: black;
  text-decoration: none;
}

/* TRANSITION TABS */
.tab-wrap {
  -webkit-transition: 0.3s -webkit-box-shadow ease;
  transition: 0.3s -webkit-box-shadow ease;
  transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
  border-radius: 0px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  list-style: none;
}

.tab-wrap .tab {
  display: none;
}

.tab-wrap .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab-wrap .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab-wrap .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab-wrap .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab-wrap .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab-wrap .tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tab-wrap .tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}

.tab-wrap .tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tab-wrap .tab:first-of-type + label {
  text-align: left;
}

.tab-wrap .tab:last-of-type + label {
  text-align: right;
}

.tab-wrap .tab:checked + label {
  color: black;
  font-family: "Neue-Medium";
  cursor: pointer;
}

.tab-wrap .tab + label {
  color: #808184;
  font-size: 22px;
  font-family: "Neue-Medium";
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #808184;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 0;
  border-top: 1px solid black;
  border-bottom: 1px solid #808184;
}

.tab-wrap .tab__content {
  padding: 40px 0px;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  border-radius: 0px;
}

@media (max-width: 768px) {
  .tab-wrap .tab + label {
    font-size: 16px;
  }
  .tab-wrap .tab__content {
    padding-bottom: 0;
  }
}

/* PROFILE */
.profile {
  background: #e9e6df;
  padding-bottom: 80px;
}

.profile .info-wrap {
  margin: 140px auto;
  margin-bottom: 0;
  padding: 20px;
  max-width: 900px;
}

.profile .info-wrap h2 {
  margin-bottom: 30px;
  font-family: "Neue-Medium";
  font-size: 32px;
  text-align: center;
}

.profile .info-wrap .avatar {
  max-width: 120px;
  max-height: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}

.profile .info-wrap .avatar img {
  border: 2px solid;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.profile .info-wrap .avatar .overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
  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: 60px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  bottom: 0;
  border-radius: 50%;
}

.profile .info-wrap .avatar .overlay .fa {
  color: white;
}

.profile .info-wrap .avatar .overlay .fa:hover {
  cursor: pointer;
}

.profile .info-wrap .avatar:hover .overlay {
  opacity: 1;
}

.profile .info-wrap .half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile .info-wrap .half div.field-grp {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.profile .info-wrap .half div.field-grp:nth-child(1) {
  margin-right: 15px;
}

.profile .info-wrap .half div.field-grp:nth-child(2) {
  margin-left: 15px;
}

.profile .info-wrap .field-grp {
  position: relative;
}

.profile .info-wrap .field-grp label {
  display: block;
  color: #808184;
  font-size: 14px;
  margin-bottom: 10px;
}

.profile .info-wrap .field-grp .input-group {
  width: 100%;
}

.profile .info-wrap .field-grp input,
.profile .info-wrap .field-grp textarea,
.profile .info-wrap .field-grp select {
  border: 0;
  width: 100%;
  min-height: 42px;
  max-height: 42px;
  display: block;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  text-align: left;
  color: black;
  background: white;
  font-family: "Neue-Roman";
}

.profile .info-wrap .field-grp.placeholder {
  color: black;
}

.profile .info-wrap .field-grp:-moz-placeholder {
  color: black;
}

.profile .info-wrap .field-grp::-moz-placeholder {
  color: black;
}

.profile .info-wrap .field-grp:-ms-input-placeholder {
  color: black;
}

.profile .info-wrap .field-grp::-webkit-input-placeholder {
  color: black;
}

.profile .info-wrap .field-grp select {
  color: #808184;
}

.profile .info-wrap .field-grp option:not(:first-of-type) {
  color: black;
}

.profile .info-wrap .field-grp .input-group-addon {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 2;
  background: transparent;
  border: none;
  padding: 0;
}

.profile .info-wrap .field-grp .input-group-addon i {
  padding-top: 5px;
}

.profile .info-wrap .field-grp div.field-wrap {
  position: relative;
}

.profile .info-wrap .field-grp div.field-wrap .edit-btn {
  position: absolute;
  right: 10px;
  top: 14px;
  color: #808184;
  font-size: 14px;
}

.profile .info-wrap .field-grp .fa-angle-down {
  position: absolute;
  top: 35px;
  right: 7px;
  color: #808184;
  pointer-events: none;
}

.profile .info-wrap .save-btn {
  padding: 10px 30px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  font-family: "Neue-Roman";
}

.profile .info-wrap .save-btn:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

.profile .info-wrap #package-accord .panel {
  margin-bottom: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 40px;
}

.profile .info-wrap #package-accord .panel:not(:first-of-type) {
  border-radius: 0px;
}

.profile .info-wrap #package-accord .panel .panel-heading {
  padding: 15px;
  padding-right: 30px;
  background: white;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile .info-wrap #package-accord .panel .panel-heading:hover {
  text-decoration: none !important;
  color: black;
}

.profile .info-wrap #package-accord .panel .panel-heading:visited {
  text-decoration: none !important;
}

.profile .info-wrap #package-accord .panel .panel-heading .meta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.profile .info-wrap #package-accord .panel .panel-heading .meta h3 {
  font-family: "Neue-Medium";
  font-size: 32px;
}

.profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap h4 {
  font-family: "Neue-Roman";
  font-size: 20px;
  color: #808184;
}

.profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap .pkg-id {
  font-family: "Neue-Roman";
  font-size: 16px;
  color: #808184;
  padding-left: 15px;
}

.profile .info-wrap #package-accord .panel .panel-heading .cta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}

.profile .info-wrap #package-accord .panel .panel-heading .cta-wrap .available {
  font-family: "Neue-Roman";
  font-size: 18px;
  color: #808184;
  padding-right: 15px;
}

.profile .info-wrap #package-accord .panel .panel-heading .cta-wrap .schedule-btn {
  padding: 10px 30px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  font-family: "Neue-Roman";
}

.profile .info-wrap #package-accord .panel .panel-heading .cta-wrap .schedule-btn:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

.profile .info-wrap #package-accord .panel .panel-heading a[data-toggle="collapse"] {
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 10;
}

.profile .info-wrap #package-accord .panel .panel-heading a[data-toggle="collapse"] i {
  position: absolute;
  top: 30%;
  right: 15px;
  z-index: 1000;
  color: black;
  font-size: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.profile .info-wrap #package-accord .panel .panel-heading a.collapsed i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.profile .info-wrap #package-accord .panel .panel-body {
  border: none;
  font-family: "Neue-Light";
  font-size: 16px;
  color: black;
  padding: 0;
  background: transparent;
}

.profile .info-wrap #package-accord .panel .panel-body .table {
  margin: 0px;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr td:not(:first-child) {
  text-align: center;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr td:first-child {
  padding-left: 15px;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr td:last-child {
  text-align: right;
  padding-right: 15px;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr td {
  font-family: "Neue-Roman";
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr .status {
  color: #70d2bb;
}

.profile .info-wrap #package-accord .panel .panel-body .table tr .status.done {
  color: #808184;
}

.profile .info-wrap .settings .field-grp {
  margin-bottom: 40px;
}

.profile .info-wrap .settings .field-grp .label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile .info-wrap .settings .field-grp .label-wrap label {
  color: black;
  font-family: "Neue-Roman";
  font-size: 16px;
  margin: 0;
}

.profile .info-wrap .settings .field-grp .label-wrap .val-wrap {
  background: black;
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
  margin-left: 15px;
  display: inline-block;
  position: relative;
}

.profile .info-wrap .settings .field-grp .label-wrap .val-wrap .val {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.profile .info-wrap .settings .save-btn {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .profile {
    padding-bottom: 40px;
  }
  .profile .info-wrap {
    margin: 100px auto;
    margin-bottom: 0;
    padding: 10px;
  }
  .profile .info-wrap h2 {
    font-size: 22px;
  }
  .profile .info-wrap #package-accord .panel .panel-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .meta {
    width: 100%;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .meta h3 {
    font-size: 22px;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 15px;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap h4 {
    font-size: 16px;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .meta .head-wrap .pkg-id {
    font-size: 14px;
    float: right;
    padding: 0;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .cta-wrap {
    margin-top: 20px;
    padding: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .cta-wrap .available {
    padding-right: 0;
    padding-left: 15px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
  }
  .profile .info-wrap #package-accord .panel .panel-heading .cta-wrap .schedule-btn {
    padding: 8px 22px;
  }
  .profile .info-wrap #package-accord .panel .panel-body .table tr td {
    font-size: 12px;
  }
}

.profile-pic-upload {
  display: none !important;
}

/* SMART SLIDER */
.horizontalSlider {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.horizontalSlider .smart-thumb {
  border: 1px solid black !important;
  background-color: white !important;
}

.horizontalSlider .smart-thumb::before {
  background-color: white;
}

.horizontalSlider .smart-value {
  background-color: black;
}

.horizontalSlider .smart-label {
  color: #808184;
}

.horizontalSlider .smart-tooltip {
  /*
        font-family: $medium;
        background: black;
        color: white;
        padding: 5px 5px;
        width: auto;
        height: auto;
        left: -2px;
        top: -32px;
        border: none;
        border-radius: 2px;
        .smart-tooltip-content {
            border: none;
            padding: 0px;
            width: auto;
            height: auto;
            border: none;
        }
        */
}

/* LETTER SLIDER */
.rs-container {
  width: calc(100% - 15px);
  margin: 0 auto;
  margin-top: 20px;
}

.rs-container .rs-pointer {
  left: 0;
  top: -5px;
  border-radius: 50%;
  width: 20px;
  border: 1px solid black !important;
  background-color: white !important;
}

.rs-container .rs-pointer::before, .rs-container .rs-pointer::after {
  background-color: transparent;
}

.rs-container .rs-bg {
  height: 1px;
  background-color: #cccccc;
  border: 1px solid #cccccc;
}

.rs-container .rs-selected {
  height: 1px;
  background-color: black;
  border: 1px solid;
}

@media (max-width: 768px) {
  .rs-container .rs-scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* PAYMENT MESSAGES */
.payment-message .content {
  margin: 140px auto;
  padding: 20px;
  max-width: 480px;
  background: #e9e6df;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.payment-message .content .img-box {
  max-width: 100px;
  margin-bottom: 15px;
}

.payment-message .content h3 {
  font-size: 32px;
  font-family: "Neue-Medium";
  margin-bottom: 15px;
}

.payment-message .content div {
  font-family: "Neue-Light";
  font-size: 18px;
  line-height: 1.6;
}

.payment-message .content strong {
  font-family: "Neue-Medium";
}

.payment-message .content .cta-wrap {
  margin-top: 40px;
}

.payment-message .content .cta-wrap .cta {
  line-height: 100%;
  padding: 10px 30px;
  border: 1px solid black;
  border-radius: 20px;
  color: white;
  background: black;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  font-family: "Neue-Roman";
}

.payment-message .content .cta-wrap .cta:hover {
  text-decoration: none;
  color: black;
  background: transparent;
}

@media (max-width: 768px) {
  .payment-message .content {
    margin: 100px auto;
    margin-bottom: 40px;
  }
}

/* LOADING */
.loading-screen {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background-color: #e9e6df;
  width: 100%;
  height: 0%;
  bottom: 0;
  overflow: hidden;
}

.white-screen {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background-color: white;
  width: 100%;
  height: 0%;
  bottom: 0;
  overflow: hidden;
}

.load-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 10000;
  pointer-events: none;
}

div.float-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: #e9e6df;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

body {
  -webkit-animation: fadeInAnimation ease 1.5s;
          animation: fadeInAnimation ease 1.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* document copy */
.document-section {
  margin-top: 140px;
  margin-bottom: 80px;
}

.document-section .document-copy p {
  border: none;
  font-family: "Neue-Thin";
  font-size: 18px;
  color: #808184;
  letter-spacing: 0.2px;
  line-height: 1.6;
  padding: 0;
  padding-bottom: 15px;
}

.document-section .document-copy h1 {
  text-align: center;
  font-family: "Neue-Medium";
  font-size: 28px;
  margin-bottom: 40px;
}

.document-section .document-copy h2,
.document-section .document-copy h3,
.document-section .document-copy h4 {
  font-family: "Neue-Medium";
  color: black;
  margin-bottom: 15px;
}

.document-section .document-copy h2 {
  font-size: 22px;
}

.document-section .document-copy h3 {
  font-size: 20px;
}

.document-section .document-copy h4 {
  font-size: 18px;
}

.document-section .document-copy strong {
  font-family: "Neue-Roman";
}

.document-section .document-copy a {
  font-family: "Neue-Roman";
  text-decoration: none;
  color: black;
}

.document-section .document-copy a:hover {
  color: #808184;
}

@media (max-width: 768px) {
  .document-section {
    margin-top: 120px;
    margin-bottom: 40px;
  }
  .document-section .document-copy h1 {
    font-size: 26px;
  }
  .document-section .document-copy h2 {
    font-size: 22px;
  }
  .document-section .document-copy h3 {
    font-size: 20px;
  }
  .document-section .document-copy h4 {
    font-size: 18px;
  }
}