/*!***********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-base/styles/material.css ***! \***********************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-base/styles/material.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-buttons/styles/material.css ***! \**************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-inputs/styles/material.css ***! \*************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-popups/styles/material.css ***! \*************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-lists/styles/material.css ***! \************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-splitbuttons/styles/material.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-calendars/styles/material.css ***! \****************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-calendars/styles/material.css ***! \************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/icon?family=Material+Icons); /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-layouts/styles/material.css ***! \**************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-navigations/styles/material.css ***! \******************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-inputs/styles/material.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-notifications/styles/material.css ***! \****************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css ***! \************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-buttons/styles/material.css ***! \**********************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-dropdowns/styles/material.css ***! \****************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-grids/styles/material.css ***! \********************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500); /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/font-awesome/scss/font-awesome.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * 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 PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url('fontawesome-webfont.eot?v=4.7.0'); src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('fontawesome-webfont.woff?v=4.7.0') format("woff"), url('fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('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; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-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; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/bootstrap/scss/bootstrap.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css ***! \****************************************************************************************************************************************************************************************************************************************/ .p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***! \********************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/rhea/theme.css ***! \**********************************************************************************************************************************************************************************************************************************************/ :root { --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; --surface-d: #dadada; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; --primary-color: #7B95A3; --primary-color-text: #ffffff; --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #eef1f2; --surface-100: #dde2e4; --surface-200: #bbc5ca; --surface-300: #98a8af; --surface-400: #768b95; --surface-500: #546e7a; --surface-600: #435862; --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; --gray-50: #eef1f2; --gray-100: #dde2e4; --gray-200: #bbc5ca; --gray-300: #98a8af; --gray-400: #768b95; --gray-500: #546e7a; --gray-600: #435862; --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; --border-radius:2px; --surface-ground:#f4f4f4; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dadada; --surface-hover: #eaeaea; --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 0.2rem #e4e9ec; color-scheme: light; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.5; } .p-error { color: #e7a3a3; } .p-text-secondary { color: #a6a6a6; } .pi { font-size: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 2px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } :root { --blue-50:#f6fbfe; --blue-100:#d4edfb; --blue-200:#b2e0f7; --blue-300:#91d2f4; --blue-400:#6fc4f0; --blue-500:#4db6ed; --blue-600:#419bc9; --blue-700:#367fa6; --blue-800:#2a6482; --blue-900:#1f495f; --green-50:#f7fcf9; --green-100:#daeee4; --green-200:#bce1ce; --green-300:#9fd4b8; --green-400:#81c7a3; --green-500:#64ba8d; --green-600:#559e78; --green-700:#468263; --green-800:#37664e; --green-900:#284a38; --yellow-50:#fffdf6; --yellow-100:#fef4d5; --yellow-200:#fdecb4; --yellow-300:#fce493; --yellow-400:#fbdb71; --yellow-500:#fad350; --yellow-600:#d5b344; --yellow-700:#af9438; --yellow-800:#8a742c; --yellow-900:#645420; --cyan-50:#f7fefe; --cyan-100:#daf8fa; --cyan-200:#bdf3f6; --cyan-300:#a0edf2; --cyan-400:#83e8ee; --cyan-500:#66e2ea; --cyan-600:#57c0c7; --cyan-700:#479ea4; --cyan-800:#387c81; --cyan-900:#295a5e; --pink-50:#fef8fc; --pink-100:#fadeef; --pink-200:#f7c4e2; --pink-300:#f3a9d5; --pink-400:#f08fc9; --pink-500:#ec75bc; --pink-600:#c963a0; --pink-700:#a55284; --pink-800:#824067; --pink-900:#5e2f4b; --indigo-50:#f7f9fe; --indigo-100:#d6e4f8; --indigo-200:#b6cef2; --indigo-300:#96b8ec; --indigo-400:#75a3e7; --indigo-500:#558de1; --indigo-600:#4878bf; --indigo-700:#3c639e; --indigo-800:#2f4e7c; --indigo-900:#22385a; --teal-50:#f6fbfa; --teal-100:#d4ebe7; --teal-200:#b2dbd4; --teal-300:#90ccc1; --teal-400:#6ebcae; --teal-500:#4cac9b; --teal-600:#419284; --teal-700:#35786d; --teal-800:#2a5f55; --teal-900:#1e453e; --orange-50:#fefbf6; --orange-100:#fbebd2; --orange-200:#f9dbae; --orange-300:#f6cb8a; --orange-400:#f3bb67; --orange-500:#f0ab43; --orange-600:#cc9139; --orange-700:#a8782f; --orange-800:#845e25; --orange-900:#60441b; --bluegray-50:#f9fafa; --bluegray-100:#e0e5e9; --bluegray-200:#c8d1d7; --bluegray-300:#b0bdc5; --bluegray-400:#97a8b4; --bluegray-500:#7f94a2; --bluegray-600:#6c7e8a; --bluegray-700:#596871; --bluegray-800:#465159; --bluegray-900:#333b41; --purple-50:#fbf8fc; --purple-100:#ecddf1; --purple-200:#ddc2e6; --purple-300:#cea7dc; --purple-400:#bf8cd1; --purple-500:#b071c6; --purple-600:#9660a8; --purple-700:#7b4f8b; --purple-800:#613e6d; --purple-900:#462d4f; --red-50:#fff7f5; --red-100:#ffd7cf; --red-200:#ffb7a8; --red-300:#ff9782; --red-400:#ff775b; --red-500:#ff5735; --red-600:#d94a2d; --red-700:#b33d25; --red-800:#8c301d; --red-900:#662315; --primary-50:#f8fafa; --primary-100:#dfe6e9; --primary-200:#c6d1d7; --primary-300:#adbdc6; --primary-400:#94a9b4; --primary-500:#7b95a3; --primary-600:#697f8b; --primary-700:#566872; --primary-800:#44525a; --primary-900:#313c41; } .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.2145rem 0.429rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #a6a6a6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #666666; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; background: #AFD3C8; color: #385048; border-radius: 2px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e7a3a3; } .p-autocomplete-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-autocomplete-panel .p-autocomplete-items { padding: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.429rem 0.857rem; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #666666; background: #f4f4f4; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #385048; background: #AFD3C8; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.429rem 0.857rem; color: #666666; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #a6a6a6; right: 0.429rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #a6a6a6; right: 2.786rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e7a3a3; } .p-datepicker { padding: 0.857rem; background: #ffffff; color: #666666; border: 1px solid #dadada; border-radius: 2px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #666666; background: #ffffff; font-weight: 700; margin: 0; border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #666666; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #7B95A3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.857rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #385048; background: #AFD3C8; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datepicker table td.p-datepicker-today > span { background: #d0d0d0; color: #666666; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #385048; background: #AFD3C8; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; border-top: 1px solid #dadada; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dadada; padding: 0.857rem 0 0.429rem 0; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.286rem; } .p-datepicker .p-timepicker > div { padding: 0 0.429rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.857rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #385048; background: #AFD3C8; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #385048; background: #AFD3C8; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dadada; padding-right: 0.857rem; padding-left: 0.857rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #f4f4f4; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f4; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f4; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #a6a6a6; right: 0.429rem; } p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { color: #a6a6a6; right: 2.786rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0.25rem; } } .p-cascadeselect { background: #ffffff; border: 1px solid #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #a6a6a6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.429rem 0.429rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #a6a6a6; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #a6a6a6; width: 2.357rem; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .p-cascadeselect-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.429rem 0.857rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #385048; background: #AFD3C8; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e7a3a3; } .p-input-filled .p-cascadeselect { background: #f4f4f4; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f4f4f4; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #a6a6a6; right: 2.357rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 20px; height: 20px; } .p-checkbox .p-checkbox-box { border: 1px solid #dadada; background: #ffffff; width: 20px; height: 20px; color: #666666; border-radius: 2px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #7B95A3; background: #7B95A3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #a6a6a6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #617c8a; background: #617c8a; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e7a3a3; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f4f4f4; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #7B95A3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f4f4f4; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #617c8a; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.2145rem 0.429rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #a6a6a6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; background: #AFD3C8; color: #385048; border-radius: 2px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #666666; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e7a3a3; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.429rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #a6a6a6; right: 0.429rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-dropdown { background: #ffffff; border: 1px solid #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-dropdown:not(.p-disabled):hover { border-color: #a6a6a6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #a6a6a6; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #a6a6a6; width: 2.357rem; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .p-dropdown .p-dropdown-clear-icon { color: #a6a6a6; right: 2.357rem; } .p-dropdown-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-dropdown-panel .p-dropdown-header { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; color: #666666; background: #ffffff; margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.429rem; margin-right: -1.429rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-dropdown-panel .p-dropdown-items { padding: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.429rem 0.857rem; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #385048; background: #AFD3C8; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.429rem 0.857rem; color: #666666; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e7a3a3; } .p-input-filled .p-dropdown { background: #f4f4f4; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f4f4f4; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #f4f4f4; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { background: #7B95A3; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #7B95A3; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #a6a6a6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #a6a6a6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #a6a6a6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; padding: 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #666666; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #666666; background: #f4f4f4; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.429rem 0.857rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dadada; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #666666; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #666666; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #666666; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #666666; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #7B95A3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #7B95A3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #7B95A3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #7B95A3; } .p-inputgroup-addon { background: #dbdbdb; color: #666666; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 0.429rem 0.429rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #dadada; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e7a3a3; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #a6a6a6; right: 0.429rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e7a3a3; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 1.858rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #a6a6a6; right: 0.429rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.786rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.786rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ffffff; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #7B95A3; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #d8dae2; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #AFD3C8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #385048; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #AFD3C8; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #e7a3a3; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #666666; background: #ffffff; padding: 0.429rem 0.429rem; border: 1px solid #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 2px; } .p-inputtext:enabled:hover { border-color: #a6a6a6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e7a3a3; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } .p-float-label > label { left: 0.429rem; color: #a6a6a6; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #e7a3a3; } .p-input-icon-left > i:first-of-type { left: 0.429rem; color: #a6a6a6; } .p-input-icon-left > .p-inputtext { padding-left: 1.858rem; } .p-input-icon-left.p-float-label > label { left: 1.858rem; } .p-input-icon-right > i:last-of-type { right: 0.429rem; color: #a6a6a6; } .p-input-icon-right > .p-inputtext { padding-right: 1.858rem; } ::-webkit-input-placeholder { color: #a6a6a6; } :-moz-placeholder { color: #a6a6a6; } ::-moz-placeholder { color: #a6a6a6; } :-ms-input-placeholder { color: #a6a6a6; } .p-input-filled .p-inputtext { background-color: #f4f4f4; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f4f4f4; } .p-input-filled .p-inputtext:enabled:focus { background-color: #f4f4f4; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.375375rem 0.375375rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.53625rem 0.53625rem; } .p-listbox { background: #ffffff; color: #666666; border: 1px solid #dadada; border-radius: 2px; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; color: #666666; background: #ffffff; margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.429rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.429rem 0.857rem; border: 0 none; color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #385048; background: #AFD3C8; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.429rem 0.857rem; color: #666666; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e7a3a3; } .p-multiselect { background: #ffffff; border: 1px solid #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-multiselect:not(.p-disabled):hover { border-color: #a6a6a6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #a6a6a6; } .p-multiselect.p-multiselect-chip .p-multiselect-label { gap: 0.5rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; background: #AFD3C8; color: #385048; border-radius: 2px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #a6a6a6; width: 2.357rem; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } .p-multiselect-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-multiselect-panel .p-multiselect-header { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; color: #666666; background: #ffffff; margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.429rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-multiselect-panel .p-multiselect-items { padding: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.429rem 0.857rem; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #385048; background: #AFD3C8; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.429rem 0.857rem; color: #666666; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e7a3a3; } .p-input-filled .p-multiselect { background: #f4f4f4; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f4f4f4; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } p-multiselect.p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.429rem; } p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { color: #a6a6a6; right: 2.357rem; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e7a3a3; } .p-password-panel { padding: 0.571rem 1rem; background: #ffffff; color: #666666; border: 1px solid #f1f1f1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #efefef; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #F4B6B6; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ffe38e; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #A3E2C6; } p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } p-password.p-password-clearable .p-password-clear-icon { color: #a6a6a6; right: 0.429rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #a6a6a6; right: 1.858rem; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { border: 1px solid #dadada; background: #ffffff; width: 20px; height: 20px; color: #666666; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #a6a6a6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #7B95A3; background: #7B95A3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #617c8a; background: #617c8a; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e7a3a3; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f4f4f4; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f4f4f4; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #7B95A3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #617c8a; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating .p-rating-icon { color: #666666; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #f3b9b9; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.pi-star-fill { color: #7B95A3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #7B95A3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #d66161; } .p-selectbutton .p-button { background: #eaeaea; border: 1px solid #eaeaea; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #666666; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #666666; } .p-selectbutton .p-button.p-highlight { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #385048; } .p-selectbutton .p-button.p-highlight:hover { background: #8DC8B5; border-color: #8DC8B5; color: #385048; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #385048; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e7a3a3; } .p-slider { background: #c4c4c4; border: 0 none; border-radius: 2px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.7145rem; margin-left: -0.7145rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.7145rem; margin-bottom: -0.7145rem; } .p-slider .p-slider-handle { height: 1.429rem; width: 1.429rem; background: #ffffff; border: 2px solid #7f7f7f; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-slider .p-slider-range { background: #7B95A3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #7f7f7f; border-color: #7B95A3; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #eaeaea; border: 1px solid #eaeaea; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #666666; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #666666; } .p-togglebutton.p-button.p-highlight { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #385048; } .p-togglebutton.p-button.p-highlight:hover { background: #8DC8B5; border-color: #8DC8B5; color: #385048; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #385048; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e7a3a3; } .p-treeselect { background: #ffffff; border: 1px solid #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-treeselect:not(.p-disabled):hover { border-color: #a6a6a6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } .p-treeselect .p-treeselect-label { padding: 0.429rem 0.429rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #a6a6a6; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; background: #dadada; color: #666666; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #a6a6a6; width: 2.357rem; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e7a3a3; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.2145rem 0.429rem; } .p-treeselect-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-treeselect-panel .p-treeselect-header { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; color: #666666; background: #ffffff; margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.429rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 2.858rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 1.858rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.429rem 0.857rem; color: #666666; background: transparent; } .p-input-filled .p-treeselect { background: #f4f4f4; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f4f4f4; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #f4f4f4; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.429rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #a6a6a6; right: 2.357rem; } .p-button { color: #ffffff; background: #7B95A3; border: 1px solid #7B95A3; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-button:enabled:hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } .p-button:enabled:active { background: #617c8a; color: #ffffff; border-color: #617c8a; } .p-button.p-button-outlined { background-color: transparent; color: #7B95A3; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(123, 149, 163, 0.04); color: #7B95A3; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(123, 149, 163, 0.16); color: #7B95A3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #a6a6a6; border-color: #a6a6a6; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #f4f4f4; color: #a6a6a6; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dbdbdb; color: #a6a6a6; } .p-button.p-button-text { background-color: transparent; color: #7B95A3; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(123, 149, 163, 0.04); color: #7B95A3; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(123, 149, 163, 0.16); color: #7B95A3; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #a6a6a6; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #f4f4f4; color: #a6a6a6; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dbdbdb; color: #a6a6a6; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #7B95A3; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; padding: 0.429rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.357rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.375375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.53625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.357rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #a3897b; border: 1px solid #8e6f5f; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #8e6f5f; color: #ffffff; border-color: #7a5743; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #bfaaa0; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #7a5743; color: #ffffff; border-color: #6e4e3c; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #a3897b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(163, 137, 123, 0.04); color: #a3897b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(163, 137, 123, 0.16); color: #a3897b; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #a3897b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(163, 137, 123, 0.04); border-color: transparent; color: #a3897b; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(163, 137, 123, 0.16); border-color: transparent; color: #a3897b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #3D4447; background: #A3DEF8; border: 1px solid #79C8EB; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #81CBEC; color: #3D4447; border-color: #60B7DE; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #d2effc; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #3ea9db; color: #3D4447; border-color: #2987B1; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #A3DEF8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(163, 222, 248, 0.04); color: #A3DEF8; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(163, 222, 248, 0.16); color: #A3DEF8; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #A3DEF8; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; color: #A3DEF8; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(163, 222, 248, 0.16); border-color: transparent; color: #A3DEF8; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #323E39; background: #A3E2C6; border: 1px solid #80CAAA; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #80CAAA; color: #323E39; border-color: #5EA285; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #caeede; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #31B57C; color: #323E39; border-color: #5EA285; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #A3E2C6; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(163, 226, 198, 0.04); color: #A3E2C6; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(163, 226, 198, 0.16); color: #A3E2C6; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #A3E2C6; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; color: #A3E2C6; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(163, 226, 198, 0.16); border-color: transparent; color: #A3E2C6; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffe38e; border: 1px solid #ffd95e; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ffd95e; color: #333333; border-color: #ffce3c; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffe9a8; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #ffce3c; color: #333333; border-color: #ffc62a; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe38e; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 227, 142, 0.04); color: #ffe38e; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 227, 142, 0.16); color: #ffe38e; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe38e; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(255, 227, 142, 0.04); border-color: transparent; color: #ffe38e; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(255, 227, 142, 0.16); border-color: transparent; color: #ffe38e; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #333333; background: #e9bef1; border: 1px solid #de9eea; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #de9eea; color: #333333; border-color: #d37de3; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f0d3f6; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #d37de3; color: #333333; border-color: #c85ddc; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #e9bef1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(233, 190, 241, 0.04); color: #e9bef1; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(233, 190, 241, 0.16); color: #e9bef1; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #e9bef1; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(233, 190, 241, 0.04); border-color: transparent; color: #e9bef1; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(233, 190, 241, 0.16); border-color: transparent; color: #e9bef1; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #262222; background: #F4B6B6; border: 1px solid #E38787; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #EF9999; color: #262222; border-color: #CB5858; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fbe2e2; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #EB5656; color: #262222; border-color: #B73737; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #F4B6B6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(244, 182, 182, 0.04); color: #F4B6B6; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(244, 182, 182, 0.16); color: #F4B6B6; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #F4B6B6; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; color: #F4B6B6; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(244, 182, 182, 0.16); border-color: transparent; color: #F4B6B6; } .p-button.p-button-link { color: #617c8a; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #617c8a; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #617c8a; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-action { width: 3rem; height: 3rem; background: #324249; color: #fff; } .p-speeddial-action:hover { background: #222c31; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 2px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #7B95A3; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(123, 149, 163, 0.04); color: #7B95A3; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(123, 149, 163, 0.16); color: #7B95A3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #a6a6a6; border-color: #a6a6a6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #f4f4f4; color: #a6a6a6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dbdbdb; color: #a6a6a6; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #7B95A3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(123, 149, 163, 0.04); color: #7B95A3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(123, 149, 163, 0.16); color: #7B95A3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #a6a6a6; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #f4f4f4; color: #a6a6a6; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dbdbdb; color: #a6a6a6; } .p-splitbutton.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.375375rem 0.875rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.53625rem 1.25rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #a3897b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 137, 123, 0.04); color: #a3897b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 137, 123, 0.16); color: #a3897b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #a3897b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 137, 123, 0.04); border-color: transparent; color: #a3897b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 137, 123, 0.16); border-color: transparent; color: #a3897b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #A3DEF8; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 222, 248, 0.04); color: #A3DEF8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 222, 248, 0.16); color: #A3DEF8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #A3DEF8; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; color: #A3DEF8; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; color: #A3DEF8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #A3E2C6; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 226, 198, 0.04); color: #A3E2C6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 226, 198, 0.16); color: #A3E2C6; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #A3E2C6; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; color: #A3E2C6; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; color: #A3E2C6; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe38e; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(255, 227, 142, 0.04); color: #ffe38e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(255, 227, 142, 0.16); color: #ffe38e; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #ffe38e; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(255, 227, 142, 0.04); border-color: transparent; color: #ffe38e; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(255, 227, 142, 0.16); border-color: transparent; color: #ffe38e; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #e9bef1; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(233, 190, 241, 0.04); color: #e9bef1; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(233, 190, 241, 0.16); color: #e9bef1; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #e9bef1; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(233, 190, 241, 0.04); border-color: transparent; color: #e9bef1; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(233, 190, 241, 0.16); border-color: transparent; color: #e9bef1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #F4B6B6; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(244, 182, 182, 0.04); color: #F4B6B6; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(244, 182, 182, 0.16); color: #F4B6B6; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #F4B6B6; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; color: #F4B6B6; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; color: #F4B6B6; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #7B95A3; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #617c8a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #AFD3C8; color: #385048; } .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 1px 1px 1px; border-radius: 0; } .p-datatable .p-datatable-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #ffffff; color: #666666; border: 1px solid #dadada; border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; border-width: 1px 1px 1px 1px; font-weight: 700; color: #666666; background: #ffffff; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; border-width: 1px; font-weight: 700; color: #666666; background: #ffffff; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #666666; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #385048; background: #AFD3C8; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #eaeaea; color: #666666; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #666666; } .p-datatable .p-sortable-column.p-highlight { background: #AFD3C8; color: #385048; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #385048; } .p-datatable .p-sortable-column.p-highlight:hover { background: #AFD3C8; color: #385048; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #385048; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #e4e9ec; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #dadada; border-width: 1px; padding: 0.571rem 0.857rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus { outline: 0.15rem solid #e4e9ec; outline-offset: 0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #AFD3C8; color: #385048; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #AFD3C8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #AFD3C8; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #eaeaea; color: #666666; } .p-datatable .p-column-resizer-helper { background: #7B95A3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #7B95A3; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #f8f8f8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #AFD3C8; color: #385048; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #385048; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #385048; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.72845rem 0.85rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.48535rem 0.72845rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.48535rem 0.72845rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.48535rem 0.85rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.48535rem 0.85rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 0.71375rem 1.07125rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.71375rem 1.07125rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 0.71375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.71375rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 1px 1px 1px; border-radius: 0; } .p-dataview .p-dataview-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #666666; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: 1px solid #dadada; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #ffffff; color: #666666; border: 1px solid #dadada; border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 0.571rem 1rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #666666; border-color: transparent; background: transparent; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: transparent; color: #666666; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #AFD3C8; color: #385048; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #666666; border-color: transparent; background: transparent; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-column-filter-overlay { background: #ffffff; color: #666666; border: 1px solid #eaeaea; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.429rem 0.857rem; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #385048; background: #AFD3C8; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dadada; margin: 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.429rem 0.857rem; border-bottom: 1px solid #dadada; color: #666666; background: #ffffff; margin: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0.571rem 1rem; border-bottom: 1px solid #dadada; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.571rem 1rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } .fc { /* FullCalendar 4 */ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { background: #7B95A3; border: 1px solid #7B95A3; color: #ffffff; } .fc.fc-unthemed .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dadada; color: #666666; } .fc.fc-unthemed .fc-view-container td.fc-head-container { border: 1px solid #7B95A3; } .fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #7B95A3; } .fc.fc-unthemed .fc-view-container .fc-event { background: #AFD3C8; border: 1px solid #6c8999; color: #385048; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #7B95A3; border: 1px solid #7B95A3; } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #7B95A3; border: 1px solid #7B95A3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #617c8a; color: #ffffff; border-color: #617c8a; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #eaeaea; border: 1px solid #eaeaea; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #8DC8B5; border-color: #8DC8B5; color: #385048; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { border-color: #dadada; } .fc.fc-theme-standard .fc-view-harness th { background: #7B95A3; border-color: #7B95A3; color: #ffffff; } .fc.fc-theme-standard .fc-view-harness td { color: #666666; border-color: #dadada; } .fc.fc-theme-standard .fc-view-harness .fc-view { background: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { border: 1px solid #7B95A3; padding: 0.857rem 1rem; background: #7B95A3; color: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { opacity: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: "PrimeIcons" !important; font-size: 1rem; width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { content: "\e90b"; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { color: #385048; background: #AFD3C8; border-color: #6c8999; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #385048; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { background: #AFD3C8; border-color: #6c8999; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: #f4f4f4; color: #666666; } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { background: #7B95A3; } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; background: #7B95A3; border: 1px solid #7B95A3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { background: #617c8a; color: #ffffff; border-color: #617c8a; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.5; color: #ffffff; background: #7B95A3; border: 1px solid #7B95A3; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #eaeaea; border: 1px solid #eaeaea; color: #333333; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #c8c8c8; border-color: #c8c8c8; color: #333333; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #8DC8B5; border-color: #8DC8B5; color: #385048; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .fc.fc-theme-standard a { color: #666666; } .fc.fc-theme-standard .fc-highlight { color: #385048; background: #AFD3C8; } .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; padding: 0.857rem 1rem; border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; } .p-orderlist .p-orderlist-filter-container { padding: 0.857rem 1rem; background: #ffffff; border: 1px solid #7B95A3; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.429rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-orderlist .p-orderlist-list { border: 1px solid #dadada; background: #ffffff; color: #666666; padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #385048; background: #AFD3C8; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #666666; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f4; color: #666666; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8f8; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f4f4f4; } .p-orderlist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border: 0 none; color: #666666; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f4; color: #666666; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #AFD3C8; color: #385048; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #5da68f; } .p-organizationchart .p-organizationchart-line-down { background: #c8c8c8; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dadada; border-color: #c8c8c8; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dadada; border-color: #c8c8c8; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dadada; background: #ffffff; color: #666666; padding: 0.571rem 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-paginator { background: #ffffff; color: #666666; border: solid #dadada; border-width: 1px; padding: 0; border-radius: 2px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #666666; min-width: 2.357rem; height: 2.357rem; margin: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f4; border-color: transparent; color: #666666; } .p-paginator .p-paginator-first { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-paginator .p-paginator-last { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.357rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.357rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #666666; min-width: 2.357rem; height: 2.357rem; margin: 0; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #666666; min-width: 2.357rem; height: 2.357rem; margin: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #AFD3C8; border-color: #AFD3C8; color: #385048; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f4f4f4; border-color: transparent; color: #666666; } .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; padding: 0.857rem 1rem; border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; } .p-picklist .p-picklist-filter-container { padding: 0.857rem 1rem; background: #ffffff; border: 1px solid #7B95A3; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.429rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-picklist .p-picklist-list { border: 1px solid #dadada; background: #ffffff; color: #666666; padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; border: 0 none; color: #666666; background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #385048; background: #AFD3C8; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #666666; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #f4f4f4; color: #666666; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f8f8f8; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f4f4f4; } .p-picklist-item.cdk-drag-preview { padding: 0.429rem 0.857rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border: 0 none; color: #666666; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; width: 1rem; height: 1rem; background-color: #AFD3C8; } .p-timeline .p-timeline-event-connector { background-color: #c8c8c8; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dadada; background: #ffffff; color: #666666; padding: 0.571rem 1rem; border-radius: 2px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #a6a6a6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #666666; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #AFD3C8; color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f4; color: #666666; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #f4f4f4; color: #666666; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.429rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.429rem; color: #a6a6a6; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #7db8a6; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 2px; border: 1px solid #dadada; background-color: #ffffff; color: #666666; padding: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #AFD3C8; color: #385048; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #385048; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #a6a6a6; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f4; color: #666666; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-treetable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 1px 1px 1px; border-radius: 0; } .p-treetable .p-treetable-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #ffffff; color: #666666; border: 1px solid #dadada; border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; border-width: 1px 1px 1px 1px; font-weight: 700; color: #666666; background: #ffffff; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; border-width: 1px; font-weight: 700; color: #666666; background: #ffffff; } .p-treetable .p-sortable-column { outline-color: #e4e9ec; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #666666; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #385048; background: #AFD3C8; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #eaeaea; color: #666666; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #666666; } .p-treetable .p-sortable-column.p-highlight { background: #AFD3C8; color: #385048; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #385048; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #dadada; border-width: 1px; padding: 0.571rem 0.857rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #666666; } .p-treetable .p-treetable-tbody > tr:focus { outline: 0.15rem solid #e4e9ec; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #AFD3C8; color: #385048; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #385048; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #385048; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #eaeaea; color: #666666; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #666666; } .p-treetable .p-column-resizer-helper { background: #7B95A3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #7B95A3; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.749875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.48535rem 0.72845rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.48535rem 0.72845rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.48535rem 0.85rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.48535rem 0.85rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.07125rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 0.71375rem 1.07125rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 0.71375rem 1.07125rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 0.71375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #7B95A3; color: #ffffff; border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #666666; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #ffffff; color: #666666; border: 1px solid #dadada; border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; border: 1px solid #7B95A3; color: #ffffff; background: #7B95A3; font-weight: 700; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #617c8a; border-color: #617c8a; color: #ffffff; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #AFD3C8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #8DC8B5; background: #8DC8B5; color: #385048; } .p-accordion .p-accordion-content { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } .p-card { background: #ffffff; color: #666666; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 2px; } .p-card .p-card-body { padding: 1rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 700; margin-bottom: 0.5rem; color: #a6a6a6; } .p-card .p-card-content { padding: 1rem 0; } .p-card .p-card-footer { padding: 1rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dadada; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dadada; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dadada; background: #ffffff; color: #666666; border-radius: 2px; } .p-fieldset .p-fieldset-legend { padding: 0.857rem 1rem; border: 1px solid #7B95A3; color: #ffffff; background: #7B95A3; font-weight: 700; border-radius: 2px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #ffffff; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #617c8a; border-color: #617c8a; color: #ffffff; } .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } .p-panel .p-panel-header { border: 1px solid #7B95A3; padding: 0.857rem 1rem; background: #7B95A3; color: #ffffff; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.857rem 1rem; } .p-panel .p-panel-content { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; } .p-splitter { border: 1px solid #dadada; background: #ffffff; border-radius: 2px; color: #666666; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #eaeaea; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dadada; } .p-splitter .p-splitter-gutter-resizing { background: #dadada; } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; border-width: 1px; } .p-tabview .p-tabview-nav li { margin-right: 2px; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: 1px solid #7B95A3; border-width: 1px; border-color: #7B95A3; background: #7B95A3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #617c8a; border-color: #617c8a; color: #ffffff; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #AFD3C8; border-color: #dadada; color: #385048; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #AFD3C8; color: #385048; width: 2.357rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 0.571rem 1rem; border: 1px solid #dadada; color: #666666; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-toolbar { background: #7B95A3; border: 1px solid #7B95A3; padding: 0.857rem 1rem; border-radius: 2px; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #666666; border: 1px solid #f1f1f1; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-confirm-popup .p-confirm-popup-content { padding: 0.571rem 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.571rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(241, 241, 241, 0); border-bottom-color: #f1f1f1; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #f1f1f1; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border: 1px solid #f1f1f1; } .p-dialog .p-dialog-header { border-bottom: 1px solid #7B95A3; background: #7B95A3; color: #ffffff; padding: 1rem; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #666666; padding: 1rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-dialog .p-dialog-footer { border-top: 1px solid #dadada; background: #ffffff; color: #666666; padding: 0.571rem 1rem; text-align: right; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #666666; border: 1px solid #f1f1f1; border-radius: 2px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-overlaypanel .p-overlaypanel-content { padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { background: #7B95A3; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #6c8999; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(241, 241, 241, 0); border-bottom-color: #e5e5e5; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #f1f1f1; } .p-sidebar { background: #ffffff; color: #666666; border: 1px solid #f1f1f1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .p-sidebar .p-sidebar-header { padding: 0.857rem 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #a6a6a6; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #666666; border-color: transparent; background: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 0.571rem 1rem; } .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } .p-tooltip .p-tooltip-text { background: #AFD3C8; color: #385048; padding: 0.429rem 0.429rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #AFD3C8; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #AFD3C8; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #AFD3C8; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #AFD3C8; } .p-fileupload .p-fileupload-buttonbar { background: #7B95A3; padding: 0.857rem 1rem; border: 1px solid #7B95A3; color: #ffffff; border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 0.571rem 1rem; border: 1px solid #dadada; color: #666666; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 0.571rem 0.857rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } .p-fileupload-choose:not(.p-disabled):active { background: #617c8a; color: #ffffff; border-color: #617c8a; } .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; border-radius: 2px; padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #666666; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #666666; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #666666; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #666666; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #666666; } .p-contextmenu { padding: 0; background: #ffffff; color: #666666; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #666666; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-contextmenu .p-submenu-list { padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #eaeaea; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-dock .p-dock-list { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-item { padding: 0.5rem; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #666666; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #666666; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-megamenu .p-megamenu-submenu { padding: 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #eaeaea; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menu { padding: 0; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #666666; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-menu.p-menu-overlay { background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-menu .p-submenu-header { margin: 0; padding: 0.857rem; color: #666666; background: #f4f4f4; font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-menu .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; } .p-menubar .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #666666; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #666666; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-menubar .p-submenu-list { padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #eaeaea; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #666666; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #666666; background: #eaeaea; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.571rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 4.285rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.999rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 7.713rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 9.427rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 0.857rem 1rem; border: 1px solid #7B95A3; color: #ffffff; background: #7B95A3; font-weight: 700; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #617c8a; border-color: #617c8a; color: #ffffff; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #AFD3C8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #8DC8B5; background: #8DC8B5; color: #385048; } .p-panelmenu .p-panelmenu-content { padding: 0; border: 1px solid #dadada; background: #ffffff; color: #666666; margin-bottom: 2px; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } .p-panelmenu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-slidemenu { padding: 0; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #666666; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu-list { padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #eaeaea; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #666666; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #666666; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dadada; margin: 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.857rem; color: #666666; } .p-slidemenu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #a6a6a6; border: 1px solid #c8c8c8; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #a6a6a6; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #AFD3C8; color: #385048; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #666666; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dadada; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; border-width: 1px; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 2px; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: 1px solid #7B95A3; border-width: 1px; border-color: #7B95A3; background: #7B95A3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #617c8a; border-color: #617c8a; color: #ffffff; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #AFD3C8; border-color: #dadada; color: #385048; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #AFD3C8; color: #385048; width: 2.357rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-tieredmenu { padding: 0; background: #ffffff; color: #666666; border: 1px solid #c8c8c8; border-radius: 2px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.857rem; color: #666666; border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #666666; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #666666; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #666666; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-tieredmenu .p-submenu-list { padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #eaeaea; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #666666; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dadada; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-menuitem-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 2px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-inline-message { padding: 0.5rem; margin: 0; border-radius: 2px; } .p-inline-message.p-inline-message-info { background: #A3DEF8; border: 1px solid #79C8EB; border-width: 1px; color: #212121; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #212121; } .p-inline-message.p-inline-message-success { background: #A3E2C6; border: 1px solid #A3E2C6; border-width: 1px; color: #212121; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #212121; } .p-inline-message.p-inline-message-warn { background: #ffe277; border: 1px solid #ffe277; border-width: 1px; color: #212121; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #212121; } .p-inline-message.p-inline-message-error { background: #ff8b8b; border: 1px solid #ff8b8b; border-width: 1px; color: #212121; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #212121; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 2px; } .p-message .p-message-wrapper { padding: 1rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-message.p-message-info { background: #A3DEF8; border: 1px solid #79C8EB; border-width: 1px; color: #212121; } .p-message.p-message-info .p-message-icon { color: #212121; } .p-message.p-message-info .p-message-close { color: #212121; } .p-message.p-message-success { background: #A3E2C6; border: 1px solid #A3E2C6; border-width: 1px; color: #212121; } .p-message.p-message-success .p-message-icon { color: #212121; } .p-message.p-message-success .p-message-close { color: #212121; } .p-message.p-message-warn { background: #ffe277; border: 1px solid #ffe277; border-width: 1px; color: #212121; } .p-message.p-message-warn .p-message-icon { color: #212121; } .p-message.p-message-warn .p-message-close { color: #212121; } .p-message.p-message-error { background: #ff8b8b; border: 1px solid #ff8b8b; border-width: 1px; color: #212121; } .p-message.p-message-error .p-message-icon { color: #212121; } .p-message.p-message-error .p-message-close { color: #212121; } .p-message .p-message-text { font-size: 1rem; font-weight: normal; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 0.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-toast .p-toast-message.p-toast-message-info { background: #A3DEF8; border: 1px solid #79C8EB; border-width: 1px; color: #212121; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-success { background: #A3E2C6; border: 1px solid #A3E2C6; border-width: 1px; color: #212121; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-warn { background: #ffe277; border: 1px solid #ffe277; border-width: 1px; color: #212121; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #212121; } .p-toast .p-toast-message.p-toast-message-error { background: #ff8b8b; border: 1px solid #ff8b8b; border-width: 1px; color: #212121; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #212121; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #ebedef; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #ebedef; } .p-galleria .p-galleria-item-nav { background: rgba(0, 0, 0, 0.2); color: #aeb6bf; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 2px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(0, 0, 0, 0.3); color: #ebedef; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #ebedef; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #7B95A3; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #617c8a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #AFD3C8; color: #385048; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #AFD3C8; color: #385048; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #aeb6bf; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-avatar { background-color: #dadada; border-radius: 2px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #a3897b; color: #ffffff; } .p-badge.p-badge-success { background-color: #A3E2C6; color: #323E39; } .p-badge.p-badge-info { background-color: #A3DEF8; color: #3D4447; } .p-badge.p-badge-warning { background-color: #ffe38e; color: #333333; } .p-badge.p-badge-danger { background-color: #F4B6B6; color: #262222; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dadada; color: #666666; border-radius: 16px; padding: 0 0.429rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.2145rem; margin-bottom: 0.2145rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 1.929rem; height: 1.929rem; margin-left: -0.429rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 2px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 2px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f4f4f4; color: #666666; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-progressbar { border: 0 none; height: 24px; background: #efefef; border-radius: 2px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #7B95A3; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 24px; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f4f4f4; } .p-skeleton { background-color: #dadada; border-radius: 2px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #7B95A3; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 2px; } .p-tag.p-tag-success { background-color: #A3E2C6; color: #323E39; } .p-tag.p-tag-info { background-color: #A3DEF8; color: #3D4447; } .p-tag.p-tag-warning { background-color: #ffe38e; color: #333333; } .p-tag.p-tag-danger { background-color: #F4B6B6; color: #262222; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-terminal { background: #ffffff; color: #666666; border: 1px solid #dadada; padding: 0.571rem 1rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .p-panel .p-panel-header .p-panel-header-icon { color: #ffffff; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #ffffff; } .p-dialog .p-dialog-header .p-dialog-header-icon { color: #ffffff; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #ffffff; } /* Customizations to the designer theme should be defined here */ /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css ***! \************************************************************************************************************************************************************************************************************************************************/ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (min-resolution: 192dpi) { .iti__flag { background-image: url('flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-base/styles/material.css (1) ***! \***************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: "e-icons"; font-style: normal; font-weight: normal; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMjeaTzgAAAEoAAAAVmNtYXD8vvwpAAALbAAACnBnbHlmMS7//QAAGtQAAf9MaGVhZB7ObakAAADQAAAANmhoZWEIXgY8AAAArAAAACRobXR47Ab+rAAAAYAAAAnsbG9jYUQgwgoAABXcAAAE+G1heHADpgHQAAABCAAAACBuYW1lc0cOBgACGiAAAAIlcG9zdCbPOOUAAhxIAAAoYQABAAAEAAAAAFwEAP/A/8AEQAABAAAAAAAAAAAAAAAAAAACewABAAAAAQAA8GBgHV8PPPUACwQAAAAAAN3XlFYAAAAA3deUVv/A/+QEQAQcAAAACAACAAAAAAAAAAEAAAJ7AcQAIQAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA4RHsKgQAAAAAXAQcABwAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQA/+QEAP/kBAAAAAQA/+QEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQA/8AEAAAABAAAAAQAAAAEAAAABAAAAAQA/8AEAAAABAD/wAQAAAAEAAAABAAAAAQAAAAEAAAABAD/wAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAACAAAAAwAAABQAAwABAAAAFAAEClwAAAFWAQAABwBW4RXhKeE54UXhnOGf4gbiCuIM4h7iLeIv4kLiReJI4lHiVOJW4lniYuJl4mficeJ54onikuKV4pjjAOMC4wTjBuMI4wrjDuMV4xvjHeMi4yTjJuNf42rkCeQZ5CHkJOQw5DbkSeRZ5GLkieST5JnkpOUB5QPlB+UJ5RHlGOUj5SflVOVZ5XHlpOWn5hXmaeZ55oPmiecB5xnnIecp5zjnP+dM517no+en57Dn6efu5/nn/Of/6BjoHugl6CfoKugu6DboOeg96EHoQ+hJ6EvoTuhS6FnoW+hp6Hnol+if6QXpB+kT6SHpJukr6TDpNek36TzpRelK6U3pVulj6WnpdOl36YTpjumT6Zrpnep36n/qguqF6ojqi+qO6pvqn+sA6wXrDus36zrrPutB60PrR+tK603rT+tR61PrW+td62DrZuuI65Prleug66Lrpuuq67PsKv//AADhEeEh4TDhQOGS4Z7iA+II4gziHuIq4i/iQOJF4kjiUeJT4lbiWeJi4mXiZ+Jw4nPigOKQ4pTimOMA4wLjBOMG4wjjCuMM4xPjG+Md4yLjJOMm4zDjauQB5BDkIOQk5DDkNORA5FDkYOSG5JDkleSk5QHlA+UF5QnlEeUV5SDlJeVU5VblauWh5abmAOZR5nDmgOaF5wDnA+ch5yTnMuc650rnXuej56fnsOfp5+7n+ef85//oE+ge6CPoJ+gq6C7oMeg46D3oP+hD6EboS+hO6FDoVOhb6F/ocOiA6JnpAOkH6QnpFukm6SrpMOky6TfpPOlE6UrpTelW6WPpael06XfphOmO6ZPpmumd6nTqf+qC6oTqiOqL6o7qkeqe6wDrAusN6zXrOus860HrQ+tH60nrTOtP61HrU+tb613rX+tm64jrk+uV66Drouum66jrs+wE//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBVgFeAW4BgAGKAZ4BoAGmAaoBqgGqAbABsAG0AbQBtAG0AbYBtgG2AbYBtgG2AbgBxAHWAdoB3AHcAdwB3AHcAdwB3AHcAeAB5AHkAeQB5AHkAeQCQgJCAlICZAJmAmYCZgJqAnwCjgKSApgCngKmAqYCpgKmAqoCqgKqArACtgK6AroCwALOAtQC1gMAAzADQgNIA1ADUgN+A34DiAOUA54DogOiA6IDogOiA6IDogOiA6IDogOsA6wDsAOwA7ADsAO6A7wDvAPAA8ADxgPGA8YDygPUA9QD6AP6BCgENAQ+BD4EUgRoBGgEagRqBHAEcARwBHIEcgRyBHIEcgRyBHIEcgRyBHIEcgRyBHIEeAR4BHgEegR6BHoEegSOBJAEkASWBJgEnAScBKAEoASgBKAEogSkBKQEpASkBKQEpASmBKYEpgSmBKYEpgSmBKYEqgSqAAACFQIyAj0CJAICAggCCQIKAgsCDAINAg8CEAIRAhICEwIUAhsCHAIdAh4CJQImAi0CNAI1AioCFwIhAg4BxAG6AbsBvAG9Ab4BvwHAAcEBwgHDAcUBxgHHAcgByQHKAGgBywHMAGkAagBrAGwAbQBuAG8AAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8BQgBzAHQAdQB2AHcAeAB5AHoAewB8AH0AfgB/AIAAgQCCAIMAhACFAIYAhwCIABAAEQASABMAFAAVABYAFwAYABoAGwAcAB0AHgAZAHEAcgDKAJsAnACdAJ4AnwCgAKEAogCjAKQApQCmAKcAqACpAKoAqwCsAK0ArgCvALAAsQCyALMAtAC1ALYAtwC4ALkAugC7ALwAvQC+AL8AwADBAMIAwwDEAMUAxgDHAMgAyQA2Ac0BzgHPAdAB0QHSAdMB1AHVAdYB1wHYAdkB2gHbAdwB3QHeAd8B4AAfACAAcADLAeEB4gHjAeQB5QHmAecB6AHpAeoB6wHsAe0B7gHvAfAB8QHyAfMB9AH1AfYB9wH4AfkB+gH7AfwB/QH+Af8CAAIBAgMCBAIFAgYCBwFrAIkAigCLAIwAjQCOAI8AkACRAJIAkwCUAJUAlgCXAJgAmQCaAQwBDQEOAQ8BEAERARIBEwEVARYBFwEYARkBZQFmAWcBaAFpAWoBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQFsAW0BbgFvAXABcQFyAXMBdAGVAZQBkwGSAZcBkQGYAZkBlgGaAZsBnAGdAZ4BdQF2AXcBeAF5AXoBewF8AX0BfgF/AYABgQGCAYMBhAG0AbUBtgG3AbgBMgEzATQBNQAlATcBOAE5AToAJgE8AT0BPgE/AUABQQE2ATsBhQAnAYYBhwGJAYoBiwGMAY8BiAGNAY4BkAGfAaABoQGiACgBqAGnAbABqgGrAawBrQGuAa8BsQGyAbMAKQAqACsALAAtAC4ALwAwADEAMgGjAaQBpQGmAbkAMwA0AakANQIjADcAOAInAigCKQA5AisCLAIuAi8AOgA7ADwCMQIzAjYCNwA9AjkAPgA/AjoCOwI8AEACPwJAAkECQgBBAEIAQwJEAkUCRgJHAkgCSQJKAksCTAJNAk4CTwJQAlECUgJTAlQCVQJWAlcCWAJZAloCWwJcAl0CXgJfAmACIgJhAmMCYgJkAmUCZgBEAEUCGAIZAhoCHwBGAEcCMAJnAmgCaQJqAmsCbAI4AEgCQwEUAEkCFgEbAEoCbQJuAm8CcAJxAnIASwIgAj4ATABNAE4ATwBQAnMCdAJ1AnYCdwJ4AFEAUgBTAnkCegBUAFUAVgBXAV4AWABiAFkAWgBjAGQAWwBcAF0AXgBfAGAAZQBhAGYAZwDMAM0AzgDPANAA0QDSACEAIgAjACQA0wDUANUA1gDXANgA2QDaANsA3ADdAN4A3wDgAOEA4gDjAOQBXQFcAVsBQwFEAUUBRwFIAUkBSgFLAUwBTQFOAU8BUAFRAVIBUwFUAVUBVgFXAUYBWQFaAVgBYAFhAV8BYgFjAWQBGgDlAOYA5wDoAOkA6gDrAOwA7QDuAO8A8ADxAPIA8wD0APUA9gD3APgA+QD6APsA/AD9AP4A/wEAAQEBAgEDAQQBBQEGAQcBCAEJAQoBCwAAAAABCAI4AnQC6ANyA6IDuARKBVIFZAY4BwwHMAd+B4wHsAfSB/YIFgjWCXQKugtkDGwM1A4EDngO9g9YD8gQ3hHWEpITZhR2FVAVkhZOFrYW7hcaF1IXdBf0GJQYsBjOGXgZjhpQGpIaqhrIGt4a7Br6GwgbFhswG0gbVhtkG5AbohuwG8gb4hwAHCocRhxiHMwc4Bz6HQ4dJB06Hdod6B32HiIeNh6UHvQfFh8qHzofTh+0H9Yf7CAEIBIgpiC+IZYiniMiI1wjciQCJBwlBCWkJsIm9CgSKKYpQilkKXopkCmeKbQp9CsUK7YsyC4gLxIvPi/oMB4wUjCMMMgyKjLMM3Q0ojXWNn42yjcMOHI5HDmIOfA6KDpgOtY7YDv8PDw81D0SPVA9aj2EPZ493j4GPjA+WD58PzA/UD9uP9JAIEBCQGpBEkEwQl5CcELkQv5DJENcQ9BD9ERuRWZGwEd+SABI0EnuSkZKjkqqSsxLnku6S+BM9k1ITZROCE6GTqRO9k84T1RPbE+AUApQMlBSUG5SGlMgU3RTyFPkU/ZUGFRCVNxU+FUuVWZVkFXIVfxWNlZUVo5WtlbgVxRXjlemV9hX8FjKWPRZUlluWYJZmFm0Ws5b8FwMXFpdYl28XdZfIF+yX9BgSmC+YORhvGI2YuxjaGQgZHJktmUGZRRlOGWAZfRmEGbeZuxnBmdQZ4BoOmhoaJBotmjkaPhpDGkYaSRpMmlAavZrBGsSayBrLmwGbHBslG1MbcRt/m4Yb0ZvcnBUcO5xBHFicYRx2nJYcr5zvnPWc+50XHSAdVh1bHZGdqx4HniueUR6BHo+exh7jHxyfMh9gH3+f0iAaIDUgOyBEIEygWKCRoKQgzSDUoN+g7yEDoSshMqFFoZIhqKG/ocwh3qIaIiyiNSJHolKidiKEIouikyKmIqsisqK+Isui4yLyoyKjKiM0Iz8jRqNco26jliObI6CjpiOrI7QjvKPKo9Oj3KPgI+Yj7CQxJDkkRKRUJGakfCSGJI6kyiUKJTalY6WQpb6l4aZJpogmxCblJwWnTidvp5EnqSfOJ/UoOShGKGaoaihvqHcogKiMKJko9ikRqTupVyl/qY+pnamrqcAp06nYqesqKyo8KlSqWCpfqmWqa6pyqniqgqqqqrsqyyrrKyErTauCK4urpqwMLDMsZCx0LKUswCzcrP2tIy1FLV0tai12rYOtki2fLa8tvK3OrfQuBy48LkyuWa59rpUup669rtOu5C76L0UvYC+cr9GwDjBAMHKwhLDXsPSw/LEJsRmxJTEwMT2xSjFfMWYxdrGHMZcxsbHCMdWx4rHwMfqyGDIfMiqyMzJBMk+yXjJ0sokyl7KussAy0DLzMwgzG7MsM4SznrOvM8Sz4rP0NCq0PzRaNHO0g7SRNKY0vbTSNOc09zUFtRo1KjU+tWE1dLWEtZo1qrW/NdO13rYDNiG2WTZrNoW2mjayNse3Q7dPN1q3lrewN7g3xDgkuDo4Qbh7OJ24qbiwOME40zjkuRS5PjliOW+5jrmjObc5yLnfOgE6ELobOjU6QDpPul26aDqHuvW6/zsPuxk7Mjs7u1A7WDuYu7y7zzwQPCc8MTw/PE28YbyWPKI8270KvSs9VT15PZ29qb25Pcg92D3ive8+Xb53Pp2+pL6uvwW/Db8yP1c/fr+jP8o/37/pgAHAAAAAAPUA/QAGQAiADcAQwBYAMYA0gAAAQ8GKwEvAT0BPwozBRcjFTMHFzcvAR8FFQ8EIy8ENzMnDwQ/AR8DJw8BLwI1PwYzHwUnIw8JHwMPER8HOwE/Dx8GOwE/BzUvCg8CLwY/AS8IASE1IREhFxEzESchASMEAxcJCAcEAwMFAwIEBAUGBg0GBwYGBAH6N/PzODmDg68EAwYDAgEBBQQGBg0ODxAPECQgmRMTIyEfKRUECRIMGwERDAQBAQECAwMDAwQEAwMCAgEWBgcGBgUFBAEDAQEBAgMaAiAWDgsEKxoNDAwLBQkGAgIBAQQFBgQEBQUGBgYHBgcHBw4QEBITFi4tLRcLFhcXFxUSCAgGAwwGBgICAQECAgIHCQwMDg4OHSAWFRgaEA0FBBkDAQICAwQECAkI/n8DLf0SAgapP879oQGWCAcuDgoGAgEGBwcIBwgIBwcMBgQDAhs3XTYxlZc8AQEDBAMEAwMCAgEBAwQGBwoBEQQFCwsMWzYHEBkQ/gVbPhsNBQUEBAICAQECAgMEBgZAAQMDBQYIBA8LCgoTFGMJWDQdEwUWEQkLCwwGDA4GBwcICwgIAwICAQICBAQFBw8VGR4lCA4NCgUHDAsIBwUCAgEHBgkFBQYHCAgEAwYGBQQDAgEBAwQWHiMZFwsJeh4JBwYFBAQFBAH8pj4DbKz+1wFD0AAAAAAFAAAAAAPUA/QACAASAJAA+AEEAAABFyMVMwcXNy8BMzcjDwExLwEjDwcVHw4dAQ8FKwEvBiMVHwwzFz8MNS8PPwcfBzM1Lw0PDR0BHw4zPw4jDwcjLwk/CjMfBjMvDisBDwUDITUhESEXETMRJyEDGjfz8zg5g4P1M0Q4IQQEITifBQQEAwICAQECAgIDBAQKDA4lCQYDAgICBAQFBgcIBwYFBQMCATIBAgMDBAQGBQcHCAgJCRMRCAcHBwUGBAQDAwIBAQECAwMDBAoNDyUKBQMBAQEBAgQEBAYGBwYFBQMCAQE1AQICAwQFBQYGBwcICRIJEAgHBgbLBQUEAwMCAQECAwMEBQUGBwcJCQkLCwgICAgHBwYGBgUEAwICAQEyAQIDBAUFBwcFCQQDAwMCBAIBAQEBAwMCAwMDBAQKCAYGBQQCAgEyAQEBAwMEBAYGBgcHCAgJCQsKCggJBweRAy39EgIGqT/O/aEBezddNjGVlzXGfBQUfA4FBAUGBQYGBwsGBQQFBAMHBQUJBQUDBAUEBQMDAwIBAgIDBAUGCAcGBgYGBQYFBQQDAwICAQMBAwMDBAQFBQUGBgYHDAUFBQQEBAcFBQkEBQMEBQQFAwQCAgEBAQECBAQEBQYHBgcGBQUFBQQEAwICAgEBAgICAwQOBwgICQkKCwsQCgoKCAkHBwcFBQQDAgEBAQICAwMEBQUGBgYHBwcHBgYFBQMDAQECAgIDAwQICgwNEgwKCAQDAwICAQECAwUFBgcHCAgIBwcGBgYFBAMDAgIBAQIDBAUG/Xc+A2ys/tcBQ9AAAAMAAAAAA9QD9AAIABQAIAAAARcjFTMHFzcnAQcnBxcHFzcfASc3ASE1IREhFxEzESchAxo38/M4OYOD/nNDOVtfZlhAQV9ubv4MAy39EgIGqT/O/aEBezddNjGVlwFropwF0sUIo6kH39787z4DbKz+1wFD0AAAAAUAAAAAA8AD9AADAAcACwAPAFsAAAEzNSMHMzUjBzM1IyURIRE3Iw8OFQMfDyE/DxEvDyM1IxUhNSMClmNjyGRkx2NjAlb9RjIyCgoKCQkIBwcHBgQFAwICAQEBAwMEBQYGBwgICQkKCgoCugoKCgkJCAcIBgYFBAMDAQEBAQMDBAUGBggHCAkJCgoKMmP+cGMBzmRkZGRkZP3aAib6AQEDAwQFBgYHCAgJCQoKCv1ECgoKCQkICAcGBgUEAwMBAQEBAwMEBQYGBwgICQkKCgoCvAoKCgkJCAgHBgYFBAMDAQFkZGQAAAACAAAAAANuA14ASQBoAAABDwQfBA8EHwc7AT8DHwM7AT8EPQEvAz8DPQEvBisBDwMvAysBDwEBDwYVHwIBETMRAT8DLwYjISMCpRsCAgEBAQECAjo6AgIBAQEBAgIbAwMDBAQDBAM5OgMDBAMEBAMgAgEBAgM5OQMCAQECAxoDAwQEAwQDAzo5AwQDBAQDA/4EBQQJAwMBAQMFBwEldAEgCQYEAQEBAwMJCQkK/X4KAYYbAwMDBAQDBAM5OgMDBAMEBAMDGgMCAQECAzk5AwIBAQIgAwQEAwQDAzo5AwQDBAQDAwMbAgIBAQICOjoCAgEBAgHUAQIFAwQEBQQJCQn+2/6iAV4BIAoJCAkFBAQDBQMCAAABAAAAAANtA10AHgAAEw8GFR8CAREzEQE/Ay8HISOsBQQJAwMBAQMFBwEldAEgCQYEAQEBAwMJCQkK/X4KA1wBAgUDBAQFBAkJCf7b/qIBXgEgCgkICQUEBAMFAwEBAAACAAAAAALRAucAAwAHAAABMQcnFwctAQKm42BIfAGi/l4CAgKzs+fp5QAAAAIAAAAAAn0CfQA/AH8AAAEVDw0rAS8NPQE/DTsBHw0HHw8/Dy8PDw4CUwECAwQEBQUGBgcIBwgJCAgJCAcIBwYGBQUEBAMCAQECAwQEBQUGBgcIBwgICQkICAcIBwYGBQUEBAMCAdABAgMEBQYICAkJCgsMDAwNDQwMDAsKCQkICAYFBAMCAQECAwQFBggICQkKCwwMDA0NDAwMCwoJCQgIBgUEAwICAAkICAcIBwYGBQUEBAMCAQECAwQEBQUGBgcIBwgJCAgJCAcIBwYGBQUEBAMCAQECAwQEBQUGBgcIBwgJCA0MDAwLCgkJCAgGBQQDAgEBAgMEBQYICAkJCgsMDAwNDQwMDAsKCQkICAYFBAMCAQECAwQFBggICQkKCwwMDAAGAAAAAANrAmcAEAAwAFMAmQDRANsAAAEfAyM/Bx8CBR8CHQEPBi8GPQE/Bh8CNycjFTM1PwQfBh0BMzUvBiMPBDcPBxUfDj8HJw8HLwczNS8NIw8CBQ8HHw8/CjUvDiMPAgUzNRczNSMVJyMDPAQDAgFHAgMDBAUGBwcHBwX+pAQEAgIDBQUHBwgJBwcFBQMCAgMFBQcHCAkHBoIBISMFBQMDCQYGBQQDAgEjAgMFBggJCwwGBQQEBJ4JBwYFBQICAQECAwMDBQUGBgYHCAgICAsJCQkIBwYFFAQEBQUGBQYGCQgHBwUEAwFsAQICAgMEBQQGBgYHBwgICgoK/pMHBwYFBAMCAQEBAQIDBAQEBgUGBwYIBwkKCgkJCAYGBQQDAgEBAgIDBAQEBgUGBgcHBwgKCgn+8yVwJSVwJQIWBQcHCwkHBwUFAwIBAQICCQgJCgsNCwkIBgQDAQEDBAYICAsLDQsJCAYEAwEBAwQPEp1wCAUCAgEBAQIDBQUGB2VuDAsJBwUEAQEBAgMDAgYHBwkKCgsLDQgIBwcGBgYFBAQDAgEBAQEBAwMEBQYHEgUEAwMCAQEBAQIEBQYHCAkYCAgIBwYGBQUEBAMCAgEBAgMEBgYICAoKCwsLCAgIBwcGBgUEBAMDAQEBAQIDBAYGCAkJCgsLEQcIBwYGBgUFBAQDAgIBAQIDnZOT0JSUAAABAAAAAALGApwABQAAAScHFwEnAb5YLIQBCCwBvVkshgEMLAAXAAAAAAKHAocAAwAHAAsADwATABcAGwAfACMAJwArAC8AMwA3ADsAPwBDAEcASwBPAFMAVwCfAAABMzUjBzM1IwczNSMHMzUjBzM1IzczNSMHMzUjNzM1IwczNSM3MzUjBzM1IwczNSMHMzUjNzM1IwczNSM1MzUjFzM1IzczNSMHMzUjBzM1IwczNSMHMzUjFwc1IxUzBzUjFTMHNSMVMwc1IxUzDwMdAR8FOwE/AhUzNSM3FTM1IzcVMzUjNxUzNSM/Aj0BLwUrAQ8BAnMUFCoVFSoVFSkUFCoVFacUFH0UFH0UFPoUFPoUFCoVFacVFSkUFPoUFPoUFBQUfRQUKRUVKRQUKhUVKhUVKRQU6wYVDEsUDCEVDEsUDAYDAgEBAgMDBAMEBAQECRUMSxQMIRUMShUMCQIBAQIDAwQEBAMEBAF5FBQUFBQUFBQUFRUVFRUVFRUVFBQUFBQUFBUVFRUVFRUVFBUVFRUVFRUVFQYGDBRLDBUhDBRLDBUGAwQEBAQDBAMDAgEBAgkMFEsMFSEMFEsMFQkEAwQEBAQDAwIBAQIAAAAAFwAAAAAChwKHAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwCKAI4AkgCWAJoAngAAATM1IwczNSMHMzUjBzM1IwczNSM3MzUjBzM1IzczNSMHMzUjNzM1IwczNSMHMzUjBzM1IzczNSMHMzUjNzM1IwczNSMnDwIdAR8CIxUzNRcjFTM1FyMVMzUXIxUzNR8COwE/BT0BLwMzNSMVJzM1IxUnMzUjFSczNSMVLwIrAQ8BFzM1IwczNSMHMzUjBzM1IwczNSMCHxUVKRQUKhUVKhUVKRQUfRQUfRQU+hQU+hQU+hQUKhUVpxUVKRQU+hQU+hQU+hQUfRQUdwMCAQECCQwUSwwVIQwUSwwVCQQEAwQEBAMDAgEBAgMGDBRLDBUhDBRLDBUJBAQDBAQE8RQUKhUVKhUVKRQUKhUVAXkUFBQUFBQUFBQVFRUVFRUVFRUUFBQUFBQUFRUVFRUVFRUjAwQDBAQEBAkVDEsUDCEVDEoVDAkCAQECAwMEBAQEAwQDBhUMSxUNIRUMSxQMCQIBAQIRFBQUFBQUFBQUAAAAAAQAAAAAAtoC2gADAAcACwAPAAABFzcnNxc3JwUXNyc3FzcnAaJeXl4fXl5e/qheXl4fXl5eAYNeXl4fXl5eXl5eXh9eXl4AAAEAAAAAAn0CfQA/AAABHw8/Dy8PDw4BgwECAwQFBggICQkKCwwMDA0NDAwMCwoJCQgIBgUEAwIBAQIDBAUGCAgJCQoLDAwMDQ0MDAwLCgkJCAgGBQQDAgIADQwMDAsKCQkICAYFBAMCAQECAwQFBggICQkKCwwMDA0NDAwMCwoJCQgIBgUEAwIBAQIDBAUGCAgJCQoLDAwMAAAAAAEAAAAAAmgCaAADAAABMzUjAZjQ0AGY0AAAAAACAAAAAAP0A7UABQALAAAJAhcJAQUJARcJAQHMAVb+qmgBwP5A/dgBV/6paQG//kEDT/6x/rFnAbYBtmf+sf6xZwG2AbYAAAACAAAAAAP0A7UABQALAAAJATcJAScJATcJAScBzAG/af6pAVdp/IEBwGj+qgFWaAIA/kpnAU8BT2f+Sv5KZwFPAU9nAAIAAAAAA7UD9AAFAAsAABMJAScJAQMJAScJAUoBtgG2Z/6x/rFnAbYBtmf+sf6xAcz+QAHAaP6qAVYBV/5BAb9p/qkBVwAAAAIAAAAAA7UD9AAFAAsAADcXCQE3ASEXCQE3AUpnAU8BT2f+Sv5KZwFPAU9n/kp1aQFX/qlpAb9oAVb+qmgBwAACAAAAAAN3A/QAVACpAAABHwcPHiM1Bxc1Px8vByUPHx8HNy8HPx4zFTcnAvgHBwYEBAMBAQEBAgIDBAQFBQcGBwgJCQoKCgsLCwwMDA0NDQ0ODg4PuroUExMTEhESEBEQDw8PDg4NDQwLCwkJCAcHBQUEBAICAQEEBAcICgwN/sQUExMTEhESEBEQDw8PDg4NDQwLCwkJCAcHBgQFAwICAQEDBQcICgwNRAgGBgQEAwEBAQECAgMEBAUFBgcHCAkJCgoKCwsLDAwMDQ0NDQ4ODg+6ugKADxAPEBAQEREODg4NDQ0MDQsMCwsLCwoKCQkICAcGBgUFBAQDAgIBiLW3iAECAgMEBQYGBwgICgoLCw0NDQ4ODw8PEBARERISEhMTGxoZGRcYFhaqAQICAwQFBgYHCAgKCgoMDA0ODg4PDw8QEBEREhISExMbGhkZFxgWFkIPDw8QEBEREQ4ODg0NDQ0MDAsMCwoLCgoJCQgIBwYGBQUEBAMCAgGItbcAAAADAAAAAAOcA/QAKQBlAHsAAAEfBw8HFz8PLwclFw8HHwc3LwY1PwcBDwcjNQcXNT8HFzcBBQ8IFz8HFTcnAxEIBwUFAwMBAQEDBQYHCgoNQgoJCAgHBwYGBQQEAwICAQEBAwUHCAoMDf0Pfw8NCgkHBQQCAgMFBggKDA5ECAcFBQQCAgEBAwQGBgcJAXMLDQ4ODg8PEBC6uhoaGBgXFxUbiTj9AAF9DxAeHRwbGRkYQhERExIUFBUVu7sCgA8QDxAQERARFxYVFRMTExFEDAwNDQ0ODQ8ODw8PEBAQERsaGRkXFxcWjIIXFxgZGhsbHRsaGRkYFxYWQg8PDxAQERERExIREREQEBD+hQUFBQQEAgMBiLW3iAICBAYHCAkPjDkDERsBAQQFCAoLDRBDCgkHBgUEAgGItbcAAAAAAwAAAAADhgPzAIsAywElAAATDwcfFj8WLw8HHwkdAQ8RLxI/CicPBgEVDw0rAS8NPQE/DTsBHw0lDwoVHxA/EDUvGg8OpAoIBwYFAwICAQIDAwQGBQcICAkKCwwaHB4gIiMlJykpJyUjIiAeHBoMCwoJCAgHBQYEAwMCAQICAwUGBwgKCgwMDQ8PEBEeChIPDgoIAwMCAQECAwMECQwPERMWFxgZGhwdHh4dHBoaGBYWChIQDQsIAwMCAQEBAQIDAwMKDA4REx4REA8PDQwMAb8CAgQFBQcHBwkJCQoLCwsLCwoLCQkJBwcHBQUDAwICAwMFBQcHBwkJCQsKCwsLCwsKCQkJBwcHBQUEAgL+xA0NDAwKCAgFBQICAgIDBAUFBgYPEBMVIzhJFwYDDR5kJBYUEg8OBgUEBAQCAQEDBAYHCQoLDQ0NCwsLCwwMDQ0NDQ4ODg8PDw8PDw4ODg0NDQ0MCwwLCwEeCgoKCwoLCwsKCgoJCgkJCAkICAgHBw4NCwkIBQUCAQECBQUICQsNDgcHCAgICQgJCQoJCgoKCwsLCgsKCgoKCQkICAgHByoFCQkKCwsGBgYGBgcGBQYGBQsKCQoICAcGBAQDAQEBAQMEBAYHCAQJCQoLCgYGBQYHBgYGBgYGCwoKCQkqBwcICAgJCQGjCwsKCwkJCQcHBwUFAwMCAgMDBQUHBwcJCQkLCgsLCwsLCgkJCQcHBwUFBAICAgIEBQUHBwcJCQkKCwvLDg8QEREREhITExMTExMTEhEREBAhICAhMUtdGgUCDiODMiAhICAhEBEQExMTExMTExMREhIRERAPDgoJCQgHBwYFBQQEAwICAQEBAQICAwQEBQUGBwcICQkAAAUAAAAAA7UD8wADAAcACwAsAIkAAAEVITUlFSE1JRUhNSUfBA8HLwc/Bx8CJw8HIw8NER8NIT8NES8NIy8PIw8FAl7+qAH0/gwB9P4MARwDAwQDAQEDBAYHCAkKCgkIBwYEAwEBAwQGBwgJCgoJCG8JCAgHBgUFBdEQCAcHBwYKCAcGBAMCAQECAwQGBwgKBgcHCAcQArQQCAcHBwYKCAcGBAMCAQECAwQGBwgJBwcHBwgQ0QUFBQYHCAgJCQoKCgsLCwwMCwsLCgoKAUNdXbpdXbtdXcIEBAgJCgoJCAgGBAMBAQMEBggICQoKCQkHBgQDAQEDBFkHCAgICgkLCwICAwMEBAkJCQoKDAsN/UUMDAsLCgkJCAUEAwICAwMCAgMEBQgJCQoLCwwMArsNCwsLCgkJCAUEAwMCAgsKCgkJCAgHBgYEBAMCAQECAgMEBAYAAAAFAAAAAAP0A9QABQBFAIYAigDaAAAlFzcnNSMXDw4rAS8NPQE/Dh8OBRcVHw4/Dy8PDw4DESURJQ8BLwElLwEjBwUPBREfBzM/ATsBFwUXOwE/AS8FNT8VMx8BES8HIwM4Tw8+IJ0BAgQEBgcICQoLDAwNDg0PDg4ODA0LCwoJCAcGBQQCAgQFBgcICQoLCwwNDg4ODg4ODQwMCwoJCAcGBAQC/sgBAwQGBwkKCwwNDg8QEREREhEQEA8ODQ0LCggIBQUCAQECBQUICAoLDQ0ODxAQERIREREQDw4NDAsKCQcGBANf/ucBOQUGBQb+8gUFBgX+9QQDAwIBAQEBAgMEBAUFA/0FBgUFAQ8FBQUGMwYFBAICAQICAwQEBQYHBwcICQkJCgsLEhIREhEQEBABAQMCBAQFBQe3LhskXU4ODg4MDQsLCgkIBwYFBAICBAUGBwgJCgsLDQwODg4PDQ4NDAwLCgkIBwYEBAIBAQIEBAYHCAkKCwwMDQ0ODwkIEREQDw4NDAsKCQcGBAMBAQMEBgcJCgsMDQ4PEBERERIREBAPDg0NCwoICAUFAgEBAgUFCAgKCw0NDg8QEBECG/3UYwIsCwEBAQFfAQECWwICAwMDBP0eBQUEBAMCAQFiAgJfAQESDQ4ODw8PEBAMDAsMCwoKCgoJCAkHBwcGCAYFAgECAwIfBQUEAwMCAgEAAAADAAAAAAPBA/QAAwAHAFMAACUzNSMlESERNysBDw4RHw4zITM/DhEvDisBNSMVITUjAgD7+wFd/UYxMQsKCgkJCAgIBgYFBAMCAQEBAQIEBAUGBwcICAkJCgoKAroKCgoJCQgIBwcGBQQEAgEBAQECBAQFBgcHCAgJCQoKCjFl/nJl0/vH/dwCJPoBAwMEBQUHBwgICQkKCwr9RgsKCQkJCAgIBwYFBAMCAgICAwQFBgcICAgJCQkKCwK6CgsKCQkICAcHBQUEAwMBZWVlAAAABgAAAAADxgP0AAcADQBOAFkAjQEJAAATMyc/AyMFFzcnNSM3HwgPDy8PPw8fBgUzPwcjJRUvBiMPHx8HIxE3KwEPDRURFR8NMyEfDz8fLw8RLw4rATUjFSE1I+gnAgEBAgMsAXKRIm5FyQgHDQsJBwUEAQEEBQcJCw0PEBESExQVFhcXFhUUExEREA8MCwkHBQQBAQQFBwkLDA8QERETFBUWFxcWFRQTEhH91U4ICAgJCgoKC5gCJw8QEREREhISERAQDw8PDw4ODQ0NDAwMCwsKCgkIBwcGBgUEBAIDAQEBAQIDBQUGB9MtLQoJCQgICAcHBgUEBAMCAQECAwQEBQYHBwcJCAkJCgEVCwsMDA0NDg4ODw8PDxAPEBEQEQ8QDw4PDg0NDQ0MCwwKCwkJCAgHBgUFBAQDAgEBAQECAwQEBQUGBwgHCQkKCgEBAgMEBAYGBwcHCAkICQosXP6WWwEpHhESERFhUzpCfxMHCBESExQVFhcXFhUUExIREA8NCwkHBQQBAQQFBwkLDQ8QERITFBUWFxcWFRQTEhEPDw0KCQcGAwEBAwYHCQoNBQ4ODQ0MDAwLYEsHBgUFAwICAQECAwQEBQUHBggICQkLCwsMDAwNDQ0ODg8OEA8QEBESEhIRERAQEAHy4wECAwMFBQYHBwcICQkJCv2GCQkJCAgIBwcGBgQEAwIBCwoJCAgIBgYGBQQEAgMBAQEBAwIEBAUGBgcHCAkKCgsLDAwMDQ0ODg4PDw8QEBAREBAPDw8PDw4PDQ0NDAwMCgEVCQkJCAgIBwcGBgQEAwIBXFxcAAAFAAAAAAPBA/QAAwAHAAsADwBbAAABMzUjBzM1IwczNSMlESERNysBDw4RHw4zITM/DhEvDisBNSMVITUjAqVWVsdVVchVVQJH/UYxMQsKCgkJCAgIBgYFBAMCAQEBAQIEBAUGBwcICAkJCgoKAroKCgoJCQgIBwcGBQQEAgEBAQECBAQFBgcHCAgJCQoKCjFl/nJlAWZVVVVVVdr93AIk+gEDAwQEBgcHCAgJCQoLCv1GCwoJCQkICAgHBgUEAwICAgIDBAUGBwgICAkJCQoLAroKCwoJCQgIBwcFBQQDAwFlZWUAAAAABwAAAAADwQP0AAMABwALAA8AEwAXAGMAAAEzNSMHMzUjBzM1IwczNSMHMzUjJREhETcrAQ8OER8OMyEzPw4RLw4rATUjFSE1IwLkVlaJVVWKVlaJVVWJVVUCnv1GMTELCgoJCQgICAYGBQQDAgEBAQECBAQFBgcHCAgJCQoKCgK6CgoKCQkICAcHBgUEBAIBAQEBAgQEBQYHBwgICQkKCgoxZf5yZQFmVVVVVVVVVVVV2v3cAiT6AQMDBAUFBwcICAkJCgsK/UYLCgkJCQgICAcGBQQDAgICAgMEBQYHCAgICQkJCgsCugoLCgkJCAgHBwUFBAMDAWVlZQAAAgAAAAADwQP0AAMATwAAAREhETcrAQ8OER8OMyEzPw4RLw4rATUjFSE1IwNd/UYxMQsKCgkJCAgIBgYFBAMCAQEBAQIEBAUGBwcICAkJCgoKAroKCgoJCQgIBwcGBQQEAgEBAQECBAQFBgcHCAgJCQoKCjFl/nJlApX93AIk+gEDAwQEBgcHCAgJCQoLCv1GCwoJCQkICAgHBgUEAwICAgIDBAUGBwgICAkJCQoLAroKCwoJCQgIBwcGBAQDAwFlZWUAAAQAAAAAA8ED9AADAAcACwBXAAABITUhNSE1ISURIRE3KwEPDhEfDjMhMz8OES8OKwE1IxUhNSMBBQFg/qAB9v4KAlj9RjExCwoKCQkICAgGBgUEAwIBAQEBAgQEBQYHBwgICQkKCgoCugoKCgkJCAgHBwYFBAQCAQEBAQIEBAUGBwcICAkJCgoKMWX+cmUBB2JlZGP93AIk+gICAwQFBgcIBwkICgkKCv1GCwoJCQkICAgHBgUEAwICAgIDBAUGBwgICAkJCQoLAroKCgkKCAkHCAcGBQQDAgJlZWUAAAAABAAAAAADxgP0AAUARgB6APYAAAEXNyc1IzcfCA8PLw8/Dx8GJxUvBiMPHx8HIxE3KwEPDRURFR8NMyEfDz8fLw8RLw4rATUjFSE1IwJakSJuRcoHBw0LCQcGAwEBAwYHCQsNDhEREhMUFRYXFxYVExMSERAPDAsJBwUDAgIDBQcJCwwPEBESExMVFhcXFhUUExIRBA8QERERERITEBEQDw8PDw4ODQ0NDAwMCwsKCgkIBwcGBgUEAwMCAgEBAQIEBAUGB9MtLQoJCQgICAcHBgUEBAMCAQECAwQEBQYHBwcICQkJCgEVCwsMDA0NDg4ODw8PDxAPEBEQEQ8QDw4PDQ4NDQwNCwwKCwkJCAgHBgUFBAQDAgEBAQECAwQEBQUGBwcICQkKCgEBAgMEBAYGBwcHCAkICQosXP6WWwErUzpCfxMHCBESExQVFhcXFhUUExIREA8NCwkHBQQBAQQFBwkLDQ8QERITFBUWFxcWFRQTEhEPDw0KCQcGAwEBAwYHCQoNwEsHBgUFAwICAQECAwQEBQUHBggICQkLCwsMDAwNDQ0ODg8OEA8QEBESEhIRERAQEAHy4wECAwMFBQYHBwcICQkJCv2GCQkJCAgIBwcGBgQEAwIBCwoJCAgIBgYGBQQEAgMBAQEBAwIEBAUGBgcHCAkKCgsLDAwMDQ0ODg4PDw8QEBAREBAPDw8PDw4PDQ0NDAwMCgEVCQkJCAgIBwcGBgQEAwIBXFxcAAQAAAAAA/QDPQAnAFgAmADYAAABHwwVITUvFSMFDw4VITUvFSsBDwUBDwYdAR8OPw8vDw8GBQ8HHw8/Dj0BLw4PBgKKCgkRDw0GBAUDAwICAQEQAgIDBQQGBgcICQkLCwsaGxsaGRgYFyH92Q0YCwsJCQgHBgYEBQMCAgJ8AgIDBAUGBgcICAoKCwsaGxoaGRgYFxcWGBgYGRobAbYJCAYGBAMCAgMEBgYICQoKCwwMDQ4ODg4NDQwLCwoJBwcFBQMBAQEBAwUFBwcJCgsLDAwNDg4ODg0NCwwK/ooJBwcFBQMBAQEBAwUFBwcJCgsLDAwODg4ODg0MDAsKCgkIBgYEAwICAwQGBggJCgoMCw0NDg4ODg0MDAsLAdEHCBEREwoKCgsMDAwMcXEJCgkJCAgICAcHBwYGBgsJCQcFBQMCKAUMBgYHBwcICAgICQkKCXFxCQoJCQgICAgHBwcGBgYLCQkHBQUDAgIDBQUHCQFjCgsLDAwNDg4ODg0NCwwKCgkIBwUFAwIBAQIDBQUHCAkKCgwLDQ0ODg4ODQwMCwsKCQcHBQUDAQEBAQMFBQcHCQoLCwwMDQ4ODg4NDQsMCgoJCAcFBQMCAQECAwUFBwgJCgoMCw0NDg4ODg0MDAsLCgkHBwUFAwEBAQEDBQUHBwAEAAAAAAQABAAABQBGAEoAmwAAARUXByc1BxUfDz8PLw8PDgEhNSEDKwEPDRURFR8NMyEvAyEvBjURFSERHwMRLw4rATUjFSE1IwNAWy5twAEEBQgJCw0PEBESFBQWFhcXFhYUFBIREA8NCwkIBQQBAQQFCAkLDQ8QERIUFBYWFxcWFhQUEhEQDw0LCQgFBP5/AgD+AEAgCgoJCQgIBwcGBgQEBAICAgIEBAQGBgcHCAgJCQoKAbIFBAMD/l0HBgUFBAMCAwAREA8QAQEDAwQFBQYHBwgJCAoJCiCA/oCAAWBzWi5ujYAMCxYWFBQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBQWFhcXFhYUFBIREA8NCwkIBQQBAQQFCAkLDQ8QERIUFBYWAYlAAQACAgQEBAYGBwcICQgKCQr9gAoJCggJCAcHBgYEBAQCAg8QERABAgIEBQYGBgKEJP69AwMEBQFyCgkKCAkIBwcGBgQEBAICQEBAAAAABAAAAAAEAAQAAAUARgBeALEAAAEVFwcnNQcVHw8/Dy8PDw4BMw8JMz8INSEDKwEPDRURFR8NMyEvAyEvBjURNRUhNREfAxEvDisBNSMVITUjA0BbLm3AAQQFCAkLDQ8QERIUFBYWFxcWFhQUEhEQDw0LCQgFBAEBBAUICQsNDxAREhQUFhYXFxYWFBQSERAPDQsJCAUE/v+pFRMJEQ8OCwUFA1UIBAUMDQgRFCL/AMAgCgoJCQgIBwcGBgQEBAICAgIEBAQGBgcHCAgJCQoKAbIFBAMD/l0HBgUFBAMCAwAREA8QAQEDAwQFBQYHBwgJCAoJCiCA/oCAAWBzWi5ujYAMCxYWFBQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBQWFhcXFhYUFBIREA8NCwkIBQQBAQQFCAkLDQ8QERIUFBYWAYAjJRIlJygpFRUWLhUVKCgUKClCMQEAAgIEBAQGBgcHCAkICgkK/YAKCQoICQgHBwYGBAQEAgIPEBEQAQICBAUGBgYCgAQkIP6dAwMEBQFyCgkKCAkIBwcGBgQEBAICQEBAAAAAAAQAAAAABAAEAAAFAEYAmQDqAAABFRcHJzUHFR8PPw8vDw8OJz8BMx8LHQEPDCMvBhUfBT8PNS8NIwc3MzUjAysBDw0VERUfDTMhLwMhLwY1ERUhER8DES8OKwE1IxUhNSMDQFsubcABBAUICQsNDxAREhQUFhYXFxYWFBQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBQWFhcXFhYUFBIREA8NCwkIBQT7FCUaExAHBgYFBAQDAgIBAQEDAgQEBQUFBwYIDxULDAsLCwoLCgsMDBocEhAQDw4NDAsKCAgFBQMCAQIDBAUGBwgKCgsMDA4OECYGk9fWIAoKCQkICAcHBgYEBAQCAgICBAQEBgYHBwgICQkKCgGyBQQDA/5dBwYFBQQDAgMAERAPEAEBAwMEBQUGBwcICQgKCQoggP6AgAFgc1oubo2ADAsWFhQUEhEQDw0LCQgFBAEBBAUICQsNDxAREhQUFhYXFxYWFBQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBQWFvYCAwIEAgMDBAQFBQUGBgcHBgYFBQUFBAMEAgICAgECAwMEBQVHBAMDAgMBAQEDBAUGCAgKCgoMDAwODgwMCwsKCQkIBwYFBAQCAgFLRAEAAgIEBAQGBgcHCAkICgkK/YAKCQoICQgHBwYGBAQEAgIPEBEQAQICBAUGBgYChCT+vQMDBAUBcgoJCggJCAcHBgYEBAQCAkBAQAAJAAAAAAQABAAABQBGAEoATgBUAFgAXABgALMAAAEVFwcnNQcVHw8/Dy8PDw4nMzUjBzM1IwU/AyM1MzUjBzM1IwczNSMDKwEPDRURFR8NMyEvAyEvBjURNRUhNREfAxEvDisBNSMVITUjA0BbLm3AAQQFCAkLDQ8QERIUFBYWFxcWFhQUEhEQDw0LCQgFBAEBBAUICQsNDxAREhQUFhYXFxYWFBQSERAPDQsJCAUEwYCAwICAAYAKCwwMLYCAwICAwICAQCAKCgkJCAgHBwYGBAQEAgICAgQEBAYGBwcICAkJCgoBsgUEAwP+XQcGBQUEAwIDABEQDxABAQMDBAUFBgcHCAkICgkKIID+gIABYHNaLm6NgAwLFhYUFBIREA8NCwkIBQQBAQQFCAkLDQ8QERIUFBYWFxcWFhQUEhEQDw0LCQgFBAEBBAUICQsNDxAREhQUFhZJgICALQwMCwqAgICAgIABAAICBAQEBgYHBwgJCAoJCv2ACgkKCAkIBwcGBgQEBAICDxAREAECAgQFBgYGAoAEJCD+nQMDBAUBcgoJCggJCAcHBgYEBAQCAkBAQAAACgAAAAAD6gPqAAMABwALAA8AEwAXABsAHwAjACcAAAEVMzUhFTM1IRUzNSUVMzUhFTM1IRUzNSUVMzUhFTM1IRUzNSUhESECuPX92Pb92PUBcPX92Pb92PUBcPX92Pb92PX+zQPW/CoBC7i4uLi4uPW4uLi4uLj1uLi4uLi49vwqAAAAAwAAAAADgwPqABoAQQCbAAABFQ8KKwETHwIhPwIRLwIBFQ8KKwERFR8GMzU3MTczNS8HJSEfDh0BMx8NFREVDw4hLw49ASMvDjURNzMCYwIEAwQFBwcJCwwPEGwBAgQFAZoFBAICBAX+egMEBAUGCAkLDQ8RFIIBAgICAwQDi7Q1iAEBAQIDAwME/tkBJwkJCAkHBwcGBgUEBAMCAi0HBwYHBQYFBQQEAwICAQECAgMEBAUFBgUHBgcHCP5sCAcHBgcFBgUFBAQDAgIBiwkICQgHCAYHBQUFAwMDAdoBAoh/DQ0HBwgHBgYEBAH+ngYDAwMDBgIiBQQCAR2aEBAJCQkICAcFBAL+VgQDAwMCAQEB2r830QQDAwMCAQEBRgEBAgMEBAUGBgcHCAgICQnRAQIDAwMFBAUGBgYHBwcH/eQIBwcHBgYFBgQEBAMCAgEBAQECAgMEBAUFBQYGBwcHCE4BAQIDBAQFBgYHBwgICAkJAbznAAAAABAAAAAAA+oD6gADAAcACwAPABMAFwAbAB8AIwAnACsALwAzADcAOwA/AAAlMxUjJTMVIyUzFSMlMxUjATMVIyUzFSMlMxUjJTMVIwEzFSMlMxUjJTMVIyUzFSMBMxUjJTMVIyUzFSMlMxUjAybFxf77xMT++sTE/vrFxQMRxcX++8TE/vrExP76xcUDEcXF/vvExP76xMT++sXFAxHFxf77xMT++sTE/vrFxdrFxcXFxcXFAcrExMTExMTEAcrExMTExMTEAcrFxcXFxcXFAAAEAAAAAAPqA+oAAwALABkAIQAAExEhEQEVITUjFSM1IREzESERMxEjNSMRIREnIRUzFTMRIegCMP4WAV5GRv5bRwK8R0eM/hbTA0lHRvwqAXT+5wEZAjHT042N/LYBX/6hAwNH/ucBGUZGR/y3AAAABgAAAAADrQPqAAMABwALAA8AEwAXAAA3IRUhNSEVITUhFSE1IRUhNSEVITUhFSFTAij92ANa/KYCKP3YA1r8pgIo/dgDWvymUz72PvY+9j72PvY+AAAAAAQAAAAAA+oD6gADAAYADAAgAAAlIRUhATMjJRcBIzUJAR8HFQ8EJz8DAckCIv3eAbQBAf7wz/2p0AHPAVMFCgoJhQYEAgIEBlgJz2MICgpMNwKUmdD9o8oB0wE5AQIEBoUJCgoKCgoJYAzPYgcGAwABAAAAAAPqA+oACwAAARcJAQcJAScJATcBA6tA/lIBrkD+Uv5YQAGo/lhAAagD60D+Vf5VQAGs/lpAAaUBpUD+WwAAAAMAAAAAA+oD6gAGABUAYAAAAQ0BNSM1MwEzGwEfATcjNTMDIwsBIwEzHw0VEScRIREhNxUPDyEvDjURPw8CzAEf/uH19f3tUilRVFAbRKRSUlJSUQHsASEKCwsFCgoJCAYCAgIBUv1JArdSAwMDBQMHCQsNCAgICgoKDP2cHAsRCwwLCgQEBAMDAgIBAQIGBQcJCwYHCAgJCgoLDAIAzMtQ9AHD/uIBHgPyo1L+ZwEe/uICFAUDBAYDCAkLDRAICQoLC/5CMgG5/M5SGS4KCwsGCwsJCQMEAgMBAQECAwUFBwkLBgcICAkKCgsMAuAcCxELCwsKBAUDBAIDAQEBAAACAAAAAAPqA+oACwCLAAABBxcHFzcXNyc3JwcRHx8PHy8fPx4BXF6kpF6kpV6kpF+kGRkZGBgXFxYWFRQUExMSERAQDg4NCwsKCQgGBgQDAgEBAgMEBgYICQoLCw0ODhAQERITExQUFRYWFxcYGBkZGRkZGRgYFxcWFhUUFBQSEhEQEA4ODQsLCgkIBgYEAwIBAQIDBAYGCAkKCwsNDg4QEBESEhQUFBUWFhcXGBgZGQMDX6SkXqSkXqSkXqQBjQECAwQGBggJCgsLDQ4PDxAREhMTFBQVFhYXGBcYGRkZGRkZGBgXFxYWFRQUExMSERAQDg4NCwsKCQgGBgQDAgEBAgMEBgYICQoLCw0ODhAQERITExQUFRYWFxcYGBkZGRkZGRgXGBcWFhUUFBMTEhEQDw8ODQsLCgkIBgYEAwIAAAMAAAAAA+oDRwADAAcACwAAATMVIwMhFSEDIRUhAZPa2toCjv1ypAPW/CoBJm0Bfm0BfW0AAAAAAQAAAAAD6gPqAAsAAAETIREhEwUDIREhAwKLAgFe/qMB/vYC/pIBbQED6/6X/vb+ngEBYwEKAWgAAAAAAQAAAAAD6gPqAIcAAAEfDw8HCQEfBw8PLwcJAQ8HLw8/BwkBLwc/Dx8HCQE/BgOhBwcHBwYGBgYFBAQDAwEBAQEBAQMDBAQF/pMBbQUEBAMDAQEBAQEBAwMEBAUGBgYGBwcHBwcHBwcGBwYF/pP+kwUGBwYHBwcHBwcHBwYGBgYFBAQDAwEBAQEBAQMDBAQFAW3+kwUEBAMDAQEBAQEBAwMEBAUGBgYGBwcHBwcHBwcGBwYFAW0BbQUGBwYHBwcD6wEBAQMDAwUFBQYHBgcHBwcHBwcHBgcFBv6T/pMFBgcGBwcHBwcHBwcGBgYGBQQEAwMBAQEBAQEDAwQEBQFt/pMFBQMDAwEBAQEBAQMDAwUFBgYGBgcHBwcHBwcHBgcGBQFtAW0FBgcGBwcHBwcHBwcGBgYGBQQEAwMBAQEBAQEDAwQEBf6TAW0FBQMDAwEBAAAAAAEAAAAAA+oDdwAGAAABFwEHATcXA21+/aYV/pl06AN4fv2mGAE1h8gAAAAABwAAAAAD6gPhAAMABwAnAEcASwBPAJoAACUhFSE1IRUhJQ8HHwczPwYvBiUPBh0BHwYzPwU9AS8FNxEhEQERIRElIRU7AR8NEQ8PIxUhNSMvDxE/DjsBAVoBT/6xAU/+sQItBgcFBQQCAgEBAgIEBQUHBgcGBgUDAwIBAQIDAwUGBvz4BwYFBQQDAgIDBAUFBgcHBgUFBAMCAgMEBQUGbwIL/goB3v31Aj5rCgkKCAkIBwcGBQUEAwIBAQEDAwUFBQcHCAgICgkKClX9nFUKCgkKCAgIBwcFBQUDAwEBAQEDAwUFBQcHCAgICgkKCmvIKZwoVgEBAgMEBAYGBQUFBAMDAQEBAgMEBQUHBQUEBAQCAgEBAQIDBAQGBgUFBQQDAwEBAQIDBAUFBwUFBAQEAgIe/swBNAIw/oEBfyvJAgIDBQQGBgcICAkJCgr+fwoKCQkJCAgHBwUFBQMDAQG7uwEBAwMFBQUHBwgICQkJCgoBdwoKCQkJCAgHBgYFBAQCAgAAAAMAAAAAA+oDwgACAAsAKAAAExcHCQIvATcvAgEzHwkVDwYBPwdBos4CGQEJ/n8BXANcBk0CTgULCgm/BAMDAgEBAQIEBwUEMP7yKgcHBwgHCAcBCLEaAuj+4P6ePShBIUkQAgADBAbQBAYFBgYHBgcGDQ0GBiwBJScGBQQDAwIBAAAAAAEAAAAAA+oD6gALAAABMxEhFSERIxEhNSEBw3oBrv5Sev5SAa4D6/5Sev5SAa56AAEAAAAAA+oDeAALAAATIRc3IQkBIScHIQEVARLZ2QES/p4BYP7u19f+7gFgA3no6P6G/ojm5gF4AAAAAAEAAAAAA/QDLAAFAAATCQEnCQEMAfQB9En+Vf5VAuf97QITRf46AcYAAAAAAQAAAAAD6gL1AAIAAAkBIQIAAev8KgL1/hYAAAEAAAAAA+oDWwACAAATIQEVA9b+FQNb/UoAAAABAAAAAAPqAvUAAgAACQEhAgAB6/wqAvX+FgAAAQAAAAAD6gL1AAIAABMhARUD1v4VAvX+FgAAAAEAAAAAA5QD6gAIAAABMxEBFwkBNwEBy1IBPzn+Z/5vMQEvA+v8uwEpQv6IAXhC/uYAAAABAAAAAAOUA+oACAAACQEHAREjEQEnAgQBkTH+0VL+wTkD6/6IQgEa/MoDRf7XQgABAAAAAAL1A+oAAgAACQIBCwHq/hYD6/4V/hUAAQAAAAAC9QPqAAIAAAERAQL1/hYD6/wqAesAAAQAAAAAA28D6gADAAcACwAXAAABMxEjAzMRIwMRIREBIRUzFSMRIREjNTMCPT4+uD4+egHq/lMBcLg9/Zo9uAJ7/hUB6/4VAij9mwJlATN7uP1dAqO4AAABAAAAAANdA+oABgAAARExETERAQNd/UYD6/66/rb+ugHgAAABAAAAAANbA+oAAgAAEwkBpQK2/UoD6/4V/hUAAQAAAAAD6gN5AAgAAAEXASEVIQEHAQFxPP71A0n8twELPP6kA3k0/uFM/uE0AXkAAQAAAAAD6gOIAAgAAAkCJwEhNSEBAoIBaf6XPwEV/L0DQ/7rA4n+d/53NwErTgErAAAAAAIAAAAAA+oDwgAGAA0AAAEzETMBMSMDMwMjESMBAlWi9P68U/tTAaL0AUQDu/3H/rwDhPyDAjkBRAAAAAIAAAAAA+oD6gAEABcAAAEXASM1AR8HFQ8DJz8DAnDN/aXNAyAFCgoJhwYEAgIEBmfMYwkJCgM9zf2lzQMJAQIEBocJCgoKCwoJZ8xkBwUDAAAAAAIAAAAAA+oD2gAFAAkAAAEXCQEHCQEzESMDe3D+lQFrcP4m/nSengPab/6V/pVvAdoB2vxMAAAAAgAAAAAD6gPaAAMACQAAATMRIwkCJwkBA02env04Adr+JnABa/6VA9r8TAO0/ib+Jm8BawFrAAADAAAAAAO5A+oAAwAHAFMAAAEzFSMBESERATMVITUzFTMfDxEPDyEvDxM1Pw4zAgD19f6pAq79g2IBiGIxCgoKCQgICAcGBgUEAwMBAQEBAwMEBQYGBwgICAkKCgr9UgsJCgkICAgHBgYFBAMDAQEBAgIDBQQGBgcICAgJCgkLMQHP9QG5/eQCHAFYYmJiAQEDAwQFBgYHCAgICgkKCv1RCgkKCQgICAcGBgUEAwMBAQEBAwMEBQYGBwgICAkKCQoCrwoKCQoICAgHBgYFBAMDAQEAAAEAAAAAAy4D6gAFAAABFwkBBwECvHP+iQF3c/4VA+t0/on+iXQB6wADAAAAAAPzA00AAwAHAAsAACUzNSMnITUhJyE1IQGR3t7eApr9ZqcD6PwYs2+mb6dvAAAAAQAAAAAD6gMuAAUAAAkBBwkBJwIAAet0/on+iXQDL/4VcwF3/olzAAEAAAAAAy4D6gAFAAAJAicJAQFEAev+FXMBd/6JA+v+Ff4VdAF3AXcAAAAAAQAAAAAD6gMuAAUAABMJARcJAYkBdwF3dP4V/hUDL/6JAXdz/hUB6wAAAAACAAAAAAPqA+oACwCLAAABBxcHFzcXNyc3JwcRHx8PHy8fPx4BUEWwsEWwsEWwsEWwGRkZGBgXFxYWFRUTFBISERAQDg4NDAoKCQgGBgQDAgEBAgMEBgYICQoKDA0ODhAQERISFBMVFRYWFxcYGBkZGRkZGRgYFxcWFhUVExQSEhEQEA4ODQwKCgkIBgYEAwIBAQIDBAYGCAkKCgwNDg4QEBESEhQTFRUWFhcXGBgZGQL1RbCwRbCwRbCwRbABpgECAwQGBggJCgoMDQ4OEBAREhIUExUVFhYXFxgYGRkZGRkZGBgXFxYWFRUTFBISERAQDg4NDAoKCQgGBgQDAgEBAgMEBgYICQoKDA0ODhAQERISFBMVFRYWFxcYGBkZGRkZGRgYFxcWFhUVExQSEhEQEA4ODQwKCgkIBgYEAwIAAAEAAAAAA+oC9QACAAAJASECAAHr/CoC9f4WAAABAAAAAAPqAvUAAgAAEyEBFQPW/hUC9f4WAAAAAwAAAAAD6gOWAAMABwAYAAABMxUjASEVISUBBycVIzUzJyM1MycjNTMnAn/IW/6CAn398P6XAuBNmNq2pOx/o4ATAwI3bgF+bb39IE6ZSW2jbqNtAgAAAAEAAAAAAy4D6gAFAAABFwkBBwECvHP+iQF3c/4VA+t0/on+iXQB6wABAAAAAAPqA7cASgAAARc3ASMRIT8PHw8PDyMvDiERIzcBEgIGAQTYAXUFBQYHBwkICgkLCwsMDAwNEA8PDg4NDAsKCQgGBgMDAQEDAwYGCAkKCwwNDg4PDxANDAwMCwsLCQoICQcHBgUF/iPJ+gO3Bgb+/v5jCwoKCgkJCAcGBgUEAwMBAQECBAUHCAkKCwsNDg4PDxAQDw8ODg0MCwoJBwcFBAIBAgIEBAUGBgcICQkJCwoLAgX4AAAAAA8AAAAAA+oD6gADAAcACwAPABMAFwAbAB8AIwAnACsALwAzADcAOwAAJRUzNSEVMzUhFTM1JTMVIyUzFSMlMxUjATMVIyUzFSMlMxUjARUzNSEVMzUhFTM1JTMVIyUzFSMlMxUjAzN6/hZ6/hZ6Aij29v6Q9vb+kPb2AuD29v6Q9vb+kPb2Ax56/hZ6/hZ6Aij29v6Q9vb+kPb2zXp6enp6ej729vb29gJm9vb29vYCKHp6enp6ej729vb29gAAAAEAAAAAA/QD9AALAAATCQEXCQE3CQEnCQEMAY/+cWUBjwGPZf5xAY9l/nH+cQOP/nH+cWUBj/5xZQGPAY9l/nEBjwAAAQAAAAAD9AN3AAUAAAkBBwkBJwFx/wBlAWUCg2UBVQECZv6YAohmAAEAAAAAA/QCXQAEAAATITUnIQwD6Ab8HgGiuwEAAAAAAQAAAAADNgPzAAUAABMBNwkBJ8oB83n+hgF6eQIA/g15AXoBenkAAAQAAAAAA/MD8wAGAB0AIgBDAAAlByM1IzU3AQcVBwEPASMvAzU/AQE/ATMfAwERIQkBNwcBPwc9AS8MIw8FATg8RlU8AbgBAv6WAgMHBQICAgEEAWcDAwcFAgIB/bkBEgIk/u6YbgETbQYFBAMDAgEBAgMDBAUGoAsMBgcMDgkICAcHB508VUY8AY0DAwP+lgEBAgECBgYDBQFoAQECAQID/lT+7gIkARKXbP7tbgYHBggHCAgJCAkIBwgHBgefCAYDAQIBAgMDBQUAAAEAAAAAA/MD8wALAAATCQEXCQE3CQEnCQENAY7+cmQBjwGPZP5yAY5k/nH+cQOP/nH+cWQBjv5yZAGPAY9k/nEBjwAAAQAAAAADNgPzAAUAABMJARcJAcoBev6GeQHz/g0Dev6G/oZ5AfMB8wAAAAABAAAAAAPzA/MACwAAASEVIREzESE1IREjAbn+VAGsjgGs/lSOAkeO/lQBrI4BrAABAAAAAAPzAvkAAgAACQEhAgAB8/waAQYB9AAAAgAAAAAD8wPzAAMAgwAAARUhNQMPDx8fPx8vHw8OAvv+CmcREA8ODAwLCggIBgUFAwIBAQIDBQUGCAgKCwsNDg8QERISExQUFRUWFhcYGBkZGhoaGhkZGBgXFhYVFRQUExISERAPDg0LCwoICAYFBQMCAQECAwUFBggICgsLDQ4PEBESEhMUFBUVFhYXGBgZGRoaGhoZGRgYFxYWFRUUFBMSAjFiYgExEhITFBQVFRYWFxgYGBoaGhoaGRkYGBcWFhUVFBQTEhIREA8ODAwLCQkIBgUFAwIBAQIDBQUGCAgKCwsNDg8QERISExQUFRUWFhcYGBkZGhoaGhkZGBgXFhYVFRQUExISERAPDg0LCwoICAYFBQMCAQECAwUFBggICgsLDQ4PEAABAAAAAAPzA6cACAAAEwE3ASE1IQEnDQGmWP7xAvf9CQESWQH//llYARF8ARNYAAADAAAAAAKBA/MAPwB/AL8AACUVHw07AT8NPQEvDg8OERUfDTsBPw09AS8NKwEPDREVHw4/Dj0BLw0rAQ8NAX8CAwUFBwcICgoKDAwMDQ0NDQ0LDAoKCggHBwUFAwICAwUFBwcICgoKDAsNDQ0NDQwMDAoKCggHBwUFAwICAwUFBwcICgoKDAwMDQ0NDQ0LDAoKCggHBwUFAwICAwUFBwcICgoKDAsNDQ0NDQwMDAoKCggHBwUFAwICAwUFBwcICgoKDAwMDQ0NDQ0LDAoKCggHBwUFAwICAwUFBwcICgoKDAsNDQ0NDQwMDAoKCggHBwUFAwKODQ0MDAsLCgkJBwcFBAQCAgQEBQcHCQkKCwsMDA0NDQ0NDAsLCgkICAYGBAMCAQECAwQGBggICQoLCwwNDQFlDQ0MDAwKCgoIBwcFBQMCAgMFBQcHCAoKCgwMDA0NDQ0MDAwKCgoIBwcFBQMCAgMFBQcHCAoKCgwLDQ0BZQ0NDQwLCwoJCAgGBgQDAgEBAgMEBgYICAkKCwsMDQ0NDQ0MDAsLCgkJBwcFBAQCAgQEBQcHCQkKCgwMDA0AAAACAAAAAAPzA/MAZwDuAAABDxkvGD0BPxc7AR8XBRUfHjM/DhcVATcBIyc/DjUvHisBDx0CgQEBAQMCBAQEBgUNDxATExYLCwwMDAwNDQ0NDQ4MDQ0MDAsMCxUUEhEODQYFBQQDAwICAQECAgMDBAUFBg0OERIUFQsMCwwMDQ0MDg0NDQ0NDAwMDAsLFhMTEA8NBQYEBAQCAwEB/Y0CAgMEBQYHBwkICgoLDAwNDg4ODxAQEBEREhISExMTEREREBAQEBAPDw4ODg0NDBABHVX+4y0QCwkJCQgHBwYGBAQEAgICAQECBAQFBgYICAkJCwsMDA0NDg8PDxAREREREhMSExMTExMSEhIRERAQEA8ODg4NDAwLCgoICQcHBgUEAwICAoANDQ0NDAwMDAsLFhMTEA8NBQYEBAQCAwEBAQEBAQMCBAQEBgUNDxATExYLCwwMDAwNDQ0NDQ4MDQ0MDAsMCxUUEhEODQYFBQQDAwICAQECAgMDBAUFBg0OERIUFQsMCwwNDA0MDg0TExITEhEREREQDw8PDg0NDAwLCwkJCAgGBgUEBAIBAQICAgQEBAYGBwcICQkJCxAt/uNVAR0QDA0NDg4ODw8QEBAQEBERERMTExISEhEREBAQDw4ODg0MDAsKCgkIBwcGBQQDAgICAgMEBQYHBwkICgoLDAwNDg4ODxAQEBEREhISExMAAAAIAAAAAAPBA/MAAwAHAAsADwATABcAGwBnAAABMzUjBzM1IwczNSMlMzUjBzM1IwczNSMlESERNysBDw0VAx8OMyEzPw4RLw4rATUjFSE1IwKWZGTIZGTHY2MBj2RkyGRkx2NjAlf9RTIzCgoJCggICAcHBQUEBAICAQEBAwMEBQYHBwcJCAoJCgoCvAoKCQkJCAgHBwUFBQMDAQEBAQMDBQUFBwcICAkJCQoKMmT+cGMBBmRkZGRkZGRkZGRkZP3bAiX5AgIDBQUFBwcICAkJCQoK/UULCgkJCQgIBwYGBQQEAgICAgQEBQYGBwgICQkJCgsCuwoKCQkJCAgHBwUFBQMCAmRkZAACAAAAAAOEA/MAIwArAAA3Hw4zITM/DhEhNyMVITUjJyGzAQEDBAUFBwcICAkKCgsLCwG8CwsLCgoJCAgHBwUFBAMBAf1mi8IDCMI3/up8DAsKCgoJCQgHBgYEBAMCAgMEBAYGBwgJCQoKCgsMApmnb283AAEAAAAAA/MDNgAFAAATCQEnCQENAfMB83n+hv6GAr3+DQHzef6GAXoAAAAAAwAAAAAD8wPzAEAARAB5AAABHQEPDi8PPw47AR8NERUhNSMRFR8NMyEzPw01ESchIw8NAqYDBAYHCAoKDA0ODg8QEREREQ8QDg4NDAoKCAcGBAIBAQIEBgcICgoMDQ4ODxAREREREA8ODg0MCwkIBwYEA/3WbwIDAwUGBgcICQkJCwoLDAMIDAsKCgoJCQgHBgYEBAMC3v1nDAsKCwkJCQgHBgYFAwMCASIICRAQEA4ODQwKCggHBgQCAQECBAYHCAoKDA0ODhAQEBERERAPDw0NDAsJCAcGBAMDBAYHCAkLDA0NDw8QEQJR3t78+AwLCgoKCQkIBwYGBQMDAgIDAwUGBgcICQkKCgoLDAKZ3gIDAwUGBgcICQkKCgoLAAAAAwAAAAAD8wNNAAMABwALAAA3ITUhNSE1ITUhNSENA+b8GgPm/BoD5vwas2+mcKZvAAAAAAEAAAAAA/MD8wDVAAATHx47AT8eIw8PKwEvHj8fHw8HIREHLw4rAQ8dDQECAwQGBggJCgsMDQ4PDxEREhMUFBUVFhcXGBgZGRkaFRYVFRUUFBMUExISEhEQEBAPDw0ODQwLCwoJCQgHBgaCBQsODxETFBYXGBoaHBwdHg8UExITEhIREREQDxAODg4NDAwLCwoJCAcHBgUEAwMBAQEBAwMEBQYHBwgJCgsLDAwNDg4OEA8QEREREhITEhMUExMTEhISEREQEBAPDw4NDckBtZMREhMUFBUVFhcXGBgYGRoZGhkZGRgYFxcWFRUUFBMSEREPDw4NDAsKCQgGBgQDAgIAGhkZGRgYFxYXFRUUFBMSEREPDw4NDAsKCQgHBQUDAgEDAwQFBQcHCAkJCwoMDA0NDg8PEBARERISEhMTFBQNGxkYFhYTExAPDQsJBwUCAQMDBAUGBwgICQoKCwwMDQ4ODw8QEBAREhISEhMTExMTExITERIREBAQDw8ODg0MDAsLCQkJBwcGBQQDAwEBAQEDAwUFBgcHCQkKCgsMDckBtZIQEA8ODQwLCgkIBgYEBAICBAQFBwgJCgsMDQ4PDxEREhMUFBUWFhYYFxgZGRkAAgAAAAAD8wPzAAsAiwAAATcXBxcHJwcnNyc3BRUfHTsBPx09AS8dKwEPHQIAs0ezs0ezs0ezs0f+wAIDBQUHCAkKCwwNDg8PERESExQUFRUXFhcYGBkZGRoaGRkZGBgXFhcVFRQUExIREQ8PDg0MCwoJCAcFBQMCAgMFBQcICQoLDA0ODw8RERITFBQVFRcWFxgYGRkZGhoZGRkYGBcWFxUVFBQTEhERDw8ODQwLCgkIBwUFAwICR7NHs7NHs7NHs7NH+hoZGRkYGBcWFxUVFBQTEhERDw8ODQwLCgkIBwUFAwICAwUFBwgJCgsMDQ4PDxEREhMUFBUVFxYXGBgZGRkaGhkZGRgYFxYXFRUUFBMSEREPDw4NDAsKCQgHBQUDAgIDBQUHCAkKCwwNDg8PERESExQUFRUXFhcYGBkZGQADAAAAAAPzA/MABQCFAQUAAAEXNycRIwEVDx0rAS8dPQE/HTsBHx0FFR8dOwE/HT0BLx0rAQ8dAcDTNbtNAeYCAgQFBgYICAoKCwwMDQ4PDxARERISExMTFRQVFRUWFhUVFRQUFBMTEhIRERAPDw4NDAwLCgoICAYGBQQCAgICBAUGBggICgoLDAwNDg8PEBEREhITExMVFBUVFRYWFRUVFBQUExMSEhEREA8PDg0MDAsKCggIBgYFBAIC/GcCAwUFBwgJCgsMDQ4PEBARExIUFBUWFhcXFxkYGRkaGhkZGBkXFxcWFhUUFBITERAQDw4NDAsKCQgHBQUDAgIDBQUHCAkKCwwNDg8QEBETEhQUFRYWFxcXGRgZGRoaGRkYGRcXFxYWFRQUEhMREBAPDg0MCwoJCAcFBQMCAfDKOLIBIP7QFhUVFRQUFBMTEhIRERAPDw4NDAwLCgoICAYGBQQCAgICBAUGBggICgoLDAwNDg8PEBEREhITExQUFBUVFRYWFRUVFBQUExMSEhEREA8PDg0MDAsKCggIBgYFBAICAgIEBQYGCAgKCgsMDA0ODw8QERESEhMTFBQUFRUVFhoZGRgZFxcXFhYVFBQSExEQEA8ODQwLCgkIBwUFAwICAwUFBwgJCgsMDQ4PEBARExIUFBUWFhcXFxkYGRkaGhkZGBkXFxcWFhUUFBITERAQDw4NDAsKCQgHBQUDAgIDBQUHCAkKCwwNDg8QEBETEhQUFRYWFxcXGRgZGQAAAAcAAAAAA/QD9AADAAcACwAPABMAFwAbAAABNTMVITUzFQE1MxUhNTMVATUzFSE1MxUFIREhAsjI/ODIAZDI/ODIAZDI/ODI/tQD6PwYAsjIyMjI/tTIyMjI/tTIyMjIZAPoAAADAAAAAAP0A/QAQACBAQEAAAEfBhUPHyMvDgEfBicfBwEvDjU/HzMfBQUPDx8fPx8vHw8OA4gFBQQEAwECAQICBAUFBgcICQoLCw0NDg8PEBARERISExMUFBQWFRYTEhMSERIRERAQEA8PDw4OAkoLCgoJCAgH8hAQEA8PDw4O/bYLCgoJCAgHBwUFBAQDAQIBAgIEBQUGBwgJCgsLDQ0ODw8QEBEREhITExQUFBYVFhMSExIREhH+IBEQDg4NDAsJCQgGBgQDAwEBAwMEBgYICQkLDA0ODhAREhMTExQVFRYXFhgYGRkaGhoaGRkYGBYXFhUVFBMTExIREA4ODQwLCQkIBgYEAwMBAQMDBAYGCAkJCwwNDQ8QERITExMUFRUWFxcXGBkZGhoaGhkZGBcXFxYVFRQTExMCjxEREhESExITFhUWFBQUExMSEhEREBAPDw4NDQsLCgkIBwYFBQQCAgECAQMEBAUFBwcICAkKCgsCSg4ODw8PEBDpBwcICAkKCgv9tg4ODw8PEBAREBESERITEhMWFRYUFBQTExISEREQEA8PDg0NCwsKCQgHBgUFBAICAQIBAwQEBSsSExMTFBUVFhcWGBgZGRoaGhoZGRgYFhcWFRUUExMTEhEQDg4NDAsJCQgGBgQDAwEBAwMEBgYICQkLDA0NDxAREhMTExQVFRYXFxcYGRkaGhoaGRkYGBYXFhUVFBMTExIREA4ODQwLCQkIBgYEAwMBAQMDBAYGCAkJCwwNDQ8QAAIAAAAAA/QD9AADAIMAAAEVITUDDw8fHz8fLx8PDgL7/gpnERAPDg0MCwkJBwcFBAQCAQECBAQFBwcJCQsMDQ4PEBERExMUFBQWFhYXGBgYGhoaGhoaGBgYFxYWFhQVExMTERIQDw0NDAsJCQcHBQQEAgEBAgQEBQcHCQkLDA0ODhASERMTExUUFhYWFxgYGBoaGhoaGhgYGBcWFhYUFBQTEwIxYmIBMRETExMVFBYWFhcYGBgaGhoaGhoYGBgXFhYWFBQUExMRERAPDg0MCwkJBwcFBAQCAQECBAQFBwcJCQsMDQ4PEBERExMUFBQWFhYXGBgYGhoaGhoaGBgYFxYWFhQVExMTERIQDg4NDAsJCQcHBQQEAgEBAgQEBQcHCQkLDA0ODhAAAgAAAAAD9AP0AAsAiwAAARUzFSMVIzUjNTM1JQ8PHx8/Hy8fDw4CMcrKYsrK/s8REA8ODQwLCQkHBwUEBAIBAQIEBAUHBwkJCwwNDg8QERETExQUFBYWFhcYGBgaGhoaGhoYGBgXFhYWFBUTExMREhAPDQ0MCwkJBwcFBAQCAQECBAQFBwcJCQsMDQ4OEBIRExMTFRQWFhYXGBgYGhoaGhoaGBgYFxYWFhQUFBMTAvvKYsrKYspnERMTExUUFhYWFxgYGBoaGhoaGhgYGBcWFhYUFBQTExEREA8ODQwLCQkHBwUEBAIBAQIEBAUHBwkJCwwNDg8QERETExQUFBYWFhcYGBgaGhoaGhoYGBgXFhYWFBUTExMREhAODg0MCwkJBwcFBAQCAQECBAQFBwcJCQsMDQ4OEAAABAAAAAAD9ANgAAMABwAKAA4AADchNSE3ITUhAS0BNyE1IaIDUvyu2gJ4/Yj+kAEY/uiWA1L8rqBS5VP+0/7fNFIAAAABAAAAAAM0A/QABQAAEwkBFwkBywF+/oJ2AfT+DAN+/oL+gnYB9AH0AAAAAAEAAAAAAysD5AAFAAATCQEXCQHVAXL+jnEB5f4bA3P+jf6NcgHlAeUAAAAAAQAAAAADdwP0AAIAADcJAYkC7v0SDAH0AfQAAAIAAAAAA7UD9AADAAcAACUhESEBIREhAn0BOf7H/c0BOf7HDAPo/BgD6AAABgAAAAAEAAQAAAMABwAQABQAGAAhAAAlITUhJSE1IQUXNxEzERc3JxMhNSElITUhBScHFzcnBxEjAYACgP2AAQABgP6A/YArVUBVK6DgAoD9gAEAAYD+gP4AVSugoCtVQEBAgEBRL03+8wENTS+RAUBAgEDNTS+RkS9NAQ0AAAACAAAAAAPzA/QAfwEFAAABFQ8eLx8/Hx8eBRUfBwEPAx8IMz8EAR8HMz8dPQEvHSsBDx0DtQECAwMFBQUGBwgICQkKCgsLDAwNDQ4NDw4PDw8QEBAQEBAPDw8ODw0ODQ0MDAsLCgoJCQgIBwYGBAUDAwIBAQEBAgMDBQQGBgcICAkJCgoLCwwMDQ0ODQ8ODw8PEBAQEBAQDw8PDg8NDg0NDAwLCwoKCQkICAcGBQUFAwMCAf1RAQQFCAoMDg/+zwMGAwIBAgUGCQUFDAsMDAwFBQUBLRgYGhscHR0eExMTEhMREhEQEQ8QDg4ODQwMCwsKCQgHBwYFBAQCAgICBAQFBgcHCAkKCwsMDA0ODg4QDxEQERIRExITExMTExMSExESERARDxAODg4NDAwLCwoJCAcHBgUEBAICAn0QEBAPDw8ODw0ODQ0MDAsLCgoJCQgIBwYGBAUDAwIBAQEBAgMDBQQGBgcICAkJCgoLCwwMDQ0ODQ8ODw8PEBAQEBAQDw8PDg8NDg0NDAwLCwoKCQkICAcGBgQFAwMCAQEBAQIDAwUEBgYHCAgJCQoKCwsMDA0NDg0PDg8PDxAQEA8PHR0cGxoYGP7OBQoLCwsLCwkJBAMEAwMEAwQEAS0PDgwKCAUEAQICBAQFBgcHCAkKCwsMDA0ODg4QDxEQERIRExITExMTExMSExESERARDxAODg4NDAwLCwoJCAcHBgUEBAICAgIEBAUGBwcICQoLCwwMDQ4ODhAPERAREhETEhMTAAAbAAAAAAPUA9QAAwAHAAsADwATABcAGwAfACMAJwArAC8AMwA3ADsAPwBDAEcASwBPAFMAVwBbAF8AYwBnAGsAACUzNSMHMzUjBzM1IwczNSMHMzUjBzM1IwczNSMlMzUjBTM1IwUzNSMlMzUjBTM1IwUzNSM1ITUhJTM1IwUzNSMFMzUjJTM1IwUzNSMFMzUjJTM1IwczNSMHMzUjBzM1IwczNSMHMzUjBzM1IwOWPz99Pz99Pz+7Pj68Pz99Pz99Pz8Daz8//ks+Pv5KPz8Daz8//ks+Pv5KPz8DqvxWA2s/P/5LPj7+Sj8/A2s/P/5LPj7+Sj8/A2s/P30/P30/P7s+Prw/P30/P30/Pys/Pz8/Pz8/Pz8/Pz8/Pj8/Pz8/Pj8/Pz8/fT59Pz8/Pz8+Pz8/Pz8+Pz8/Pz8/Pz8/Pz8/PwAFAAAAAAPzA/MAIQBXAHkAmwDgAAAlHwchPwcvByEPBgMRLwQjDwcfAz8DLwYrAQ8EES8HDwY3HwchPwcvByEPBgMfByE/By8HIQ8GJw8EFR8GMz8DFSMPBx8HMz8GPQEvBSsBES8JDwIBgwECAgQFBQYGAjMGBgUFBAICAQECAgQFBQYG/c0GBgUFBAIC+0UEBQYFBgYGBQUEAgEBAQIEmZMDAgEBAQMDBQYFBgYGBgUERAECAwMFBQYHBgYFBQQCAvkBAgIEBQUGBgIzBgYFBQQCAgEBAgIEBQUGBv3NBgYFBQQCAgEBAgIEBQUGBgIzBgYFBQQCAgEBAgIEBQUGBv3NBgYFBQQCAvF9BAMCAQIDAwUGBQYGBgYFSF4GBgUFBAICAQECAgQFBQYG+gcFBgQEAwICAwQEBgUHXQEBAQMCAwQEBwYGBQWoBgYFBQMDAgEBAgMDBQUGBgcGBQUDAwIBAQIDBAQFBgEv/tB4BQQDAQECBAQGBgYHBgYG8fEGBgcGBwYFBQMDAgIEBX4BNgcGBgUEAwIBAQIDBAUGBjoGBgUFBAICAQECAgQFBQYGBwYFBQMDAgEBAgMEBAUGAXAGBgUFAwMCAQECAwMFBQYGBwYFBQMDAgEBAgMEBAUGT3UFBQYGBgUGBQQDAgECAwNE0QECAwQEBQYHBgYFBQQCAgEBAgIEBQUGBgcFBgQEAwIBGgQFBAQDBAICAgEBAQMAAAQAAAAAA/MDdwA9AHIApQEsAAABHwY7AQEPAx8HPwMBHQEfBj8HNS8HIw8GJRUfDzM1KwEvDT0BLwcPBiUVHwY7AR8NFTMvDyMPBgUVHw8zPwY9AS8GKwEvDT0CPw0zITMfFTsBPwYvECEPDgL6AQEDBAUFBgZw/v0EAwEBAQEDBAUFBgYGBgUFAQQCAwQEBgUHBgYFBQQCAgEBAQMEBQUGBrwGBgUFBAMB/ogBAwQHCAkLDA0PDwgREhITh30NDQwLCwoKCQgHBgYEAwIBAgMEBAYFBwYGBQUEAgIBOAIDBAQGBQddDQ0MCwsKCgkIBwYGBAMCPwEDBAcICQsMDQ8PCBESEhNnBwUGBAQDAv1QAQMEBggJCwwNDgcQEBESEmwHBQYEBAMCAgMEBAYFB2IMDAwLCgoKCAgHBgUEAwICAwQFBgcICAoKCgsMDAwBCgsLCwsJCgkICAcGBgQEAwECAgIEBQUGBgcGBQQEAwIBAQMEBgcICgoMDA4OEAcREBH+7RMSEREQDw4NDAsJCAYEAwHhBgYGBAQDAv78BQUGBgYFBgUEAwEBAQEDBAEDcAYGBQUEAwEBAQEDBAUFBga8BgYFBQQDAQEBAQMEBQUGnUYTEhIREQ8PDQwLCQQIBQQCPwIDBAYGBwgJCgoLCwwNDEYHBgUFAwMCAQECAwQEBQbNBwUGBAQDAgECAwQGBgcICQoKCwsMDQ0UEhIREQ8PDQwLCQQIBQQCAQICBAUFBqd0FBMSEhAQDw4MCwUJBwYEAgEBAwQFBQYGBwUGBAQDAgECAwUFBwcJCQoKDAwMDQ10DQ0NCwwKCgoIBwcFBQMCAgMDBQYGBwkICgoLCwwMFAYGBAQDAgIDBAQGBgYVEhEREA8ODQwLCggHAwUDAgEDBQYICgsMDg8QEBISEwADAAAAAAN3A/QAJQBLAMsAACUfBxUPCC8HNT8HMxcFHwgPCC8HNT8HMxcDEwMPDx8PPw4vCRsBDw0VHw4/Di8PAxMnCwEDAQMKBQ0EAgMDAwYFBA4GBxcLDRYMDQQBAwMDBQYEDgYDGgwN/k0DAwwNBAIDAgEDBgUEDgYHFwsNFgwNBAEDAwMFBgQOBgMaDA0iw7wPDQ4NDQsLBQ4IBwYFAwEBAQIEBgYICQQKEQwODQ4PDw8PDg0ODAwPDQgGBgQCAQEBAwwGCwcOCBGbmwkICAgGBwYLBAQDAwIBAQIEBgYICQ4RDA4NDg8PDw8ODQ4MEQoNCAYGBAIBAQECAwkGBAkFFwwNDQ4PD7nFItDQxAEEBAsGAwkNCQwPCAULAwMDAQMGBwsGAgoNCQsQCAULAwEFAgQBAQcLBgMJDQkMDwgFCwMDAwEDBgcLBgIKDQkLEAgFCwMBBQIC1f6v/sACAgQEBgYHBA8JCgsMDAwNDQwMDAsKCgUICwcGBAMCAQECAwQGBwcMDwoLDAwMDRIICBgIDgcMBgoBBv73BAQGBQYHBw8ICAgJCAgJDQwMDAsKCg0LBwYEAwIBAQIDBAYHCwgPCgsMDAwNDQwGDBELBQkEDwcGBAMCAQFCAVFX/qABYAAABAAAAAADtQP0AAIACAAOABcAAAEjNScVMxEhETcXIxEjEQMzFSERASMnIQNLjz/6/gwTfc+7P/oCcv7zP7v+mwI+kCz6/koCsLx+/c4CsP0SvAIiAQq8ABwAAAAAA9QD1AADAAcACwAPABMAFwAbAB8AIwAnACsALwAzADcAOwA/AEMARwBLAE8AUwBXAFsAXwBjAGcAawBvAAAlMzUjBTM1IwUzNSMHMzUjBzM1IwUzNSMHMzUjJTM1IwUzNSMFMzUjJTM1IwUzNSMFMzUjJTM1IyEzNSMHMzUjBzM1IwUzNSMHMzUjBzM1IyEzNSMlMzUjBTM1IwUzNSMlMzUjBTM1IwUzNSM1ITUhAeE+Pv5KPz8Daz8/fT8/fT8//ok/P30/PwLuPz/+Sz4+/ko/PwNrPz/+Sz4+/ko/PwG2Pj4BtT8/fT8/fT8//ok/P30/P30/PwG2Pj4BtT8//ks+Pv5KPz8Daz8//ks+Pv5KPz8DqvxWKz8/Pz8/Pz8/Pz8/Pz8+Pz8/Pz8+Pz8/Pz8+Pz4+Pj4+Pj4+Pj4+Pz4/Pz8/Pz4/Pz8/Pz4/AAAEAAAAAAP0A/QACwAPABMAGwAAARcHFzcXNyc3JwcnAREjESERIxEDIRUhNSERIQGDcHAscHAscHAscHACB/r+iPo+ATgBeAE4/BgBGHBwLHBwLHBwLXFxAnH+xwE5/scBOf6IfHwBtgAAAAAEAAAAAAP0A/QAAwAPABMAGwAAARUhNQEXBxc3FzcnNycHJwEVITUHIxEzESERIQO2/sf9j3BwLHBwLXFxLXBwA37+xz98fAG2/koBRPr6AQ1wcC1xcS1wcCxwcAE5+vr6/oj+yAPoAAUAAAAAA/QD9AADAAcAEwAXACcAAAEVIzUTFSM1BSMVMxUzNTM1IzUjJxUjNSEzFSMVMxUjFTMVIxUhESECPvr6+gH0fHw/fX0/+vr+yPr6+vr6+gJx/Y8BRPr6ATn6+j8+fX0+fvr6+vo/+j/6PgPoAAAABQAAAAAD9AP0AAMABwATABcAKAAAARUjNRMVIzUFIxUzFTM1MzUjNSMlFSM1AykBNSM1MzUjNTM1IzUzNSECvPr6+v7HfX0/fHw/AjP6PwE5ATj6+vr6+vr9jwFE+voBOfr6Pz59fT5++vr6/FY++j/6P/o+AAAABAAAAAAD8wN3AEcAegCtATQAAAEPAxUfAw8EHwY7AT8DHwQ/By8EPwM9AS8GDwQvBA8CJRUfDzUvDj0BLwcPBiUVHwU7AR8OFTMvDyMPBgUVHw8zPwY9AS8FKwEvDj0CPw0zITMfFTsBPwYvECEPDgKLBAMBAQIDBIGGBAMBAQEBAwQFBgUGBgYGBYWGBQYGBgYFBgUEAwEBAQEDBIeBBAMCAgMEBQUGBgYGBQWBgQQGBgYGBQb+8wEDBAcICQsMDQ8PERESEhQNDQwLCwoKCQgHBgYEAwIBAgMEBAYFBwYGBQUEAgIBOAIDBAQGBQddDQ0MCwsKCgkIBwYGBAMCPwEDBAcICQsMDQ8PCBESEhNnBwUGBAQDAv1QAQMEBggJCwwNDgcQEBESEmwHBQYEBAMCAgMEBAYFB2IMDAwLCgoKCAgHBgUEAwICAwQFBgcICAoKCgsMDAwBCgsLCwsJCgkICAcGBgQEAwECAgIEBQUGBgcGBQQEAwIBAQMEBgcICgoMDQ0OEAcREBH+7RMSEREQDw4NDAsJCAYEAwH3BQUGBgYGBQWEiAUFBgYGBgUFBAMCAgMEiIkEAwEBAQEDBAUFBgYGBgUFiYQFBQYGBgYFBQQDAQEBAQMEg4MEAwEBAQEDiUYTEhIREQ8PDQwLCQgHBAMBPgECAwQGBgcICQoKCwsMDQxGBwUGBAQDAgEBAgMEBAYFzQcFBgQEAwIBAgMEBgYHCAkKCgsLDA0MExISEREPDw0MCwkFBwUEAgEBAwQFBQandBQTEhIQEA8ODAsFCQcGBAIBAQMEBQUGBgYGBgQEAwIBAgMFBQcHCAoKCgwLDQ0NdA0NDAwMCgoJCQcHBQUDAgIDAwUGBggICQkKCwsMDBQGBgQEAwICAwQEBgYGFBISERAPDg0MCwkJBwMFAwIBAwUGCAoLDA4PEBASEhMAGwAAAAAD1APUAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwBHAEsATwBTAFcAWwBfAGMAZwBrAAAlMzUjBzM1IwczNSMFMzUjBzM1IwczNSMlMzUjBTM1IyUzNSMFMzUjJTM1IwczNSMFMzUjBzM1IwczNSMFMzUjNTM1IwUzNSMlMzUjBTM1IyUzNSMHMzUjBzM1IwMzESMHMzUjBzM1IwczNSMDlj8/fT8/fT8//ok/P30/P30/PwNrPz/8lT8/A2s/P/yVPz8C7j8/fT8//ok/P30/P30/PwNrPz8/P/yVPz8Daz8//JU/PwNrPz99Pz99Pz+7Pj68Pz99Pz99Pz8rPz8/Pz8/Pz8/Pz8+Pz8/Pj8/P30+Pj4+Pj4+Pj4+Pn0/Pz8+Pz8/Pj8/Pz8//FYDqj8/Pz8/PwAAHAAAAAAD1APUAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwBHAEsATwBTAFcAWwBfAGMAZwBrAG8AACUzNSMHMzUjBzM1IwczNSMHMzUjBzM1IyUzNSMFMzUjJTM1IwUzNSMlMzUjBzM1IwczNSMHMzUjBzM1IwczNSMHMzUjJTM1IwUzNSMlMzUjBTM1IwEzESMHMzUjBzM1IwczNSMHMzUjBzM1IwczNSMDGT8/fT8/uz4+vD8/fT8/fT8/AbY+Pv5KPz8Btj4+/ko/PwLuPz99Pz99Pz99Pz99Pz99Pz99Pz8Btj4+/ko/PwG2Pj7+Sj8/A2s/P30/P30/P7s+Prw/P30/P30/Pys/Pz8/Pz8/Pz8/Pz4/Pz8+Pz8/fT4+Pj4+Pj4+Pj4+Pj59Pz8/Pj8/P/zTA6o/Pz8/Pz8/Pz8/Pz8AAAAABQAAAAAD8wO1AAIAHABHAHoBAQAALQEnCQEXAT8ENS8KIw8DJRUfDzUvBzUvBisBDwUlFR8GMx8OFTMvEA8GBRUfDzsBPwU9AS8FKwEvDj0CPw4hMx8WPwcvECUPDgGDAQSuAVv+0a0BMAQEAwQDAwQDBARXBAUGCwsMDAsFBf5KAQEDBAUGBwgJCgoLDAwNDQcNCwoIBgUCAQIDBAQGBQcGBgUFBAICATgCAwQEBgUHXQ0NDAsLCgoJCAcGBgQDAj8BAwUGCAkLDA0PDwgREhITZwcFBgQEAwL9UAEDBAYICQsMDQ4HEBAREhJsBwUGBAQDAgIDBAQGBQdiDAwMCwoKCggIBwYFBAMCAgMEBQYHCAgKCgoLDAwMAQoLCwsLCQoJCAgHBgYEBAMBAgICBAUFBgYHBgUEBAMCAQEDBAYHCAoKDA0NDw8IEBAS/u4TEhIQEA8ODQwLCQgGBANKTbEBYf7LsQE2BAUGCwwMDAsFBQVYBQMEBAICBAQDFUYPDw4ODg0MDAsKCgkIBwcFRQQKCwwODxARTgYGBQUEAwICAwQFBQbNBgYFBQQDAQEBAgMEBQYICAkJCgsMDAwNExMSERAQDg4MCgoEBwYDAgEBAgMEBAYFp3QUExISERAODg0LBQgIBQQCAgMEBAYGBgYGBQUEAwIBAgMEBgYICAkKCwsMDQwOdA0NDAwLCwoJCQcGBgQDAgECAwQEBgcHCAkJCgsLDAwVBgUFAwMCAQECAwMFBQYHFBISEBAPDg0NCgoJBwMEBAEBAQMFBwgJCw0NDxARERMTAAAAAAIAAAAAA/QC+gCHARQAAAEVHwY7AR8NHQIPDiMvDz0BLwUrAQ8GFR8PIT8PNS8PIw8GBRUfDzM/Bj0BLwUrAS8PNT8PMx8aPwcvEyMPDgK8AgMEBAYFB10NDQwLCwoKCQgHBgYEAwICAwQGBgcICQoKCwsMDQ36DA0MCwsKCgkIBwcFBAMCAQIDBAQGBgYGBgUFBAMBAQEDBAcICQsMDQ8PCBESEhMBAxQSEhERDw8NDAsJBAgFBAIBAwQHCAkLDA0PDwgREhITZwcFBgQEAwL9UAEDBAcICQsMDQ8PCBESEhNnBgYGBAQDAgIDBAQGBgZdDQ0MCwsKCgkIBwYGBAMCAQECAwQGBgcICQoKCwsMDQ36CQkJCQkICAgHBwYHBQUFBAQDAgECAwQEBQYHBgYFBQMDAgEBAwQHBgcHCQkJCwsLDA0NDQ4NDvoUEhIREQ8PDQwLCQgHBAMC2wcFBgQEAwIBAgMEBgYHCAkKCgsLDA0NfQwNDAsLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsLDA0MRgcFBgQEAwICAwQEBQYHRRQSEhERDw8NDAsJBAgFBAIBAwQHCAkLDA0PDwgREhIThhQSEhERDw8NDAsJBAgFBAIBAQMEBQUGo3wUEhIREQ8PDQwLCQQIBQQCAQEDBAUFBgYHBQYEBAMCAQIDBAYGBwgJCgoLCwwNDXwNDQwLCwoKCQgHBgYEAwIBAQECAgMDBQQGBQcGCAcICQwMDBMGBQUDAwIBAQIDAwUFBgYTExISDAwMCwoJCQgHBgUFAwMBAQEDBAcICQsMDQ8PERESEgAAAAAcAAAAAAPUA9QAAwAHAAsADwATABcAGwAfACMAJwArAC8AMwA3ADsAPwBDAEcASwBPAFMAVwBbAF8AYwBnAGsAbwAAJTM1IwczNSMHMzUjBzM1IwczNSMHMzUjJTM1IwUzNSMlMzUjBTM1IyUzNSMHMzUjBzM1IwczNSMHMzUjBzM1IwczNSMlMzUjBTM1IyUzNSMFMzUjJTM1IwczNSMHMzUjBzM1IwczNSMHMzUjAzMRIwOWPz99Pz99Pz+7Pj68Pz99Pz8C7j8//ks+PgG1Pz/+Sz4+AbU/P30/P30/P30/P30/P30/P30/PwLuPz/+Sz4+AbU/P/5LPj4BtT8/fT8/fT8/uz4+vD8/fT8/fT8/Kz8/Pz8/Pz8/Pz8/Pj8/Pz4/Pz99Pj4+Pj4+Pj4+Pj4+Pn0/Pz8+Pz8/Pj8/Pz8/Pz8/Pz8//FYDqgAAAAAHAAAAAAP0A/QAAwAHAAsADwATACUAMQAAARUjNSMVIzUjFSM1ARUjNRMVIzUhMxUjFTMVIzUjFSM1IxEhESEFFwcXNxc3JzcnBycDtvo/+j/6A2z6+vr+6Nn6+vo/+j4D6P2w/mhwcCxwcC1xcS1wcAFE+vr6+vr6ATn6+gE5+vr6P/r6+t39rAPoLHBwLHBwLHBwLHBwAAoAAAAAA/QD9AADAAcACwAPABMAFwAbAB8AIwAoAAABFSM1IxUjNSMVIzUBFSM1IxUjNSMVIzUBFSM1IxUjNSMVIzUDKQERIQO2+j/6P/oDbPo/+j/6A2z6P/o/+j4BOAKw/BgBRPr6+vr6+gE5+vr6+vr6ATn6+vr6+vr8VgPoAAAAAAUAAAAAA/MDtQAjAFIAfQCwATcAAAERFR8FMxc/BxEvByMPBicRFR8GPwcRMz8GPQEvBisBDwgnFR8PNS8HNS8HDwYlFR8GMx8OFTMvEA8GBRUfDzsBPwU9AS8GIy8OPQI/DiEfFz8HLxAlDw4CvAMDBQUHBwTwBwgGBgQEAgEBAgQEBgYIA/AIBwcFBQMDfQIDBAQGBQcGBgUFBAICAfoGBgUFBAMCAgMEBQUGBvoGBwYLCggHBQEBvAEBAwQFBgcICQoKCwwMDQ0HDQsKCAYFAgECAwQEBgUHBgYFBQQCAgE4AgMEBAYFB10NDQwLCwoKCQgHBgYEAwI/AQMEBwgJCwwNDw8IERISE2cHBQYEBAMC/VABAwQGCAkLDA0OBxAQERISbAcFBgQEAwICAwQEBgUHYgwMDAsKCgoICAcGBQQDAgIDBAUGBwgICgoKCwwMDAEKCwsLCwkKCQgIBwYGBAQDAQICAgQFBQYGBwYFBAQDAgEBAwQGBwgKCgwNDQ8PCBAQEv7uExISEBAPDg0MCwkIBgQDAdr+lwgHBwUFAwMBAQMDBQUHBwQBbQcIBgYEBAIBAQIEBAYGCF3+igcGBQUDAwIBAQIDAwUFBgcBdgECAwQEBgUHBgYFBQQDAQEBAgUGCQoLBgZ+Rg8PDg4ODQwMCwoKCQgHBwVEBQkMDA4PEBBPBgYFBQQDAQEBAQMEBQUGzQYGBQUEAwEBAQIDBAUGCAgJCQoLDAwMDRMTEhEQEA4ODAoKBAcGAwIBAQIDBAQGBad1ExMTEREQDw0NCwUJBwUEAgIDBAQGBQcGBgUFBAMBAQECAwQGBggICQoLCwwMDQ50DQ0MDAsLCgkICAYGBAMCAQEBAwQFBQcHCAkJCwoLDAwVBgUFAwMCAQECAwMFBQYHFBISEBAPDg0MCwoIBwMFBAEBAQMFBwgJCw0NDxARERMTAAAAHAAAAAAD1APUAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwBHAEsATwBTAFcAWwBfAGMAZwBrAG8AADchNSElMzUjBTM1IwUzNSMlMzUjBTM1IwUzNSMlMzUjITM1IwczNSMHMzUjBTM1IwczNSMHMzUjITM1IyUzNSMFMzUjBTM1IyUzNSMFMzUjBTM1IyUzNSMHMzUjBzM1IwczNSMHMzUjBzM1IwczNSMrA6r8VgNrPz/+Sz4+/ko/PwNrPz/+Sz4+/ko/PwG2Pj4BtT8/fT8/fT8//ok/P30/P30/PwG2Pj4BtT8//ks+Pv5KPz8Daz8//ks+Pv5KPz8Daz8/fT8/fT8/uz4+vD8/fT8/fT8/Kz8+Pz8/Pz8+Pz8/Pz8+Pz4+Pj4+Pj4+Pj4+Pz4/Pz8/Pz4/Pz8/Pz4/Pz8/Pz8/Pz8/Pz8/AAAAAAQAAAAAA7UD9AADAA0AKgBQAAABESERJRUhNTMVIREhESUfBxUzFSE1MzU/Ch8BJw8KIxEhFSERIzUjNS8MDwIDd/6J/sgB9D7+yP7HAVYFBgQHBQIDAX3+iX0BAQIEBAUGBwkLDRAGRgYFCwkNCwoGBAIB+gF4AfR++gIEBAUHBwwOEBEMDAwNDAwCPv4MAfT6fHy7/gwCr3kDBAUJDAYODTc+PigWCgoJCAcHBgMDAQEBNgMDBggMDhAQDA0M/NM+AnH6DA0MCwsKCgwMCQcDAgEBAgMAAAUAAAAAA/QD8wAJAA0AEQBEAEoAABMzFSMVITUjESMBMzUjJxUjNSUPAx0BHwY7AT8GLwQhESEVIREhPwQvByMPAQUzFTMRIwx9fQE4fLwBOLy8fH4CusIEAwICAwTCBAYFBgYGBgUEAgIBAQIDBIoBEf3NAnH+sYoEAwIBAQICBAUFBgYGBgb9BLw++gFE+j4+ATkBdz59fX02uwUGBQcGBgUFvAMDAgIDBAUGBQYGBgUFhv2PPwLuhgUGBQYGBgYEBQMBAQID9bwBtgAAAAAFAAAAAAP0A/QACwAPABMAFwAnAAAlIxUzFTM1MzUjNSMBFSM1IxUjNSMVIzUDIREjFSM1IxUjNSMVIzUjAcJ+fj59fT4B9Po/+j/6PgPoPvo/+j/6Psg/fX0/fAF4+vr6+vr6/scCcfr6+vr6+gAABQAAAAAD9AP0AAMABwALABsAJwAAARUjNSMVIzUjFSM1AzM1MxUzNTMVMzUzFTMRISUjFTMVMzUzNSM1IwO2+j/6P/o+Pvo/+j/6PvwYAbZ+fj59fT4CPvr6+vr6+v3O+vr6+vr6AnH6P3x8P30AABAAAAAAA6QDpAADAAcACwAPABMAFwAbAB8AIwAnACsALwAzADcAOwA/AAAlITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhAngBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UAhwBLP7U/eQBLP7UXB4eHjweHh48Hh4ePB4eHvAeHh48Hh4ePB4eHjweHh4AEv/k/+QEHAQcAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8ARQBKAAAlITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJTMhESERAykBESECeAEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQB/gEs/tT+AgEs/tQBhh4B4PwEHgIcAhz7yHoeHh48Hh4ePB4eHjweHh7SHh4ePB4eHjweHh48Hh4eWvwEA/z75gQ4AAAAFf/k/+QEHAQcAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwBHAEsATwBUAAAlITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISURIREjESERJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJSE1IQUhNSElESERIxEhEQMpAREhAngBLP7U/gIBLP7UAf4BLP7U/gIBLP7UAf4BLP7U/gIBLP7UAf4BLP7U/gIBLP7UA4T+IB7+AgJ2ASz+1P4CASz+1AH+ASz+1P4CASz+1AH+ASz+1P4CASz+1AH+ASz+1P4CASz+1AOE/iAe/gIeAhwCHPvIeh4eHjweHh48Hh4ePB4eHlr+AgH+/gIB/ngeHh48Hh4ePB4eHjweHh5a/iAB4P4gAeD75gQ4AAAACQAAAAADaAOkAAMABwALAA8AEwAXABsAHwAlAAAlITUhJSE1ITUhNSE1ITUhARUjNSMVIzUlFSM1IxUjNQcdASERIQHiAYb+ev62AtD9MALQ/TAC0P0wArKWHpYBSpYelh4Bhv56XB48HjwePB4BSpaWlpa0lpaWlqgYqAGGAAAS/+QAAAQcA+AAAwAHAAsADwATABcAGwAfACMAJwArAC8AMwA3ADsAPwBDAFUAACUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJSE1IQUhNSElITUhBSE1ISUhNSEFITUhJSE1IQUhNSElESERKQERIRUhETMRIREzETMRMxEhAjwBDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yAeABDv7y/iABDv7yA0j+Pv4CAeD+IAHgHgHCHjwe+8hcHh4ePB4eHjweHh48Hh4e0h4eHjweHh48Hh4ePB4eHjz+PgHC/j4e/j4Bwv4+A6L8mgOEAAAACQAAAAADaAOkAAMABwALAA8AEwAXABsAHwAlAAA3ITUhNSE1ITUhNSE1ITUhARUjNSMVIzUlFSM1IxUjNQcdASERIZgBhv56AtD9MALQ/TAC0P0wAWiWHpYBSpYelh4Bhv56XB48HjwePB4BSpaWlpa0lpaWlqgYqAGGAAkAAAAAA2gDpAADAAcACwAPABMAFwAbAB8AJQAANyE1ITUhNSE1ITUhNSE1IQEVIzUjFSM1JRUjNSMVIzUHHQEhESGYAYb+egLQ/TAC0P0wAtD9MAH+lh6WAUqWHpYeAYb+elwePB48HjweAUqWlpaWtJaWlpaoGKgBhgADAAAAAAQAAwAAAwAHAAsAABEhNSE1ITUhNSE1IQQA/AAEAPwABAD8AAEAQMBAgEAAAAAAAwAAAAAEAAPAAAMABwALAAA1ITUhESE1IREhNSEEAPwABAD8AAQA/ABAQAGAQAFAQAAAAAMAAAAABAADQAADAAcACwAANSE1IREhNSE1ITUhBAD8AAQA/AAEAPwAwEABAEDAQAAAAAAGAAAAAAQABAAAAwAHABAAFAAYACEAACUhNSElITUhBScHFzcnBxEjASE1ISUhNSEFFzcRMxEXNycBgAKA/YABAAGA/oD+AFUroKArVUABAAKA/YABAAGA/oD9gCtVQFUroEBAgEDNTS+RkS9NAQ0BQECAQFEvTf7zAQ1NL5EAAAUAAAAAA6QDpAADAAcACwAPABMAADchNSE1ITUhNSE1IQERIREDIREhtgKU/WwClP1sApT9bALQ/PQeA0j8uLYePB48HgH+/PQDDPzWA0gABQAAAAADpAOkAAMABwALAA8AEwAAEyE1ITUhNSE1ITUhAREhEQMhESG2ApT9bAKU/WwClP1sAtD89B4DSPy4AaYePB48HgEO/PQDDPzWA0gAAAAABQAAAAADpAOkAAMABwALAA8AEwAAEyE1ITUhNSE1ITUhJREhEQMhESG2ApT9bAKU/WwClP1sAtD89B4DSPy4AngePB48Hjz89AMM/NYDSAACAAAAAAPAA78ABwAPAAATAQMzEwE3AQUzBxc3MzUhQAFdq6N5AV5T/NUBIHEjbVb7/XQDav6o/m8BGP6nUwMqfU1tuoAAAAADAAAAAAPAA8AATQBRAJcAAAEfBA8PIy8LFR8IPxg1LwMjHwElITUhAQ8UHwMzLwc/DjsBHwY1LwYPAgJ+BAIFAwEBAgQEBggJCgwNDhARExQWDQ0eHh4PDg8NDQwMCgoLDB0fICAsGCAfHh0cGgwNCwsLCgoJCQgHBwYFBQMDAgIBAwQHqwYM/ccDgPyAAYcODRoYFwsKCgkJCAcHBwUFBAMCAQEBAwQGsAkHBwYFBAIBAQMFBgkJCwsNDg4PEBAPEBwaGhgWFhQSEBMVFxkrMB0dHAFdBQYNDQ8ODQwLCgoICAcGBQQEAgEBAQQHCQUGBgcHCAgJkgUGBQgIBgUEAQECBAUICQUGBgcHCAgJCQoKCwwMDQ0ODw8QFBQTEgcNXIABcgQECgsOBwgICQoKCgsLDAwNDQ4ODxYUExEHCQgJCwwMDg8NDAwKCQgIBgYEAwMCAQMEBgcJCwyMBwYFBAQDAQECBQACAAAAAAQAA78ABwAPAAABMxEzETM1ISUhETMRITUhAgDAgMD+AP4AAQCAAQD9gAJA/gACAICA/QADAIAAAAAABAAAAAAEAAO/AAMABwALAA8AADUhNSE1ITUhNSE1ITUhNSEEAPwABAD8AAQA/AAEAPwAQICAgICAgIAAAwAAAAAEAAP/AAQACABMAAABJwMhAxMRIREnER8PIT8PES8PIQ8OAeKBoQKAvv79AIABAQMEBQcGCAkJCgoLDAwMAxAMDAwLCgoJCQgGBwUEAwEBAQEDBAUHBggJCQoKCwwMDPzwDAwMCwoKCQkIBgcFBAMBAVun/v4BgAEA/QADAAj88AwMDAsKCgkJCAYGBgQDAQEBAQMEBgYGCAkJCgoLDAwMAxAMDAwLCgoJCQgGBgYEAwEBAQEDBAYGBggJCQoKCwwMAAAMAAAAAAPAA78AAwAHAAsADwAVABkAHQAhACUAKQAtADEAACUzNSMHMzUjNzM1IzUzNSMFFREhESElMzUjBTM1IyUzNSMHMzUjBzM1IwczNSMHMzUjA0CAgMCAgMCAgICA/QACAP4AAwCAgP0AgIADAICAwICAwICAwICAwICAQICAgECAQICAQP7AAgBAgICAQICAgICAgICAgAACAAAAAAQAA/8ACAARAAATMwcXNxUzESEBNSMRITUjNydApuZa5oD+gAKAgAGApeVaAUDlW+amAYABWqb+gIDlWwAAAAIAAAAABAAD/wAEABcAADUVMwEnNwcXPwM1LwYjDwLiAlvhsXbiegYFAgIFBpUKCgwNCwsF4uICXOGyduJ7CQsLDQsLCpUGBQICBQMAAAAAAwAAAAADQAPAACIARQCQAAABMx8NHQEPDiM1EzMfDg8PIzUDITM/EC8PPw49AS8TIyECPAoKCgkJCQcIBgYFBAQCAgICBAQFBgYIBwkJCQoKCryaCwoJCgkICAcGBgUFAwICAQECAgMFBQYGBwgICQkKCguawAGlCwsLCxUUExIREA4NCwkHBgMBAQEDBAUGBwgJCgoLDAwNDgoKCQkICAcGBgUEBAMCAQEBBQcJCw0OEBISFAsLCgwLDAsMDf6OAbUCAwMFBgYHCAkJCgoLCwwLCwsKCgkJCAcHBQUEAgIB4AF1AgMDBQYGBwgJCQoKCwsMCwsLCgoJCQgHBgYFAwMCAeD9FgECAgYICg0ODxETFBUXFxgZEhESEBEPDw8ODQwLCwoJBwkJCQoKCgsLCwsMDAwMDA0NDQ0aGBgWFRMSEA4MBQUEBAMCAgEAAAAABAAAAAAEAAO/AAMABwALAA8AADUhNSE1ITUhNSE1ITUhNSEDAP0ABAD8AAMA/QAEAPwAQICAgICAgIAABAAAAAAEAAP/AD8AfwCEAQYAACUVDw4vDj0BPw07AR8NERUPDSsBLw09AT8OHw4lBxcBNQUVHxA/BxcHLwYjDw8fDz8PLwc3ATM1ATUvDw8OAUACAgQEBAYGBwcICQgKCQoKCQoICQgHBwYGBAQEAgICAgQEBAYGBwcICQgKCQoKCQoICQgHBwYGBAQEAgICAgQEBAYGBwcICQgKCQoKCQoICQgHBwYGBAQEAgICAgQEBAYGBwcICQgKCQoKCQoICQgHBwYGBAQEAgIB//+AAUD8AAEEBQcJCwwODwgREhMUFRYVEg0MDAwMCws7OwsMDQwNDQ0OFxYWFBQSEg8PDQsJCAUEAQEEBQgJCw0OEBETExUVFxYYFhYUFBIREA8MDAkIBQQBAQEDAwQFBgdeAUDA/cADBAYICgsNDhAREhIUFRUWGxYVFBMTEQ8PDAsKBwYE4AoJCQkJCAcHBgYEBAQCAQEBAQIEBAQGBgcHCAkJCQkKCgkKCAkIBwcGBgQFAwICAgIDBQQGBgcHCAkICgkCNgoJCggJCAcHBgYEBQMCAgICAwUEBgYHBwgJCAoJCgoJCggJCAcHBgYEBAQCAQEBAQIEBAQGBgcHCAkICgmT/YABQECdAxkVFRQTEhAQDgcMCgkHBQMBAQECAwMEBQVYWAUFBAQCAgIBBAUICQsNDw8SEhQUFhYXFxYVFRQSERAPDQsJCAUEAQEEBQgJCw0PDxISExUVFhcRDg8ODg4NDDD+wEACYEccFRQTExEQDw4MCgkHBQQBAQQGBwkMDA8PERIUFBUWAAAAAAIAAAAAAmAD/wADAAcAACEzESM1MzUjAaDAwMDAAoDAwAAAAAMAAAAABAAD/wADAEcAXQAAAREhESMRHw8hPw8RLw8hDw4nETMRITUhDw4DgP3AgAECAwQFBwcJCQkLCwwMDQ0CQA0NDAwLCwkJCQcHBQQDAgEBAgMEBQcHCQkJCwsMDA0N/cANDQwMCwsJCQkHBwUEAwLBgAKA/YANDQwMCwsJCQkHBwUEAwICwP3AAkD9wA0NDAwLCgoJCQcGBgQDAgEBAgMEBgYHCQkKCgsMDA0NAkANDQwMCwoKCQkHBgYEAwIBAQIDBAYGBwkJCgoLDAwNs/1AAsCAAQIDBAYGBwkJCgoLDAwNAAACAAAAAAOAA78AAwALAAA3IREhNyEVITUhNSHAAoD9gMD/AAMA/wD/AEACgMCAgEAAAAAABQAAAAAEAAO/AAMABwALAA4AEgAANSE1ISUhNSE1ITUhATcnNSE1IQQA/AABgAKA/YACgP2A/oDAwAQA/ABAgICAgID+gMDAgIAAAAMAAAAAA/8D/wADAB4AIgAAKQE1IQEPBxUfCjM/AwE3CQIBgAKA/YD+sAsJCAYGBAICAgIEBgcECtgICAgJCAgIWP6qOQFWAbv+qoABngsMDA0NDg0ODg4NDgwNBQzNBQMCAgMFVAFGNP66AacBRwABAAAAAAQAAwAAZAAAESEnPw47AR8eNy8eIw8PJwHAtw0ODg8PDxAQEBEREhESEhIREBEQEBAPDw8PDg4ODg0MDQsMCwsKCgkJCAgHBwYGBXgHBwkICgoLDAwNDQ4PDw8QERESERMSFBMUFBUUFRYVFhkYGBcXFxcWFRUVFBQTEhK0AQDQDAsKCgkIBwcGBgUDAwMBAQICAwQFBQUHBwcICAoJCgsLCwwMDQ0ODg4ODw8QECoVFBQUExITEREREBAPDg4ODAwLCwkJCQcHBQUFAwICAQEEBAUGCAkJCwsMDg4PENEAAAAAAgAAAAAEAAP/AAgAEQAANzUjESE1IzcnATMBFwEVMxEhgIABgKbjWgEdpv79WgEDgP6A26X+gIDjWgHD/v1aAQKlAYAAAAAAAgAAAAADgAP/AAMAaQAAMyE1IRMVHx07AT8dNREjEQ8PLw8RI4ADAP0AQAICAwMEBQYHBwcJCQkKCwsMDAwNDg0ODw8PEA8QERAQERAPEA8PDw4NDg0MDAwLCwoJCQkHBwcGBQQDAwICgAEDBgcICgwNDg8QEREREhISEhERERAPDg0MBQkIBgUCgIABgBAREA8QDw8PDg0ODQwMDAsLCgkJCQcHBwYFBAMDAgICAgMDBAUGBwcHCQkJCgsLDAwMDQ4NDg8PDxAPEBEQAgD+ABUTExIREA8NDAsJCAYEAwEBAwQGCAkLDA0PCBARExMVAgoAAAgAAAAAA/gDuQADADMANwBnAGsAmwCfAM8AACUhNSEHFR8JOwE/CT0BLwkrAQ8JNyE1IQcVHwk7AT8JPQEvCSsBDwk3ITUhBxUfCTsBPwk9AS8JKwEPCTchNSEHFR8JOwE/CT0BLwkrAQ8JAQQC9P0M/AECAgYHCgoGBgcGBgcGBgoKBwYCAgEBAgIGBwoKBgYHBgYHBgYKCgcGAgIB/AL0/Qz8AQICBgcKCgYGBwYGBwYGCgoHBgICAQECAgYHCgoGBgcGBgcGBgoKBwYCAgH8AvT9DPwBAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwYGBwYGCgoHBgICAfwC9P0M/AECAgYHCgoGBgcGBgcGBgoKBwYCAgEBAgIGBwoKBgYHBgYHBgYKCgcGAgIBR34/BgcGBgoKBwYCAgEBAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGB7d+PwYHBgYKCgcGAgIBAQICBgcKCgYGBwYGBwYGCgoHBgICAQECAgYHCgoGBge3fj8GBwYGCgoHBgICAQECAgYHCgoGBgcGBgcGBgoKBwYCAgEBAgIGBwoKBgYHt34/BgcGBgoKBwYCAgEBAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwAAAAADAAAAAAQAA4AAQADAAUAAAAEVHw8/Dy8PDw4FFQ8dKwEvHT0BPx07AR8dBR8eOwE/Hi8eKwEPHQFgAQIEBgYICgoLDQ0ODhAQEBAQEA4ODQ0LCgoIBgYEAgEBAgQGBggKCgsNDQ4OEBAQEBAQDg4NDQsKCggGBgQCAb8BAgMDBAQGBQcHBwgJCQkKCwsLDAwMDQ0NDg4ODw4PDw4PDg4ODQ0NDAwMCwsLCgkJCQgHBwcFBgQEAwMCAQECAwMEBAYFBwcHCAkJCQoLCwsMDAwNDQ0ODg4PDg8PDg8ODg4NDQ0MDAwLCwsKCQkJCAcHBwUGBAQDAwIB/OAICAkKCgsMDA0NDg8PDxAQERIRExITExQUFBUVFRUWFhYWFRUVFRQUFBMTEhISEREREA8PDg4ODQwLCwsKCQgICAgJCgsLCwwNDg0PDw8QERASEhISExMUFBQVFRUVFhYWFhUVFRUUFBQTExITERIREBAPDw8ODQ0MDAsKCgkIAgAICBAQDg4NDQsKCggGBgQCAQECBAYGCAoKCw0NDg4QEBAQEBAODg0NCwoKCAYGBAIBAQIEBgYICgoLDQ0ODhAQEA8ODw4ODg0NDQwMDAsLCwoJCQkIBwcHBQYEBAMDAgEBAgMDBAQGBQcHBwgJCQkKCwsLDAwMDQ0NDg4ODw4PDw4PDg4ODQ0NDAwMCwsLCgkJCQgHBwcFBgQEAwMCAQECAwMEBAYFBwcHCAkJCQoLCwsMDAwNDQ0ODg4PDg8VFBQUExMSEhEQEQ8PDg4NDQsLCwkJCAgGBgUEAwICAgIDBAUGBggICQkLCwsNDQ4ODw8REBESEhMTFBQUFRUUFBQTExISERARDw8ODg0NCwsLCQkICAYGBQQDAgICAgMEBQYGCAgJCQsLCw0NDg4PDxEQERISExMUFBQAAAkAAAAAA/gDuQACAAYAEQAVAFgAXACDAIcAjgAANyM3FyE1IQcVMxUzNTM1IzUjNyE1IQ8BFz8DMx8CDwMjFTMfAxUXDwQvAwcfAzM/BjUvBD8CPQEvBg8CNyE1IQ8BFz8DHwMdAQ8DFTM1Iz8GLwcPAjchNSEHFzcVMzUjSAkJvAL0/Qz8QCsTEye4AvT9DOwHDRIFBQYEBQIBAQEFCRkcCAQDAgECAgMECAcHBhEOCAwLDQ8ODAkIBgQBAQECBgcFBAMDBAUHCQsNDQwK5AL0/QzuBxEMCQYGBwUCAQIECzFxKxAHBgQEAgEBAgQGCAkMDQ0MC+MC9P0M6woUKxyLC09+QxohISNMbH4FBSILAgEBAgIEAgIDAiMCAQMDAgQEAwIBAQEBAgoiBQUDAgMEBQcICAgKBAUECAcGBggHCAcGBwUEAgEBAwN/fgsFIQoFAgEBAwEDBQYFBg0qGiQPCAgICAgJCAkHBwYFAwEBAwSCfhQiCWOQAAAAAgAAAAAEAAPAADUAawAAASMVMxUfDzM/BScPAyMvDTUzNSM1IyUjFTMRHw8/BicPAy8OETM1IzUjAsDAwAECAwUGCAkKDAwODhAREhMQEBAXFQwJEQ8QERAICAcGBwUGBAUEAwICAgHAwID+AMDAAQIDBQYICQoMDA4OEBESExAQEBcVDAkRDxAREAgIBwYHBQYEBQQDAgICAcDAgAIAgGAcGxgXFBMQDg0KCQgGBAIBAgIGBwUGYwQDAgECAQMDBAUGBggICgsNDW6AwECA/qYcGxgXFBIRDgwLCQgFBAMBAQEDBQcGBmIEAwIBAQECAgQEBAYHBwkKCwwNAWiAwAAAAAAD/8AAAARAA58AAgBRALMAAAE1IychHw4dAQ8OIxc/DzUvGCElFw8PFR8XMyE1IS8OPQE/DjMXIxUzFxUzFzcnMScjJzEnMQECwGgYAQAODQ0MDAsKCgkHBwYEBAICBAQGBwcJCgoLDAwNDQ4ibhMSEhEQDg4NCwoJBAcFAwIBAgIDBAQEBQYGDg8SExQWCwwMDAwNDQ0N/wD96mMWFRQTEhEPDw0GCgkIBgQCAQICAwQEBAUGBg4PEhMUFgsMDAwMDQ0NDQEA/wAODQ0MDAsKCgkHBwYEBAICBAQGBwcJCgoLDAwNDQ5CRgiIeEiiRF55AUaA/p4B2GhGAQIDBQUHCAgKCgsMDA0NDg4NDQwMCwoKCAgHBQUDAgFsBwgJCwwNDw8QEhIJExQUFRgNDQwNDAwLCwsLFBMSDw4MBQQEBAMCAQEBXWIGBwkKDA0PEBEJExMVFRYXGA0NDA0MDAsMCwoVEhIPDgwFBAQEAwICAXkBAgMFBQcICAoKCwwMDQ0ODg0NDAwLCgoICAcFBQMCAUaAd0ihRF15RoABYAAAAAMAAAAAA+AD4AALAHsBAgAAASMVMxUzNTM1IzUjBRUPGSsBLxk9AT8ZOwEfGQUVHx4/DxcVATcBIyc/Dy8eKwEPHQFggIBAgIBAASoBAgIDBAQFBQYGBw8QExQKCwsMDAwMDQ0NDQ0ODQ0NDA0MDAsLCwsUEhEPBwYGBQUEAwMDAQEBAQMDAwQFBQYGBw8REhQLCwsLDAwNDA0NDQ4NDQ0NDQwMDAwLCwoUExAPBwYGBQUEBAMCAgH9lgICAwQFBgYHCAkJCgsLDAwNDg4ODxAPERAREhESEhMQEBAPEA8PDg8ODg0NDQwMEAEEYf78MxAJCQkHCAcGBQYEBAMCAgEBAQEDAwQFBQcHCAgKCgoLDA0NDQ4PDw8QEBERERISEhITEhIREhEQEBAQDw4ODg0MDAsLCgkJCAcGBgUEAwICAqBAgIBAgKYNDg0MDQwMDAwLCwoUExEPBgcFBgQEBAMCAgEBAgIDBAQEBgUHBg8RExQKCwsMDAwMDQwNDg0NDg0NDAwNCwwLCwsUEhEPBwYGBQUEAwMCAgEBAgIDAwQFBQYGBw8REhQLCwsMCw0MDA0NDg0SExESEREREBAPDw8ODQ0NDAsLCQoICAcHBQUEAwMBAQEBAgIDBAQFBgYHBwgJCQkQNP79YQEEEAwMDQ0NDg4ODw8PEA8QEBATEhIREhEQEQ8QDw4ODg0MDAsLCgkJCAcGBgUEAwICAgIDBAUGBgcICQkKCwsMDA0ODg4PEBAQEBESERITAAAAAgAAAAADwAO/AAgAQgAAATMBFwEVMxEhBREfDyE/DzUjFSERMzUjDw4CAOb+i1oBdYD+QP5AAQIDBAUHBwgJCgsLDAwNDQKADQ0MDAsKCgkJBwYGBAMCAYD9gMDADQ0MDAsLCgkIBwcFBAMCA0D+i1oBdeYBwID9gA0NDAwLCgoJCQcGBgQDAgEBAgMEBgYHCQkKCgsMDA0NwMACgIABAgMEBgYHCQkKCgsMDA0AAAAEAAAAAAQAA78AAwAHAC8AMwAAARUhNSUVIzUhETMVITUzES8PIQ8ONyE1IQLA/oACQID9AMACgMABAgMEBQcHCAkKCwsMDA0N/QANDQwMCwsJCggHBwUEAwK/AoD9gAGAwMDAgID+wMDAAUANDQwMCwsKCQgHBwUEAwIBAQIDBAYGBwkJCgoLDA0Ms8AAAAACAAAAAAOAA78AAgAKAAABBRMBMxMhEzMBIwKA/wCA/oCAYgE7Y4D+wIABwAEBgf0AAQD/AAOAAAQAAAAABAADvwADAAcACwAPAAAlITUhJSE1ISUhNSElITUhAQADAP0A/wAEAPwAAQADAP0A/wAEAPwAQICAgICAgIAAA//AAAAEQAMAAAMAXQC3AAABITUhJSEzHw0dAQ8NIyEVITM/Fz0BLxcjIQEVHxczITUhIy8NPQE/DTMhNSEjDxcBQAGA/oABAAEADg0NDAwLCgoJBwcGBAQCAgQEBgcHCQoKCwwMDQ0O/wABAA0NDQ0MDAwMCwsVFBIRDg0GBQQEBAMCAgEBAgIDBAQEBQYNDhESFBULCwwMDAwNDQ0N/wD9gAECAgMEBAQFBg0OERIUFQsLDAwMDA0NDQ0BAP8ADg0NDAwLCgoJBwcGBAQCAgQEBgcHCQoKCwwMDQ0OAQD/AA0NDQ0MDAwMCwsVFBIRDg0GBQQEBAMCAgEBwIBGAgQEBgcHCQoKCwwMDQ0ODg0NDAwLCgoJBwcGBAQCegECAgMEBAQFBg0OERIUFQsLDAwMDA0NDQ0NDQ0NDAwMDAsLFRQSEQ4NBgUEBAQDAgIB/wANDQ0NDAwMDAsLFRQSEQ4NBgUEBAQDAgIBegIEBAYHBwkKCgsMDA0NDg4NDQwMCwoKCQcHBgQEAnoBAgIDBAQEBQYNDhESFBULCwwMDAwNDQ0AAwAAAAAEAAO/AAMABwALAAABESERIxEhEQMhESEDgP7AgP7AgAQA/AADAP3AAkD9wAJA/UADgAAD/8AAAARAA/8ABQALAA8AAAEXBxcJAzcnNycTFxMnAqPp6VoBQ/6+/MIBQ1rp6VtAfPl8Avjr6VoBQgFG/rr+vlrp61r8zR8D4R8AAwAAAAAD4APgAAMAcwD6AAATITUhBRUPGSsBLxk9AT8ZOwEfGQUVHx4/DxcVATcBIyc/Dy8eKwEPHeABQP7AAaoBAgIDBAQFBQYGBw8QExQKCwsMDAwMDQ0NDQ0ODQ0NDA0MDAsLCwsUEhEPBwYGBQUEAwMDAQEBAQMDAwQFBQYGBw8REhQLCwsLDAwNDA0NDQ4NDQ0NDQwMDAwLCwoUExAPBwYGBQUEBAMCAgH9lgICAwQFBgYHCAkJCgsLDAwNDg4ODxAPERAREhESEhMQEBAPEA8PDg8ODg0NDQwMEAEEYf78MxAJCQkHCAcGBQYEBAMCAgEBAQEDAwQFBQcHCAgKCgoLDA0NDQ4PDw8QEBERERISEhITEhIREhEQEBAQDw4ODg0MDAsLCgkJCAcGBgUEAwICAmBAJg0ODQwNDAwMDAsLChQTEQ8GBwUGBAQEAwICAQECAgMEBAQGBQcGDxETFAoLCwwMDAwNDA0ODQ0ODQ0MDA0LDAsLCxQSEQ8HBgYFBQQDAwICAQECAgMDBAUFBgYHDxESFAsLCwwLDQwMDQ0ODRITERIREREQEA8PDw4NDQ0MCwsJCggIBwcFBQQDAwEBAQECAgMEBAUGBgcHCAkJCRA0/v1hAQQQDAwNDQ0ODg4PDw8QDxAQEBMSEhESERARDxAPDg4ODQwMCwsKCQkIBwYGBQQDAgICAgMEBQYGBwgJCQoLCwwMDQ4ODg8QEBAQERIREhMAAAIAAAAAA8ADgAAvADsAAAEzFSMPCh0BMzUjNTM/Cj0BLworAQEDMxsBMwMTIwsBIwMAgEcGBgYFCwgHAwICAcCARwYGBgYKCAcDAgIBAQICAwcICgYGBgYHgP4g4IDAwHnZ4IDAwIADQEABAgIDBwgKBgYGBgeAQEABAgIDBwgKBgYGBgdHBgYGBgoIBwMCAgH+gP6AATr+xgGAAYD+xgE6AAAAAQAAAAADgAO/AD0AABMVHxczETMRMxEzETM1ISMPF4ABAgIDBAQEBQYNDhESFBULCwwMDAwNDQ0NgICAgP4ADQ0NDQwMDAwLCxUUEhEODQYFBAQEAwICAQLADQ0NDQwMDAwLCxUUEhEODQYFBQQDAwICAf6AAwD9AAMAgAECAgMEBAQFBg0PEBIUFQsLDAwMDA0NDQAAAAABAAAAAAQAAv8AZAAAAS8OKwEPHhc/Hx8PByERA0wSEhMUFBUVFRYXFxcXGBgZFhUWFRQVFBQTFBITERIRERAPDw8ODQ0MDAsKCggJBwd4BQYGBwcICAkJCgoLCwwLDQwNDg4ODg8PDw8QEBAREBESEhIREhEREBAQDw8PDg4NtwHAAjAPDw4ODAwKCggIBgUFAwICAgMEBQYHBwkJCQsLDAwODQ8PEBAQEhETEhMUFBQVKQ8QDw8ODw0ODQ0MDAsLCwoKCQgICAYHBQUFBAMCAgEBAQECAwQFBQcGCAgJCgoLC9ECAAAAAwAAAAADwAP/AAcACwBmAAABFSE1MxEhESUVIzUjIQ8LFREVHwszITM/CjURNS8LIS8OKwEPDgEAAgBA/YABgIBA/wAHBgYGBgoIBwMCAgEBAgIDAwgJBQYGBgYHAuAmBwYGBQsIBwMCAgEBAgIDBwgKBgYGBgf/AAMDBAUHCQoNBwcJCQkKCwwMCwoJCQgIBwwLCAcFBAMCAwBAQP2AAoCAQEABAQEDAgcJCgYGBgYH/QEGBwYGBQYJCAMDAgIBAQICAwcICwUGBgcGAuAmBwYGBQoJBwMCAQEBHgoMDAwLCwoEBAQCAwIBAQIDAgQEBAoLCwwMCwsKAAAAAv/AAAAEQAM/AAUACwAAAwE3JzcnBRcHFwkBQAFDWufnWgGg5+daAUP+vQH+/sJb5OZbW+bkWwE+AUIAAgAAAAADwAN/AC8AOwAAATMVIw8KHQEzNSM1Mz8KPQEvCisBJQMzGwEzAxMjCwEjAwCARwYGBgULCAcDAgIBwIBHBgYGBgoIBwMCAgEBAgIDBwgKBgYGBgeA/iDggMDAednggMDAgAGAQAECAgMHCAsFBgYGB4BAQAECAgMHCAsFBgYGB0cGBgYGCggHAwICAUD+gAE6/sYBgAGA/sYBOgAAAAADAAAAAAQAA78AIwAnACsAAAERFR8FMyEzPwYRLwYjISMPBSURIREDIREhAQACAgIDBAQEAVUFBAMEAgIBAQEBAgIEAwQF/qsEBAQDAgICAoD9AIAEAPwAAqv+6gQEBAMCAgICAgIDBAQEARYEBAQDAgICAgICAwQEkf2AAoD9AAOAAAACAAAAAAQAA38ABgANAAARFzUhNSE1ASEVIRU3J8ACQP3AAoD9gAKAwMABQMCAgIABAICAwMAAAAEAAAAAA4ADvwALAAABMwMjFSE1IxMzNSEBgKXquwIApeq7/gADQP2AgIACgIAAAAEAAAAAA4ADvwAHAAATIREzESE1IYABQIABQP0AA0D9AAMAgAAAAAADAAAAAAPAA78AMQA0AGoAACUVHw07AT8NPQEvCA8GAyETJxcBDwYdAR8GAR8GOwE/BgE/Bj0BLwYBAwECAgMEBQYGBwcICAkJCgkKCgkJCAgHBwYGBQQDAgICBAkHCAkSEBcvEggHBgUDQP4C/8Bt/uQFBAMDAgIBAQICAwMEBQE1BQUGBgcGBwYHBgcGBgYGBQE0BQQEAgMBAQEBAwIEBAX+LqgKCwoJCQkIBwcGBQQEAgICAgQEBQYHBwgJCQkKCwoHDQ8WDw8PGxgcQRwPDw8PDgEKAQC3bv7jBQYGBgYGBwcGBwYGBgYGBf7KBQQEAwICAQECAgMDBAUBNgUGBgYGBwYHBwYHBgYGBgUB1AAAAAAFAAAAAAQAA78AAwAHAAsADgASAAA1ITUhJSE1ITUhNSENARElITUhBAD8AAGAAoD9gAKA/YD+gAEA/wAEAPwAQICAgICAwMABgICAAAAAAAQAAAAABAADvwADAAcACwAPAAA3ITUhJyE1ITchNSEnITUhgAMA/QCABAD8AIADAP0AgAQA/ABAgICAgICAgAACAAAAAAOAA78AAgAKAAABBRMBMxMhEzMBIwKA/wCA/oCAYgE7Y4D+wIABwAEBgf0AAQD/AAOAAAYAAAAAAzMD9AA/AH8AvwD/AT8BfwAAJRUfDj8PLw8PDgUfDz8OPQEvDg8OARUfDTsBPw4vDisBDw0FHw47AT8NPQEvDSsBDw0BFR8OPw8vDw8OBR8PPw49AS8ODw4CTQIDBAUGBggICQkKCwsMCwwMCwoKCgkIBwcGBQQCAgEBAgIEBQYHBwgJCgoKCwwMCwwLCwoJCQgIBgYFBAMC/n8BAgIEBQYHBwgJCgoKCwwMDAsLCwoJCQgIBgYFBAMCAgMEBQYGCAgJCQoLCwsMDAwLCgoKCQgHBwYFBAICAYACAwQFBgYICAkJCgsLDAsMDAsKCgoJCAcHBgUEAgIBAQICBAUGBwcICQoKCgsMDAsMCwsKCQkICAYGBQQDAv5/AQICBAUGBwcICQoKCgsMDAwLCwsKCQkICAYGBQQDAgIDBAUGBggICQkKCwsLDAwMCwoKCgkIBwcGBQQCAgGAAgMEBQYGCAgJCQoLCwwLDAwLCgoKCQgHBwYFBAICAQECAgQFBgcHCAkKCgoLDAwLDAsLCgkJCAgGBgUEAwL+fwECAgQFBgcHCAkKCgoLDAwMCwsLCgkJCAgGBgUEAwICAwQFBgYICAkJCgsLCwwMDAsKCgoJCAcHBgUEAgJ/CwwLCwoJCQgIBgYFBAMBAQEBAwQFBgYICAkJCgsLDAsMDAsKCgoJCAcHBgUEAgIBAQICBAUGBwcICQoKCgsMDAsMCwsKCQkICAYGBQQDAQEBAQMEBQYGCAgJCQoLCwwLDAwLCgoKCQgHBwYFBAICAQECAgQFBgcHCAkKCgoLDAF1DAsLCwoKCAkHBwUFBAMCAgMEBQUHBwkICgoLCwsMDAsLCwoKCAkHBwUFBAMCAgMEBQUHBwkICgoLCwsMDAsLCwoKCAkHBwUFBAMCAgMEBQUHBwkICgoLCwsMDAsLCwoKCAkHBwUFBAMCAgMEBQUHBwkICgoLCwsBdQwMCwoKCgkIBwcGBQQCAgEBAgIEBQYHBwgJCgoKCwwMCwwLCwoJCQgIBgYFBAMBAQEBAwQFBgYICAkJCgsLDAsMDAsKCgoJCAcHBgUEAgIBAQICBAUGBwcICQoKCgsMDAsMCwsKCQkICAYGBQQDAQEBAQMEBQYGCAgJCQoLCwwAAAAIAAAAAAPnA/QAPwBDAJIAlgCaAJ4AogDQAAABDw4rAS8NPQE/DTsBHw0lFSM1JQ8EJyMPAhUfAg8BHwEPAh8DMzcfBzM/BxczPwMvAj8BLwE/AT0BLwIPAS8HIw8CJRUjNSUVIzUjFSM1IxUjNScRFR8GISc9ATM/AiM1MxU/ATUzFR8BES8HIQ8GAyABAQICBAMFBAYGBgYHBwgHCAgHBwYGBgUFBQMEAgIBAQICBAMFBQUGBgYHBwgIBwgHBwYGBgYEBQMEAgIB/fTIAkMLDAwMC0kFBQM8AQI9AQEBAT0DAQE7BAUFSAwLDA0LAwQEdgUEAgsNDAwLSAYEBDsBAQI9AQEBAT0DOwQFBUkLCw0MDAIEBHQFBAP+g8gCvMgyyDLIMgICAwQEBQUBFgM2BxEKWMgYGsgZGQEBAwMDBQQF/RIFBQQEAwICAR8IBwcHBwYGBQUEBAMDAQICAQMDBAQFBQYGBwcHBwgIBwcHBwYGBQUEBAMDAQICAQMDBAQFBQYGBwcHB6fIyFhIBgYIBxwCA2MFBQQvDQ4ODS8EBQVjAwIcBwgGBksEAwICAwRLBgYIBxwCA2MFBQQvDQ4ODS8EBQVjAwIBHAgIBgZLBAMCAQIEncjI+sjIyMjIyBn9EgUFBAQDAgEBGQzVDRkMyGgNDE82BAUBUgUFBAQDAgEBAQECAwQEBQAAAAMAAAAAA8AEAAADAAcAPwAAAREhESMRIREnERUfCjMhMz8KNRE1LwojISMPCgNA/wCA/wCAAQICAwcICgYGBgYHAwAHBgYGBgoIBwMCAgEBAgIDBwgKBgYGBgf9AAcGBgYGCggHAwICAQOA/QADAP0AAwBA/IAHBgYGBgoIBwMCAgEBAgIDBwgKBgYGBgcDgAcGBgYGCggHAwICAQECAgMHCAoGBgYGAAMAAAAABAADgAADAAcAPwAAARUhNQEVITUnERUfCjMhMz8KNRE1LwojISMPCgOA/QADAP0AgAECAgMHCAoGBgYGBwOABwYGBgYKCAcDAgIBAQICAwcICgYGBgYH/IAHBgYGBgoIBwMCAgEBwMDAAUDAwED9gAcGBgYGCggHAwICAQECAgMHCAoGBgYGBwKABwYGBgYKCAcDAgIBAQICAwcICgYGBgYAAAEAAAAAA4AEAAALAAATCQEVITUhCQEhNSGAAVv+pQMA/gsBCv72AfX9AAOQ/nD+cHCoAVgBWKgAAQAAAAAD4AP/AAUAAAERFxEBIQGgwAGA/EACQP6AwAJAAcAAAQAAAAADwAO/AAsAAAkBBwkBFwkBNwkBJwIA/m0tAZP+bS0BkwGTLf5tAZMtAi0Bky3+bf5tLQGT/m0tAZMBky0AAAACAAAAAAP+A/8ACwATAAABFwcXNxc3JzcnBycJAREXEQE1IQJnh4dDh4pDh4dDiof9WAE/vwE//MMBe4qJRYmJRYmKRYiIAcD+wP6AwAJAAUCAAAACAAAAAAP+A/8ABQCFAAAJAQM3FwkBFR8ePx49AS8eDx4DZf41/0i3AYP85QIEBAYHCAkKCw0NDg8QERITExQVFRYWGBcZGBkaGhoaGhoZGBkXGBYWFRUUExMSERAPDg0NCwoJCAcGBAQCAgQEBgcICQoLDQ0ODxAREhMTFBUVFhYYFxkYGRoaGhoaGhkYGRcYFhYVFRQTExIREA8ODQ0LCgkIBwYEBAICzf4zAQBItwGF/uoaGhoZGRgYFxcWFRUUExMSERAPDg4MCwsJCAcFBQMCAQECAwUFBwgJCwsMDg4PEBESExMUFRUWFxcYGBkZGhoaGhoaGRkYGBcXFhUVFBMTEhEQDw4ODAsLCQgHBQUDAgEBAgMFBQcICQsLDA4ODxAREhMTFBUVFhcXGBgZGRoaAAIAAAAAA/8D/wADAAwAADEhNSElJwcJAScHESMEAPwAAgDpLQE2ATct6kBA6+st/scBOS3rAtUABgAAAAAEAAQAAAMABwALABcAGwAfAAABFSE1IxUhNSMVITUBIxUzFTM1MzUjNSMlESERAyERIQPA/wBA/wBA/wABwMDAQMDAQAHA/IBABAD8AAEAwMDAwMDAAYBAwMBAwED9wAJA/IAEAAAABgAAAAAEAAQAAAsAEQAVABkAHQAhAAABIxUzFTM1MzUjNSMnMyERIREBFSE1IxUhNSMVITUDIREhAgDAwEDAwEDAQAJA/IADgP8AQP8AQP8AQAQA/AABgEDAwEDAQP3AAkABAMDAwMDAwPyABAAAAAMAAAAAA98D/wAIAAwAFQAAJRc3ETMRFzcnJSE1ISUnBxc3JwcRIwFgK1VAVSug/iADwPxAAcBVK6CgK1VA7y9N/vMBDU0vkYBAs00vkZEvTQENAAUAAAAABAAEAAACAAYACgAZAB0AACUhNxMzESMBMxEjIREjNyc3JwcnBxcHFyERAyERIQLS/pyyYEBA/sBAQAKA7S2zsy2zsy2zsy3+00AEAPwAQLMBTQFA/sABQPzALbOzLbOzLbOzLQNA/IAEAAADAAAAAAQABAAACwAXABsAAAEXBxc3FzcnNycHJyURIREzNyE1IScjEQMhESEBwLOzLbOzLbOzLbOzAdP8gPhA/sgBOED4QAQA/AACk7OzLbOzLbOzLbOzwPzAAQBAwEABAPyABAAAAAYAAAAABAAEAAADAAcAEwAXABwAIAAAAREhEQEVITUFIxUzFTM1MzUjNSMlESERIxkBIREDIREhA8D/AAEA/wD+gMDAQMDAQAKA/wBA/cBABAD8AAFA/wABAAEAwMBAQMDAQMDA/wABAP8A/cADQPyABAAAAgAAAAAD/wP/AAgADAAAExc3ETMRFzcBJSE1Iakt6kDpLf7K/iAEAPwAAhYs6v0sAtTqLQE5cEAAAAAABgAAAAAEAAQAAAMABwATABcAGwAfAAABESERARUhNQUjFTMVMzUzNSM1IyURIREjESERAyERIQFA/wABAP8AAkDAwEDAwEABQP3AQP8AQAQA/AABQP8AAQABAMDAQEDAwEDAwPzAA0D/AAEA/IAEAAAAAAACAAAAAAP3A/gABAAXAAA3FTMBJzcHFz8DNS8HDwII3gJS3q903ngGBQICBQaOCQoLDAwLCubeAlLer3TeeAoKDAwLCwmPCAUDAQEDBQAAAAMAAAAAA9oD+AAIAAwAFQAAJRc3ETMRFzcnJSE1ISUnBxc3JwcRIwFkK1M/VCqd/iQDtPxMAbxTK56dKlQ/8y5M/vcBCUwuj34/sEwuj48uTAEJAAcAAAAAA/gD+AADAAcACwAPABMAGAAeAAABFSM1IRUjNQEVIzUhFSM1ARUjNSEzFSM1IxURIREhA7n8/ob8A3L8/ob8A3L8/Yv7/D8D8PwQAUP8/Pz8ATv8/Pz8ATv8/Pz8/P1LA/AAAgAAAAAD+APdAE4AYgAAEw8WHw8/DzUvDg8GCQEXAT8DNS8HDwKgCwkIBgYEAgMCAwQFBgcICAgJCQgJCAkKCgsLDA0ODg4ODw4PDw8PFhUUExIREQ8ODAsIBwUEAQMDBQYICQsLDQ0ODhAQEREPDw8NDQ0Cq/4lkwHbBAUEAgIEBUwICQkKCwkKAWgLDQ0ODw8QHgwLCgkJCAcGBQUDAwIBAQwLCwoKCQgHBwYFBAMCAQECAwUHCQoMDhAQERMTFBUWERAPDw4NDQsLCQgGBQMCAQECAwUHBwkCXP4lkwHbBAoJCgsKCQhMBgUDAQEDBQAAAAIAAAAAA3oDuQADAAsAADchESE3IxUhNSM1I8UCdv2KvfwC9Pz8RwJ2vX5+PwAAAAcAAAAAA/gD+AADAAcACwAPABMAGAAeAAABFSM1IxUjNSMVIzUBFSM1IxUjNSEzFSM1IxURIREhA7n8P/w//ANy/D/8/sz1/D8D8PwQAUP8/Pz8/PwCdvz8/Pz8/Pz9SwPwAAABAAAAAAM7A7kACwAANzMRIREzESMRIREjxX4Ben5+/oZ+RwF6/oYDcv6GAXoAAAADAAAAAAP4An4APwB/AL8AAAEfDz8PLw8PDgUfDz8PLw8PDgUfDz8PLw8PDgL8AQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMC/oUBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwL+hQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgIADQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwAAAAABgAAAAADmQOZAAMABwALAA8AEwAXAAAlMzUjBTM1IwUzNSMlMzUjBTM1IzUzNSMC3L6+/sa8vP7Evr4BPLy8ATq+vr6+Zr6+vr6+fry8vH6+AAAAAgAAAAAEAAO/AAMASQAAAREhEScPBhURFR8OIT8ONRE1Lw4hJyEPBgOA/QBiBwYFBAQCAgICBAQFBgcICAkJCQoLCwMuCwsKCQkJCAgHBgUEBAICAgIEBAUGBwgICQkJCgsL/mlr/tQLCwoJCQkIAsD+AAIA3wcJCAoJCgsL/VgLCwoJCggICAcHBQQEAwIBAQIDAwUFBwcHCQgKCQoLCwIoCwwKCgoICQgHBgUEBAIBAYABAgMDBQUHAAACAAAAAANgA4AABQAJAAAJATcJAScBMxEjAaABYV7+7wESXv2egIAB//6BVgEpASpX/QADAAAAAAEAAAAAAyADnwAFAAATATcJASfgAexT/ocBelMB//5hYgE9AT9iAAABAAAAAAMgA58ABQAAEwkBFwkB4AF6/odTAez+EwM+/sH+w2IBnwGhAAAAAAIAAAAAA18DgAAFAAkAABMJARcJAjMRI6ABEv7vXgFh/p4B4oCAAyn+1v7XVgF/AYH9AAMAAAAAAwAAAAAEAAP/AAMAgwEDAAABITUhBQ8fLx8/HjsBHx0FHx8/Hy8fDx4BAAIA/gACgAEBAgQEBQYHCAgKCgoMDA0NDg4PEBARERESEhMTExMUFBMTExMSEhERERAQDw4ODQ0MDAoKCggIBwYFBAQCAQEBAQIEBAUGBwgICgoKDAwNDQ4ODxAQEREREhITExMTFBQTExMTEhIREREQEA8ODg0NDAwKCgoICAcGBQQEAgH8gQECAwQGBwgJCwsMDg4PEBESExMUFRUWFxcYGBkZGhoaGhoaGRkYGBcXFhUVFBMTEhEQDw4ODAsLCQgHBgQDAgEBAgMEBgcICQsLDA4ODxAREhMTFBUVFhcXGBgZGRoaGhoaGhkZGBgXFxYVFRQTExIREA8ODgwLCwkIBwYEAwIBwIBAFBMTExMSEhERERAPEA4ODQ0MDAoKCggIBwYFBAQCAQEBAQIEBAUGBwgICgoKDAwNDQ4ODxAQEREREhITExMTFBQTExMTEhIREREQEA8ODg0NDAwKCgoICAcGBQQEAgICAgQEBQYHCAgKCgoMDA0NDg4PEBARERESEhMTExMUGhoaGRkYGBcXFhUVFBMTEhEQDw4ODAsLCQgHBgQDAgEBAgMEBgcICQsLDA4ODxAREhMTFBUVFhcXGBgZGRoaGhoaGhkZGBgXFxYVFRQTExIREA8ODgwLCwkIBwYEAwIBAQIDBAYHCAkLCwwODg8QERITExQVFRYXFxgYGRkaGgAAAwAAAAAEAAP/AAsAiwELAAABIxUzFTM1MzUjNSMBDx8vHz8eOwEfHQUfHz8fLx8PHgHAwMCAwMCAAcABAQIEBAUGBwgICgoKDAwNDQ4ODxAQEREREhITExMTFBQTExMTEhIREREQEA8ODg0NDAwKCgoICAcGBQQEAgEBAQECBAQFBgcICAoKCgwMDQ0ODg8QEBERERISExMTExQUExMTExISEREREBAPDg4NDQwMCgoKCAgHBgUEBAIB/IEBAgMEBgcICQsLDA4ODxAREhMTFBUVFhcXGBgZGRoaGhoaGhkZGBgXFxYVFRQTExIREA8ODgwLCwkIBwYEAwIBAQIDBAYHCAkLCwwODg8QERITExQVFRYXFxgYGRkaGhoaGhoZGRgYFxcWFRUUExMSERAPDg4MCwsJCAcGBAMCAkCAwMCAwP8AFBMTExMSEhERERAPEA4ODQ0MDAoKCggIBwYFBAQCAQEBAQIEBAUGBwgICgoKDAwNDQ4ODxAQEREREhITExMTFBQTExMTEhIREREQEA8ODg0NDAwKCgoICAcGBQQEAgICAgQEBQYHCAgKCgoMDA0NDg4PEBARERESEhMTExMUGhoaGRkYGBcXFhUVFBMTEhEQDw4ODAsLCQgHBgQDAgEBAgMEBgcICQsLDA4ODxAREhMTFBUVFhcXGBgZGRoaGhoaGhkZGBgXFxYVFRQTExIREA8ODgwLCwkIBwYEAwIBAQIDBAYHCAkLCwwODg8QERITExQVFRYXFxgYGRkaGgAAAAIAAAAAA4AD/wADAAoAADMhNSEBIQkBIREhgAMA/QABAP8AAYABgP8A/wCAAgD+gAGAAYAAAAAAAgAAAAADoAP/ABIANwAAATMfBRElBRE/BicPBxElBREvDyEPBgL9BQkGBwQDAf7g/uABAQMEBwYIbwsJCAcFBAECAaABoAECBAUHCAoLDA0NDw4QEBD+BhARDw8ODg0DgAIDBQUGB/1bdnYCoAcGBQUFAwJRDA0NDg8PCBD8maqqA18REBAPDg4MDAoJCAYFBAIBAQIEBQcICQAAAgAAAAAD/wP/AGcA7gAAARUPFysBLxc9AT8XOwEfFwUfHjsBPw4XFQE3ASMnPw49AS8eDx4CgAECAgMDBQQFBg0OERIUFQsLDAwMDA0NDQ0NDQ0MDQwMDAsLCxQTERAODAUEBAQDAgIBAQICAwQEBAUGDQ8QEhQVCwsMDAwNDA0NDQ0NDQ0MDAwMCwsVFBIRDg0GBQQFAwMCAgH9gAEBAgQEBQYHCAgKCgoMDA0NDg4PEBARERESEhMTExMUERERERARDxAPDw8ODg0NECQBBGH+/TQjDAoJCAgHBwYFBQQDAwIBAgIEBAUGBwgICgoKDAwNDQ4ODxAQEREREhITExMTFBQTExMTEhIREREQEA8ODg0NDAwKCgoICAcGBQQEAgECgA0NDQ0MDAwMCwsVFBIRDg0GBQUEAwMCAgEBAgIDAwQFBQYGDhARExQWCwwMDAwNDQ0NDQ0NDA0MDAsMCxUUEhAPDQYFBAQEAwICAQECAgMEBAQFBg0PEBIUFQsMCwwMDQwNDQ0UExMTExISEREREBAPDg4NDQwMCgoKCAgHBgUEBAICAQIDAwQFBQYHBwgICQoMIzP+/GEBBCQPDg0ODg8PDxAPERARERERFBMTExMSEhERERAPDw8ODQ0MDAoKCQkIBwYFBAMDAQEBAQMDBAUGBwgJCQoKDAwNDQ4OEA8QEREREhITExMTAAAAAwAAAAAEAAP/ACQAMABFAAABNT8MESMVITUjETMfCzUhJRUzESMVITUjETM1JxUzESMVMzUhFTM1IxEzNSMVITUjAQABBAMDBQYHBAoLDQ5vZgEMZmYQDgwKCQcGBQMDBAH+QAJAQED9gEBAwEBAwAKAwEBAwP2AwAJ0AQ0OCAgJCAcEBgUDAgH+nywsAWEBAwUFBwcICQgIDg6MgED9gEBAAoBAIGD9gMBAQMACgMBAQAAAAQAAAAADQAM/AAsAABMXBxc3FzcnNycHJ8D09Ev19Uv19Uv19QL19fVL9fVL9fRM9fUAAAQAAAAABAADwAADAAcAjAEpAAABITUhNSE1IQUPGisBLwIjDw8/BS8NPx47AR8dBRUfEBUPDxUfCjM/DB8BMz8cLx8PHgFAAYD+gAGA/oACQAECAwQGBggJCQsMDQ0OEA8RERITExQUFRUWFhYWFxcgCQgICAcGBgkJCgoUFRUVFRQFBAMDBAEBAgQHAwUVDgsJBwYDAQEBAgQEBQYHCAgKCgoMDA0NDg4PEBARERESEhMTExMUFBMTExMSEhERERAQDw4ODQ0MDAoKCggIBwYFBAQCAvyAAQIDAwQEBgYGCAgICgoKAwIBAgIEBAYICQoVBwcFBAMBAgMEBgYICAkoJyQcHyAREBERERERERAQEB4dHB0cGxsbGhkZGBcWFhUTExIRDw8NDAsKCAcFBAIBAQIDBAYHCAkLCwwODg8QERISFBQVFRYXFxgYGRkaGhoaGhoZGRgYFxcWFRUUExMSERAPDg4MCwsJCAcGBAMCAcBAQEBXEBAQEA8PDg4ODQ0MDAsKCgoICAcHBgQFAwICAgIEAQMDBQUHCAcHBgsJBgUEAgwMCwwXFxYVExsICBkSExMUFBQVDg4ODg4NDQwNDAwLCwoKCgkJCAgIBgYGBQQEAwMCAQECAwMEBAUGBgYICAgJCQoKCgsLDAwNDA0NDg4ODg4QDw8PDw8PDw4ODg4ODQ0NCw4QCAkJCQkJCAgIDAYHCAgJCgoJCQkIBgYFAwkFAgIEAwQEBgYHCAkKCw0DAgECBAQGBwgJCgsMDA4ODxAREhISFBMVFRUWFhYXFRQVFBQTExISEhEQEBAODw0NDAsLCgkIBwcFBQMDAQEBAQMDBQUHBwgJCgsLDA0NDw4QEBAREhISExMUFBUUAAAAAAMAAAAAA8AD/wBAAEQAeQAAAQcVDw4vDz8PHw4DFSE1JxEfDyE/DxEnIQ8OAqsBAwQGBwgKCwwNDw4QEREREREREA4PDQwLCggHBgQDAQEDBAYHCAoLDA0PDhAREREREREQDg8NDAsKCAcGBAMq/kCAAQEDBAUFBwcICQkKCwsLDAKcDAsLCgoKCAkHBgYFBAMBAeT91gwLCwsKCQkIBwcFBQQDAQEcCAkREBAPDg0MCwoJBwUFAgEBAgUFBwkKCwwNDg8QEBEREhEQEA8ODQwLCgkHBQUCAQECBQUHCQoLDA0ODxAQEQJSwMAO/OQMCwsKCgoICQcGBgUEAwEBAQEDBAUGBgcJCAoKCgsLDAKq5AEBAwQFBgYHCQgKCgoLCwAAAAAEAAAAAAQAA78AAwAHAAsADwAANSE1ITUhNSE1ITUhNSE1IQMA/QAEAPwAAwD9AAQA/ABAgICAgICAgAACAAAAAAQAA98ATgBiAAATDxUjHw8/Dy8PDwYJARcBPwM1LwcPApoKCggHBQQDAgIDBAUGBwkICQgJCQgJCQoKCwwMDQ4ODw4PDw8PDw8WFRUTExEREA4MCwkHBQMCAQIEBQYICQsMDA0PDw8REREQDw8NDgwCtv4dlQHjAwYEAgIEBkwICQoKCwoJAWgMDQ0ODhAQHgwLCgoICAcGBgQEAwIBDQsLCgoICQcHBgUEAwIBAQIDBQcJCg0ODxEREhMVFRYREBAODg4MDAoJCAYFBAIBAQIEBQYICQJf/iKTAd0FCQoKCgoJCUwGBQMBAQMFAAAAAQAAAAAEAAL/AGQAABEhJz8OOwEfHjcvHiMPDycBwLcNDg4PDw8QEBARERIREhISERAREBAQDw8PDw4ODg4NDA0LDAsLCgoJCQgIBwcGBgV4BwcJCAoKCwwMDQ0ODw8PEBEREhETEhQTFBQVFBUWFRYZGBgXFxcXFhUVFRQUExIStAEA0QsLCgoJCAcHBwUFAwMDAQECAgMEBQUFBwYICAgJCgoLCwsMDA0NDg0PDg8PEA8pFRQUFBMSExESEBAQDw8NDgwMCwsJCQkHBwYEBQMCAgEBAwUFBggICgsLDA4ODxDRAAAAAAMAAAAAA6AEAAADAAcAEAAAKQE1IQEDJwkBMREHMzclASUBYAHA/kABmfXLAU3+GkDDHwEhAT3+1EACvv5ShwF8/q3+gIBJiwJM4AADAAAAAAJgA98APwB/AL8AACUVHw4/Dj0BLw0rAQ8NERUfDj8OPQEvDSsBDw0RFR8NOwE/DT0BLw4PDgGgAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICAgIEBAQGBgcHCAkICgkKCgkKCAkIBwcGBgQEBAICgAoJCQkJCAcHBgYEBAQCAQEBAQIEBAQGBgcHCAkJCQkKCgkKCAkIBwcGBgQFAwICAgIDBQQGBgcHCAkICgkBdgoJCQkJCAcHBgYEBAQCAQEBAQIEBAQGBgcHCAkJCQkKCgkKCAkIBwcGBgQFAwICAgIEBAQGBgcHCAkICgkBdgoJCggJCAcHBgYEBQMCAgICAwUEBgYHBwgJCAoJCgoJCQkJCAcHBgYEBAQCAQEBAQIEBAQGBgcHCAkJCQkAAAACAAAAAAOAA/8AAwBpAAAzITUhExUfHTsBPx01ESMRDw8vDxEjgAMA/QBAAgIDAwQFBgcHBwkJCQoLCwwMDA0ODQ4PDw8QDxAREBAREA8QDw8PDg0ODQwMDAsLCgkJCQcHBwYFBAMDAgKAAQMGBwgKDA0ODxARERESEhISEREREA8ODQwFCQgGBQKAgAGAEBEQDxAPDw4PDQ4NDAwMCwsKCQkJBwcHBgUEAwMCAgICAwMEBQYHBwcJCQkKCwsMDAwNDg0PDg8PEA8QERACAP4AFRMTEhEQDw0MCwkIBgQDAQEDBAYICQsMDQ8IEBETExUCCgAAAwAAAAADwAO/AE8AUwCZAAABHwQPDyMvDBUfCT8YNS8DIx8BJSE1IQEPFB8DMy8HPw4zHwc1LwYPAgJ+BAIFAwEBAgQEBggJCgwNDhARExQWDQ0PDx4eDw4PDQ0MDAoKCwwOHiAgHx0YIB8eHRwaDQwLDAoLCQkJCAcHBgUFAwMCAgEDBAerBgz9xwOA/IABhw4NGhgXCwoKCQkIBwcHBQUEAwIBAQEDBAawCQcHBgUEAgEBAwUGCQkLCw0ODg8QEA8QHBoaGBYWFBIQExUXGSswHR0cAV0FBg0NDw4NDAsKCggIBwYFBAQCAQEBAgIHCQUGBgcHCAgJkgUFBQUIBwYEAgEBAgQGBwkFBgYHBwgICQkKCwoMDA0NDg8PEBQUExIHDVyAAXIEBAoLDgcICQkJCgoLCwwMDQ0ODg8WFBMSCAgJCQsLDQ4PDQwMCgkICAYFBQMDAgEBAgQGBwkLDIwHBgUEBAMBAQMEAAMAAAAAA6ADnwAxADQAXgAAJRUfDTsBPw09AS8IDwYnITcnFwEPBR8FAR8FPwUBPwUvBQEC7wEDAwMFBQYGBwcICAgJCQkJCQgIBwcGBgUEBAMCAgIECAcHCBEPFSwQCAYGBAM8/ifssWX++AUEAwIEAQEEAgMEBQEjBQYFBgYMDQsGBQYFAR4EBAMDAwICAwMDBAT+T8EKCgkJCAgHBwYGBQQDAgICAgMEBQYGBwcICAkJCgoGDA4VDg4NGhUaPBoODg4ODfjtqmb+9wQGBQYMDAwMBQYFBf7cBAMDAgIBAQQCBAMFASAEBgUGDAwMDAYFBgUBsgAAAQAAAAAD4AP/AJ0AAAERIxE1LwsrAQ8MES8DDwQBHwchPw8RNS8LKwEPCx0BIxEvDCsBDwsVESMRNS8LKwEPCwIALAECAgMDBAgLBgYGBgcHBgcGBQYJCAQCAwEBAcIGBwcJCQkHOQFXDA4PBxAREREBRxISEBAPDw0NCwoJBwMGAwIBAgIDAwQJCgYGBgcGBwcGBgYFCggDAwICASsBAQEDAgQDCQsFBgcGBwcGBgYGBQoIAwMCAgEsAQICAwMECQoGBgYHBgcHBgYGBQoIAwMCAgEDwP5rASoHBgYGBgUFCQcCAgIBAQICAgQHCgUGBgYGB/4EbAIBAQECBAY1/qwMCggEBwUDAgEDBAYHCAoLDA4ODggQERECcwcGBgYGBQUJBwICAgEBAgICBAcKBQYGBgYH6gFqBwYGBgYFBQkGAwICAQECAgMDCAkFBgYGBgf+lgGVBgcGBgUGBQgHAwICAQECAgMDCAkGBQYGBwANAAAAAAPgA98AAwAHAAsADwATABcAGwAfACMAJwArAC8AMwAAJTM1IwUzNSMFMzUjITM1IwUzNSMhMzUjBTM1IwUzNSMhMzUjBTM1IyEzNSMFMzUjBTM1IwMgwMD+gMDA/oDAwAJAwMD+gMDAAkDAwP6AwMD+gMDAAkDAwP6AwMACQMDA/oDAwP6AwMAgwMDAwMDAwMDAwMDAwMDAwMDAwMDAAAMAAAAAA8AD/wADACcALwAAAREhEQMfDyE/DxEhNyEVITUhJyMDAP4AgAECAwQFBwcJCQkLCwwMDQ0CAA0NDAwLCwkJCQcHBQQDAgH9AOD+4AOA/uBAwAKA/gACAP4ADQ0MDAsKCgkJBwYGBAMCAQECAwQGBgcJCQoKCwwMDQ0CgMCAgEAAAAABAAAAAANfA/8AOgAAEw8DER8HPwQfBj8HNS8CPwcvAwEVLwMPAq8EBQQCAQMEBwcJCQoKCQkIgXMFBwgJCgoKCbwJCAYEAwEEcagICAcHBAMBAQMFB/2mCAkJCgoJCQPyBAgJCvz8CgkJBwcEAwEBAgMEZ/IJBwUEAgEBA1YGBggJCgoKC+8iAwUGBwkJCQoKCAgB8QIFBAIBAQMEAAAAAQAAAAACgALfAAIAAAEtAQGAAQD/AAEg4OAAAAMAAAAAA8ADnwADAAcAEQAAARUjNQEVIzUHASMRITUBMxEhAQCAAwCAQP4oqAEAAdio/wABIICAAkCAgGP+Y/8AowGdAQAAAAQAAAAABAADvwADAAcALwAzAAABFSE1JRUjNSERMxUhNTMRLw8hDw43ITUhAsD+gAJAgP0AwAKAwAECAwQFBwcICQoLCwwMDQ39AA0NDAwLCwkKCAcHBQQDAr8CgP2AAYDAwMCAgP7AwMABQA0NDAwLCwoJCAcHBQQDAgEBAgMEBQcHCQkKCgsMDA2zwAAAAAEAAAAABAAC/wBkAAABLw8jDx4XPx47AR8OByERA0wSEhMUFBUVFRYXFxcXGBgZFhUWFRQVFBQTFBITERIRERAPDw8ODQ0MDAsKCggJBwd4BQYGBwcICAkJCgoLCwwLDQwNDg4ODg8PDw8QEBAREBESEhIREhEREBAQDw8PDg4NtwHAAi8QDw4ODAsLCggIBgUFAwEBAgIDBQQGBwcJCQkLCwwMDg0PDxAQEBIRExITFBQUFSkPEA8PDg8NDg0NDAwLCwsKCgkICAgGBwUFBQQDAgIBAQMDAwUFBwcHCAkKCgsL0QIAAAACAAAAAANAA38AAgAKAAABBxMBMzchFzMBIwJr1mv+wGtRAQdSa/71agHJAQFK/W7b2wMAAAAAAAMAAAAABAAD/wBAAEwAtAAAARUPDy8PPw8fDgERIy8HNQcjJw8eHQEfHj8ePQEnIREhAkABBAUICQsNDxAREhQUFhYXFxYWFBQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBQWFhcXFhYUFBIREA8NCwkIBQQBQeYODxETFBYXGIAFGxISEhERERAQDxAODw0ODQwLDAoKCQgIBwcFBQQDAgICAgMEBQUHBwgICQoKDAsMDQ4NDw4QDxAQEREREhISEhISEREREBAPEA4PDQ4NDAsMCgoJCAgHBwUFBAMCAgEBQf2AAWALDBYVFRQSERAPDQsJCAUEAQEEBQgJCw0PEBESFBUVFhcXFhYUFBIREA8NCwkIBQQBAQQFCAkLDQ8QERIUFBYWAgn+gBgXFhQSERAN58EBAQECAwQFBQcHCAgJCgsLCwwNDg0PDhAPEBARERESEhISEhESERAREA8QDg8NDgwNCwsLCgkICAcHBQUEAwIBAQEBAgMEBQUHBwgICQoLCwsMDQ4NDw4QDxAQERESERISDhICgAAAAAABAAAAAAKAAuAAAgAAAQURAYABAAIA4AHAAAAAAwAAAAAEAAP/AAMABwALAAAxITUhESE1IREhESEEAPwABAD8AAQA/ABAAQDAAQABAAAAAAUAAAAABAAD+wADAAcADAAYACwAABMzNSM1ITUhBRUzAScBIQURIxEnIREhNSElBxc/Az0BLwcPAsDAwAFA/sABQGMBPmP8wgJsARSAbP3sAgD9gAOVMWQwBAICAgIEPgQFBAYFBAUBvECAQFxkAUNk/Rm4Afj++EgCAIA4MWQxBAUFBQUFBAQ/BAIBAQEBAgAAAAADAAAAAAPAA/8ABQAYAB0AADMhNSERIyUdAR8KOwERIREDIREBIUACgP4AgAJAAQICAwcICwUGBgYHgP5AgALA/v3+Q4ACgICABwYGBgYKCAcDAgIB/oACQP1AAjoBBgADAAAAAAQAA/8AAwBHAKAAADMhNSEBHwYVDxEjNS8PNT8OHwYlDwgVHxAhFSE1ITU/DjUvFisBDw2AAwD9AAHlBwYEBAMCAQEBAgMEBAQOEA4MCgkKBQgEAQwHCAkICgsNDhcEBAQDAgEBAQIDBAQGBwoKCwwNDg8QEA8ODQwLCv7hBwYLCggHBQQCAQMFBggJGQwKCQgGBQUDBgH+hgQA/oYGCQUGCAkKDBQKCAcGAwMBAwQGCAkKDQ8KCgsLCwwMDQ0NDQ4PDg8PDg8ODQ0NDQwMCwsLCgqAAtkJCQoKCgsLCwsLCwoLCgoYHh4eHhwqGS4sNRpSLykcHR4eHicKCgsKCwsLCwsLCgoKCQkJCAcFBQMBAQEBAwUFBwhNCAgREhIUFBQVFRUVFRUVFCwZGBkYFxYVFC80gIAZQTIWFxgZGBkiFBQVFRUWFRUUFBQTEhEREQkJCAcHBgUFBAQDAgIBAQICAwQEBQUGBwcICQkAAAACAAAAAAPAA/8AFwAfAAA7AREhHQEfCjsBETMRJyE1IREjFSE1I0CAAcABAgIDBwgKBgYGBgeAgOb9ZgOAgP2AgAHAgAcGBgYGCggHAwICAf8AAVvlgAFAwMAAAAIAAAAAA8AD/wASABcAAAEdAR8KOwERIREDIREnIQKAAQICAwcICgYGBgYHgP2AgAOA5v1mA4CABwYGBgYKCAcDAgIB/cADAPyAAxrmAAAABAAAAAAD+AP4AAMABwALABEAABMhNSElESERAyERITchETMRIcUBev6GAbn+CH4C9P0M/AJ2fv0MAUN+vf4IAfj9igL0fv1LAzMAAAQAAAAAA/gD+AALAA8AEwAZAAABIxUzFTM1MzUjNSMlESERAyERITchETMRIQFDfn5+fn5+ATv+CH4C9P0M/AJ2fv0MAcF+fn5+fj/+CAH4/YoC9H79SwMzAAAAAgAAAAAD+AP4AAIABQAAJSERCQEhAQQC9PwQAvT9DAgC9P4IAvQAAAIAAAAAA/gD+AACAAUAADchCQERIQgC9P0MA/D9DAgC9P4IAvQAAAABAAAAAAN6A3oAAgAANyERhgL0hgL0AAABAAAAAAN6A3oAAgAAJREhA3r9DIYC9AABAAAAAAN6A3oAAgAANyEBhgL0/QyGAvQAAAAAAQAAAAADegN6AAIAADcBIYYC9P0MhgL0AAAAAAgAAAAAAuADwAAvAF8AjwC/AO8BHwFPAX8AACUVHwk7AT8JPQEvCSsBDwkFFR8JOwE/CT0BLwkrAQ8JJRUfCTsBPwk9AS8JKwEPCQUVHwk7AT8JPQEvCSsBDwklFR8JOwE/CT0BLwkrAQ8JBRUfCTsBPwk9AS8JKwEPCSUVHwk7AT8JPQEvCSsBDwkFFR8JOwE/CT0BLwkrAQ8JAmABAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAf7AAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgEBQAECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIB/sABAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAQFAAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgH+wAECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIBAUABAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAf7AAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgGABwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYG+QcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBvkHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgb5BwYGBgsJCAYCAgEBAgIGCAkLBgYGBwcGBgYLCQgGAgIBAQICBggJCwYGBgcHBgYGCwkIBgICAQECAgYICQsGBgYHBwYGBgsJCAYCAgEBAgIGCAkLBgYGAAEAAAAAA/gC/AACAAATIQEIA/D+CAEEAfgAAAABAAAAAAP4AvwAAgAACQEhAgAB+PwQAQQB+AAAAQAAAAAC/AP4AAIAACUJAQEEAfj+CAgB+AH4AAEAAAAAAvwD+AACAAAJAREBBAH4AgD+CAPwAAADAAAAAAJ+A/gAPwB/AL8AACUfDz8PLw8PDgMfDz8PLw8PDgMfDz8PLw8PDgGCAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0NDAwMCwoKCQgHBwUEAwKGDQwNCwsKCgkICAYFBAMCAQECAwQFBggICQoKCwsNDA0NDA0LCwoKCQgIBgUEAwIBAQIDBAUGCAgJCgoLCw0MAW0NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwBbQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDAAEAAAAAAP4A7gAAwAHABMAVAAAJTM1IychNSEnIS8FPQE3IQUVHw8/Dy8PDw4Bgvz8vQJ2/Yq9AowJBAMDAQID/YcCtQECBAUHCAkKCwwNDg8PDxARDw8PDg0MCwoJCAcFBAIBAQIEBQcICQoLDA0ODw8PERAPDw8ODQwLCgkIBwUEAkd+vX69FgwLDAwNDAgYIAgIDw8PDg0MCwoJCAcFBAIBAQIEBQcICQoLDA0ODw8PEBEPDw8ODQwLCgkIBwUEAgEBAgQFBwgJCgsMDQ4PDw8AAAMAAAAAA+UDRAAFAAsADwAAARcHFzcnBRc3JzcnExcTJwK0wMA6+Pj9LPg6v786WjzNPQK+vr46+Pj4+Dq+vjr91xMCdRMAAAQAAAAAA7kDuAAjAEcAawCPAAABER8HIT8HES8HIQ8GBREfByE/BxEvByEPBgERHwchPwcRLwchDwYFER8HIT8HES8HIQ8GAj8BAQMEBQUGBgE8BgYFBQQDAQEBAQMEBQUGBv7EBgYFBQQDAf4HAQEDBAUFBgYBPAYGBQUEAwEBAQEDBAUFBgb+xAYGBQUEAwEB9wEBAwQFBQYGATwGBgUFBAMBAQEBAwQFBQYG/sQGBgUFBAMB/gcBAQMEBQUGBgE8BgYFBQQDAQEBAQMEBQUGBv7EBgYFBQQDAQGi/sUHBgUFAwMCAQECAwMFBQYHATsGBgUFBAMBAQEBAwQFBQYG/sUHBgUFAwMCAQECAwMFBQYHATsGBgUFBAMBAQEBAwQFBQYB8f7FBgYFBQQDAQEBAQMEBQUGBgE7BwYFBQMDAgEBAgMDBQUGB/7FBgYFBQQDAQEBAQMEBQUGBgE7BwYFBQMDAgEBAgMDBQUGAAAAAwAAAAADegP4AAcACwBiAAABFSE1MxEhESUVIzUrAQ8KFREVHwozITM/CTURNS8KIy8OKwEPDgFDAXo//ggBO34/vQYHBgYKCgcGAgIBAQICAwYJCgUGBgYHAlclBwYFCwoHBgICAQECAgYHCgoGBgcGvQMDBAUHCAoNBwcJCAoKCwsLCwoKCAgIBwwKCQYFBAMCAvw/P/2KAnZ+Pz8BAQECBggJCwYGBgf9DQYGBgYGCgkGAwICAQECAgYHCgoGBgcGAtUlBwYFCwkIBgIBAQEdCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwkAAgAAAAADegP3ACMAKwAANxUfDiE/DxEhNyMVITUjJyHFAgIEBAUGCAgICQkJCgsLAaILCgoKCQkICAcHBQQEAgEB/Yp+vQL0vTj+9nULCwoKCgkICAgGBQUDAwEBAQEDAwUFBggICAkKCgoLCwKHvX5+PwACAAAAAAN6A/cAAwAKAAA3ITUhEyMJASMRI4YC9P0M/PwBegF6/PwIfgH4/oYBegF6AAAABAAAAAAD+AP3AD8AfwCEAQYAACUVDw4vDj0BPw07AR8NERUPDSsBLw09AT8OHw4lBxcBNQUVHxA/BxcHLwYjDw8fDz8PLwc3ATM1ATUvDw8OAUMCAgMEBQYGBggHCQgJCgoJCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgkKCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgoJCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgkKCgkICQcIBgYGBQQDAgIB9/t+ATv8EAEEBQcJCwwNDwgRERMUFBUVEg0MDAwLCws6OgsMDAwNDQ0OFhYVFBQSEQ8PDAsKBwYDAQEDBgcKCwwOEBESExUVFhYYFRUVExIRDw4NCwkIBQQBAQECBAQFBgddATu9/ckDBAYICgsMDhAQEhIUFBUVGxYUFBMSEQ8ODQsJCAUE5QoJCQkICAcHBgYEBAQCAQEBAQIEBAQGBgcHCAgJCQkKCQoJCAkHCAYHBQUEAwICAgIDBAUFBwYIBwkICQoCLQkKCQgJBwgGBwUFBAMCAgICAwQFBQcGCAcJCAkKCQoJCQkICAcHBgYEBAQCAQEBAQIEBAQGBgcHCAgJCQmR+X4BOz+bAhkVFRMTEREPDgYMCwgHBQMBAQECAwMEBQVXVwYEBAQCAgIBAwYHCgsMDw8REhQUFRYWFxYVFBMSERAODQsJCAUEAQEEBQgJCw0ODxESExQVFhcQDg8ODg0NDC/+xj4CVkYcFRMTEhEQDw0MCgkHBQMCAgMGBwkLDQ4PERITExUWAAAAAAYAAAAAA/gDuAADAAcACwAPABMAFwAAJSE1IQczNSM3ITUhBzM1IzchNSEHMzUjAQQC9P0M/H5+/AL0/Qz8fn78AvT9DPx+fkd+fn78fn5+/H5+fgAAAAACAAAAAAP4A/cAZADJAAAlIy8ONyERNx8PPx8jFQ8dATM1Px4zHw4HIREHLw8PHgIAEBAPEA8PDw8ODw4NDg0ND2z+xXUVERITExMUFBQVFRUWFhYWGhkaGBkYFxcWFhUVExMTEREQDw4NDAsKCQgHBgQDAgF+AgIEBAUGBwcJCQoKCwwNDQ4ODw8QEBEREhISEhMU/fV+AgIEBAUGBwcJCQoKCwwNDQ4ODw8QEBEREhISEhMUExAPDxAPDg8PDg4ODQ0NDRNsATt1GhESEhMTExQUFBUVFRYVFhoZGhgZGBcXFhYVFRMTExEREA8ODQwLCgkIBwYEAwKGAQICAwQEBQUGBgcICAgMbP7FdhEMDAsKCggIBwYFBAMDAQEBAgMFBQcICQoLDA0ODxARERMTFBQVFhYXFxgZGBoZGhMUExISEhIRERAQDw8ODg0NCwwKCgkJBwcGBQQDAwEBeRMUExISEhIRERAQDw8ODg0NCwwKCgkJBwcGBQQDAwEBAQICAwMEBQUGBgcHCAgObAE7dhQMDAoKCQkHBwUFBAQCAQEBAgMFBQcICQoLDA0ODxARERMTFBQVFhYXFxgZGBoZAAAAAAMAAAAAA/gD9wADAAcAhwAAAREjETcVIzUlDw8fHz8fLx8PDgI/fn5+/toSEA8ODQwKCgkHBwUEBAIBAQIEBAUHBwkKCgwNDg8QEhISFBMVFRUWFxcYGBkZGhsbGhkZGBgXFxYVFRUTFBISEhAPDg0MCgoJBwcFBAQCAQECBAQFBwcJCgoMDQ4PEBISEhQTFRUVFhcXGBgZGRobGxoZGRgYFxcWFRUVExQSAj/+hgF6/H5+KhITExMVFRUWFxcYGBkZGhsbGhkZGBgXFxYVFRUTExMSERAPDg0MCwoICAYGBAMDAQEDAwQGBggICgsMDQ4PEBESExMTFRUVFhcXGBgZGRobGxoZGRgYFxcWFRUVExQSEhEQEA4MDAsKCAgGBgQDAwEBAwMEBgYICAoLDA0ODxAAAQAAAAADOgP3AAUAABMJARcJAcUBvf5DVgIg/eADm/5l/mVdAfgB+AAAAAACAAAAAAP3A7gAAwBJAAABESERJw8HER8PIT8PES8PISchDwYDev0MYAcGBQUDAgEBAQECAwUFBgcHCAkJCQoLCgMiCgsKCQkJCAcHBgUFAwIBAQEBAgMFBQYHBwgJCQkKCwr+b2r+2gsLCgkJCQgCvf4IAfjcCAgJCQkKCwr9YwsLCgkJCQgIBwYFBAQDAgEBAgMDBQUGBwgICQkJCgsKAh8MCwoKCQkICAcGBQQDAwEBfgECAwMFBQYAAAEAAAAAA5YDmQALAAAJAQcJARcJATcJAScCAP7DWQE9/sNZAT0BPVn+wwE9WQJaAT9Z/sD+wFkBP/7BWQFAAUBZAAAAAQAAAAAD9wO4AEUAABMPBxEfDyE/DxEvDyEnIQ8GJgcGBQUDAgEBAQECAwUFBgcHCAkJCQoLCgMiCgsKCQkJCAcHBgUFAwIBAQEBAgMFBQYHBwgJCQkKCwr+b2r+2QoLCgkJCQgDmQgICQkJCgsK/WMLCwoJCQkICAcGBQQEAwIBAQIDAwUFBgcICAkJCQoLCgIfDAsKCgkJCAgHBgUEBAIBAX4BAgMDBQUGAAQAAAAAA7kDuAADAAgAHABgAAABFSE3EwEjNQE3HwQPBCc/BB8CJREfDyE/DxEvDyEPDgM7/kc/n/7HYgE5ej0DAwEBAQEDAzBhLwQFBQUFBAX90wECAwQFBwcICQoKCwwMDA0Cdg0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwN/YoNDAwMCwoKCQgHBwUEAwIBQz8/AQD+w2MBPE89BAUFBQUFBAQwYjAEAgEBAQECQ/2KDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0Cdg0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwAAAMAAAAAA7kD9wAFADoAUAAAARUzESERIxEfDyE/DxEnIQ8OJxEzESE1IQ8OAn69/kd+AQIDBAUHBwgJCgoLDAwMDQG5DQwMDAsKCgkIBwcFBAMCAfz+xQ0MDAwLCgoJCAcHBQQDAr5+Afj+CA0MDAwLCgoJCAcHBQQDAgK9vf6GAjf9yQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNAbn8AQIDBAUHBwgJCgoLDAwMsP2KAnZ+AQIDBAUHBwgJCgoLDAwMAAIAAAAAA/gD9wBfAOYAAAEVDxUrAS8VPQE/FTsBHxUFFR8ePw8XFQE3AyMnPw49AS8eDx4CfgECAgMDBAUKDQ8QEhMVFgsMDAwNDA0NDQ0MDQwMDAsWFRMSEA8NCgUEAwMCAgEBAgIDAwQFCg0PEBITFRYLDAwMDQwNDQ0NDA0MDAwLFhUTEhAPDQoFBAMDAgIB/YoCAgQEBQYHBwkJCgoLDA0NDg4PDxAQERESEhISExQTEREQERAQEA8PDw4ODg0NECIBAV//MyMMCgkICAcGBgUFBAMDAgECAgQEBQYHBwkJCgoLDA0NDg4PDxAQERESEhISExQTExQTEhISEhEREBAPDw4ODQ0MCwoKCQkHBwYFBAQCAgJ+DQ0MDQwMDAsWFRMSEA8NCgUEAwMCAgEBAgIDAwQFCg0PEBITFRYLDAwMDQwNDQ0NDA0MDAsMFhUTEhAPDAsFBAMDAgIBAQICAwMEBQsMDxASExUWDAsMDA0MDQ0TFBMSEhISEREQEA8PDg4NDQsMCgoJCQcHBgUEAwMBAQEBAQMDBAUFBgYIBwkICgwjMv8AYAEAIw8NDQ4ODg8PDxAQEBEQERETFBITEhISEREQEA8PDg4NDQsMCgoJCAgHBgUEAwMBAQEBAwMEBQYHCAgJCgoMCw0NDg4PDxAQERESEhITEhQAAAAAAgAAAAADegP3AAMACgAANyE1IREzETMRMwGGAvT9DPz8/P6GCH4B+P6GAXoBegAAAQAAAAAD9wOZAAgAABMBNwMhNSETJwgBhlv3Awb8+vdbAgD+Z1cBA34BA1cAAAAAAwAAAAAD+AP3ABUAGwBVAAA3Hw8hNSERIwUnBxcBJwURHw8hPw81IxUhESE1IQ8OCAECAwQFBwcICQoKCwwMDA0Cdv2KfgI3UVqrAblZ/SYBAgMEBQcHCAkKCgsMDAwNAjcNDAwMCwoKCQgHBwUEAwIBfv3JAXr+hg0MDAwLCgoJCAcHBQQDAoYNDAwMCwoKCQgHBwUEAwIBfgJ2o1FZqgG5WT/9yQ0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwN/PwCN34BAgMEBQcHCAkKCgsMDAwAAAQAAAAAA/gD2AADAAcACwASAAAlMzUjNSE1ITUhNSEBIxc3IxEjAcH8/AF6/oYCN/3J/sV+vb1+fqZ+vX29fv1Mvb0C8wAAAAMAAAAAAl4D2AA/AH8AvwAAJRUfDTsBPw09AS8ODw4RFR8NOwE/DT0BLw0rAQ8NERUfDj8OPQEvDSsBDw0BogEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAYYJCgkJCAgHBwYFBQQDAgICAgMEBQUGBwcICAkJCgkKCQkJCAgHBwYGBAQDAwEBAQEDAwQEBgYHBwgICQkJAXAKCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCQFwCgkJCQgIBwcGBgQEAwMBAQEBAwMEBAYGBwcICAkJCQoJCgkJCAgHBwYFBQQDAgICAgMEBQUGBwcICAkJCgAAAAEAAAAAA/cDeQAFAAABJwcJAScBVfRZAU0Co1kBN/Fa/rgCmloAAAADAAAAAAPYAl4APwB/AL8AAAEVHw07AT8NPQEvDSsBDw0FFR8NOwE/DT0BLw0rAQ8NBRUfDTsBPw09AS8NKwEPDQMcAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMB/oYBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwH+hgEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQIACgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkAAAAAAgAAAAAD+AP3AAsATwAAARc3MwcXIycHIzcnJREVHw4hPw41ETUvDiEPDgF3iYluxcpwjIxwzcf+/gICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgIC/K6u+v6xsfz8nfzOCgkKCAgICAYGBgUEAwIBAQEBAgMEBQYGBggICAgKCQoDMgoJCggICAgGBgYFBAMCAQEBAQIDBAUGBgYICAgICgkAAAAABAAAAAAD+AP3AAkAlAEAAUQAAAEfATM/ATMDIwMHHwcjNS8GDwYdAR8RDw8vDjUzHwo/BjUvET0BPw07AR8FBR8HIzUvBiMPCxUfCz8HMw8OKwEvDj8OOwEfBQERFR8OIT8ONRE1Lw4hDw4C6D0FAQY7Rmo7a0QHBwUFAwMBAUQDBAYICQsLDAoJBwUEAwIEBQgRNBcTCAcGBgQEAwIBAQEBAwMFBgYICQkKCwsMDQ4ODg0MCwoKCQgGBgUEAgJBAQICAwMEBAkKDAwSCgkHBQQBAQMFBwkNMhYTCAcHBQUEAwIBAQMDBQUHBwgJCgoLCw0NDQ0MDAoKCf7qCAcGBAQDAQFAAgQGCAoLDBAICAcHBQUEBAMCBAICBAUEBAQGBgcICQkNCwoJBwYDAUABAgIEBQYICAkKCgsLCwwNEBAODQ0LCgkIBwYFBAICAQECAgQFBgcICQoMDA0OEBANDQwMCwoJ/tICAgMEBQYGBggHCQgJCgkDNAkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKCfzMCQoJCAkHCAYGBgUEAwICAnm0Fxe0/vEBDxMGBwcICAgJCQgHBwcFBAIBAQIDBAUGBwcGBwUEBAYLBwgEBQUFBgYHBwgICQkICAcHBgYFBQQDAgIBAQEBAgMEBQUGBwcICAgICQkGCgUEAwQCBQMCAQEDAwQGBgcHBgYFBQQEDAcHBQQFBQYGBwcICAgJCAcHBwYHBQUEAwMCAQECAwMEBQoHCAgJCgoLCwYKCggIBQQCAQIDAwQFBgYHBxASHBEQDgcFBQQEAgIBAQECBQUHCAkKCgoJCAkIBwcHBQUEAwIBAgMEBQcICAoLCwwNDQ4PFw4ODAwMCgoJCAYGBAMCAQMDBAQGATD8zgoJCggICAgGBgYFBAMCAQEBAQIDBAUGBgYICAgICgkKAzIKCQoICAgIBgYGBQQDAgEBAQECAwQFBgYGCAgICAoJAAADAAAAAAO5A/gAQABEAHkAAAEVDw8vDz8PHw4DFSE1IxEfDyE/DxEnIQ8OAqgBAgUFBwkJCwwNDg8PEBEREREQDw8ODQwLCQkHBQUCAQECBQUHCQkLDA0ODw8QERERERAPDw4NDAsJCQcFBQIp/kd+AQIDBAUHBwgJCgoLDAwMDQJ2DQwMDAsKCgkIBwcFBAMCAeD97A0MDAwLCgoJCAcHBQQDAgEgCQgREA8PDg0MCwkJBwUEAwEBAwQFBwkJCwwNDg8PEBEREREQDw8ODQwLCQkHBQUCAQECBQUHCQkLDA0ODw8QEQJJvb39DA0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNApLgAQIDBAUHBwgJCgoLDAwMAAAEAAAAAAP3A/gABAAYABwAeAAAJRUzASc3Bxc/Az0BLwYrAQ8BARUhNSMRHw8hNS8PPw8fDzcxPwM1JyEPDgIAYQE2YVowYS8EAgICAgQ8BAQFBQUFBP6r/kd+AQIDBAUHBwgJCgoLDAwMDQE7EREQDw8ODQwLCQkHBQUCAQECBQUHCQkLDA0ODw8QEREREA8PDg4MDAsJCQcGBQMCzi0FBgzg/ewNDAwMCwoKCQgHBwUEAwJpYQE3YFkvYC8EBAUFBQUEBDwEAgICAgF+vb39DA0MDAwLCgoJCAcHBQQDAgFwAQIFBQcJCQsMDQ4OEBAREREREA8PDg0MCwkJBwUEAwEBAgQFBwgJCgsMDQ4PDxAQzi0EBAfk4AECAwQFBwcICQoKCwwMDAAAAAACAAAAAAP4A/gAZwChAAABDwYdAQ8gFR8HPxMdAR8JPwQBPwMvAwEvAwcFER8PIT8PNSMVIREhNSEPDgKeBAMEAgICARcXFhUVFBMTExIRERAQDw4ODgwNCwsLCgkJCAgHBgYFAQECAwMEBQYHBwcGBRMUFBUWFhgYGRobHBweHyABAQMCAwQEBAUEBQQEBAQBLQUDAgEBAgME/tIFBQUFB/1jAQIDBAUHBwgJCgoLDAwMDQK1DQwMDAsKCgkIBwcFBAMCAX79SwE7/sUNDAwMCwoKCQgHBwUEAwIDtgIDAwMEBAUEkwQFBQYGBwgICAkKCwoMDA0NDg4PEBAQERITEhQUFRUWBQUFBQUEAwMCAQECBAUWFRMSEQ8ODQsJCQcGBAMCjgUEBAQEAwMCAQEBAQEBAwIBDQQGBgcHBgYFAQ4DAwEBAT79DA0MDAwLCgoJCAgGBQQDAgEBAgMEBQYICAkJCwsLDQwNpKQC9H4BAgMEBQcHCAkKCgsMDAwAAAACAAAAAAN6A/cAIwArAAA3Hw8hPw8RITcjFSE1IychxQECAwQFBwcICQoKCwwMDA0Beg0MDAwLCgoJCAcHBQQDAgH9in69AvS9OP72hg0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNAna9fn4/AAUAAAAAA/gD+AAzAD8AcwCFALkAABMdAR8JMyEzPwk9Ai8JIyEjDwkTFTMVIxUjNSM1MzUnERUfCTMhMz8JNRE1LwkjISMPCTcVMzUhNSEjDwkFERUfCTsCPwk1ETUvCSsCDwkIAQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8jgYHBgYKCgcGAgIB/D8/Pz8/vQECAgYHCgoGBgcGATsGBwYGCgoHBgICAQECAgYHCgoGBgcG/sUGBwYGCgoHBgICAb0/AXr+hgYHBgYKCgcGAgIBAfgBAgIGBwoKBgYHBr0GBwYGCgoHBgICAQECAgYHCgoGBgcGvQYHBgYKCgcGAgIBAQS9BgcGBgoKBwYCAgEBAgIGBwoKBgYHBr0GBwYGCgoHBgICAQECAgYHCgoGBgcBsz8/Pz8/Pz/+xQYHBgYKCgcGAgIBAQICBgcKCgYGBwYBOwYHBgYKCgcGAgIBAQICBgcKCgYGB7c/Pz8BAgIGBwoKBgYHBv4IBgcGBgoKBwYCAgEBAgIGBwoKBgYHBgH4BgcGBgoKBwYCAgEBAgIGBwoKBgYHAAAKAAAAAAP4A/gAAwAHAAsADwATABcAGwAfACMAVwAAARUjNSMVIzUjFSM1JRUjNSMVIzUjFSM1JRUjNSMVIzUFIzUzJREVHwkzITM/CTURNS8JIyEjDwkDufw//D/8A3L8P/w//AI3/D/8A3L8/PxPAQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8jgYHBgYKCgcGAgIBAQS9vb29vb38vb29vb29/L29vb29vb38jgYHBgYKCgcGAgIBAQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBggJCwUGBwAABgAAAAAD+AP4AAsAPwBLAH8AkQDFAAABFTMVIxUjNSM1MzUjHQEfCTMhMz8JPQIvCSMhIw8JExUzFSMVIzUjNTM1Ix0BHwkzITM/CT0CLwkjISMPCTcVMzUzNSsBDwkFERUfCTMhMz8JNRE1LwkjISMPCQEEPz8/Pz+9AQICBgcKCgYGBwYBOwYHBgYKCgcGAgIBAQICBgcKCgYGBwb+xQYHBgYKCgcGAgIB/D8/Pz8/vQECAgYHCgoGBgcGATsGBwYGCgoHBgICAQECAgYHCgoGBgcG/sUGBwYGCgoHBgICAb0//PwGBwYGCgoHBgICAQF6AQICBgcKCgYGBwYBOwYHBgYKCgcGAgIBAQICBgcKCgYGBwb+xQYHBgYKCgcGAgIBAQQ/Pz8/Pz+9BgcGBgoKBwYCAgEBAgIGBwoKBgYHBr0GBwYGCgoHBgICAQECAgYHCgoGBgcBsz8/Pz8/P70GBwYGCgoHBgICAQECAgYHCgoGBgcGvQYHBgYKCgcGAgIBAQICBgcKCgYGB/Z+fj8BAgIGBwoKBgYHBvyOBgcGBQsJCAYCAgEBAgIGCAkLBQYHBgNyBgcGBgoKBwYCAgEBAgIGBwoKBgYHAAIAAAAAA7kD+AALAEQAAAEjFTMVMzUzNSM1IwERHw8zNSMRIR0BHwk7ARUzNSchDw4CvX5+fn5+fv2KAQIDBAUHBwgJCgoLDAwMDfz8AbkBAgIGBwoKBgYHBn5+4v3uDQwMDAsKCgkIBwcFBAMCAUN+fn5+fgG5/QwNDAwMCwoKCQgHBwUEAwIBfgL0fgYHBgYKCgcGAgIBftfiAQIDBAUHBwgJCgoLDAwMAAAFAAAAAAP4A/gABAAYACcANgCUAAAlFTMBJzcHFz8DPQEvBisBDwElDwIVPwQVMxEjDwQVPwQVMxEjByURHw8zNSsBLwk1ETU/CTMhMx8JHQEzNS8PIQ8OAgBhATZhWjBhLwQCAgICBDwEBAUFBQUE/lwLDBgJERAOBkAnE9ILDBgJERAOBkAnE/7AAQMFBggJCwwODggQERISE8G3BgcGBgoKBwYCAgEBAgIGBwoKBgYHBgJ2BgcGBgoKBwYCAgF+AQMFBggJCwwODggQERISE/2AExMSEhAQDg4MCwkIBgUDaWEBN2BZL2AvBAQFBQUFBAQ8BAICAgK0BQUHMQEEBgcFzQEODAoFBQcxAQQGBwXNAQ4Mgf2KExMSEREQDg0NCwQJBwYEAn4BAgIGCAkLBQYHBgJ2BwYGBgoKBwYCAgEBAgIGBwoKBgYGB729ExMSEREQDg4MCwUICAUEAgEDBQYICQsMDg4QERESEwAAAAQAAAAAA/gD+AADAAgAHABgAAABFSE3EwEjNQE3HwQPBCc/AzsBHwElER8PIT8PES8PIQ8OAzv+Rz+f/sdiATl6PQMDAQEBAQMDMGEvBAUFBQUEBf2UAQIDBAUHBwgJCgoLDAwMDQL0DQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA39DA0MDAwLCgoJCAcHBQQDAgFDPz8BAP7DYwE8Tz0EBQUFBQQFBDBiMAQCAgICgv0MDQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA0C9A0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwAAAYAAAAAA/gD9wAYAC8AOwBWANQBGAAAAQ8IHwczPwUlHwU/BjUvBgcnDwI/Ay8EDwUVHwU/AT0BLwcjHwMVDwQfAz8CMx8KFQ8NLwcPDS8KPQE/ES8GPQE/DB8GJREVHw4hPw41ETUvDiEPDgFJEBQVCQgHBAEBAQICBAQFBQUFBgQEBAYqAUgNIw0GBgUHCAYGAgQCAQMECQ0TDxjgCQoVJSUkIxgXFxYpAwQGBgMCAQICAxMTDwMCAgMEBAUFBQVMAgEBAQIDCg0eICEjHx8QEBAQCRANCwgHBAQBAQEDBAQFBgcHBwgJCAkMDAsKCgkYLkctLy8MGSEGBggICgwMCwsKCQkIBgMFAgEBAgIEBAQFDAwODUgdEA4OEhAQEA8PBgUDAQICAwQFBgYICAkICw0MDAsJCQb+AgICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgIBSQYICQYGBgcDBAYHBQUDAwIBAgIDAwlJWQwgCQQCAQEDBAYDBwcHBgUFBAQCAQJbGhozDAkJBxkbGxvhAQEEBQcHBwgHBwYfHjcSCQgIBQUEAwMCAQoGBg0MDQwMJDIoJiUkBgQCAQECBQYHCAgJDQgJCAgJBwgHBwYFBQMDAQEBAwUGBwgXKg4LDhAXLTkIBwYGBAQBAQMEBQcICQUNBwcHBwYHBgcGBgUKCAcHHAsiIiM0NhgYGBkODw8IBwgHBwcHBgYFBQQDAgEBAwQHCAkLifzOCgkKCAgICAYGBgUEAwIBAQEBAgMEBQYGBggICAgKCQoDMgoJCggICAgGBgYFBAMCAQEBAQIDBAUGBgYICAgICgkAAAQAAAAAA/gD+AA/AH8AvwD/AAABFSsBDwkdAR8JOwI/CT0CLwkrAQ8JBR0BHwk7Aj8JPQEvCSsBPQEvCSsBDwkRHQEfCTsBPwk9ATsBPwk9AS8JKwIPCQUVHwk7AR0BHwk7AT8JPQIvCSsCDwkDer0GBwYGCgoHBgICAQECAgYHCgoGBgcG/AYHBgYKCgcGAgIBAQICBgcKCgYGBwYGBwYGCgoHBgICAfyOAQICBgcKCgYGBwb8BgcGBgoKBwYCAgEBAgIGBwoKBgYHBr0BAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwYGBwYGCgoHBgICAb0GBwYGCgoHBgICAQECAgYHCgoGBgcG/AYHBgYKCgcGAgIBAnYBAgIGBwoKBgYHBr0BAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8BgcGBgoKBwYCAgEBQ70BAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8BgcGBgoKBwYCAgEBAgIGBwoKBgYHBvwGBwYGCgoHBgICAQECAgYHCgoGBgcGBgcGBgoKBwYCAgG9BgcGBgoKBwYCAgEBAgIGBwoKBgYHAnD8BgcGBgoKBwYCAgEBAgIGBwoKBgYHBr0BAgIGBwoKBgYHBgYHBgYKCgcGAgIBAQICBgcKCgYGBwYGBwYGCgoHBgICAb0GBwYGCgoHBgICAQECAgYHCgoGBgcG/AYHBgYKCgcGAgIBAQICBgcKCgYGBwAAAAUAAAAAA/gD+AADAAcACwAPAFMAAAEzNSMFMxEjEzMRIyURIREjER8PIT8PES8PIQ8OAn5+fv6Gfn69fn4Buf0MfgECAwQFBwcICQoKCwwMDA0C9A0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwN/QwNDAwMCwoKCQgHBwUEAwIBBPz8AXr+hgH4fv0MAvT9DA0MDAwLCgoJCAcHBQQDAgEBAgMEBQcHCAkKCgsMDAwNAvQNDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMAAIAAAAAA3oD9wADAAoAADchNSERMxEzETMBhgL0/Qz8/Pz+hgh+Afj+hgF6AXoAAAIAAAAAA3cDtQAHAA8AAAEfARMFEz8BATM3BRczASMCAQkIqv6IpQgN/otGYQGfYUf+qTwDaR4b/lMBAaYVLPzh+wH6A2wAAAEAAAAAA7kDuAALAAATCQEXCQE3CQEnCQFHAWD+oFkBYAFgWf6gAWBZ/qD+oANg/qD+oFkBYP6gWQFgAWBZ/qABYAAABAAAAAAD9wP3AAMABwALABkAACUhNSE1ITUhNSE1IQUXNxEnBxc3JwcRFzcnAgAB+P4IAfj+CAH4/gj+CFQqKlS9vVQqKlS9hn69fr1+K14m/dImXqmpXiYCLiZeqQAAAwAAAAADmQP4AD8AYgDJAAABFQ8NKwEvDT0BPw07AR8NERUjPQE/DTsBHw0FFSsBDw4RHw4zITM/DhEvDisBNS8PDw4CXgEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAQEDAwQFBQYHBwgICQkJCgoJCQkICAcHBgUFBAMDAbwBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwH+xlcLCgoJCQgIBwcGBQQEAgIBAQICBAQFBgcHCAgJCQoKCwJmCwoKCQkICAgGBgUEBAICAQECAgQEBQYHBwgICQkKCgtXAQMFCAkLDQ4QERITFBYVFxcVFhQTEhEQDg0LCQgFAwFiCQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJCgoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoBsF9fCQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJXwICAwQFBgYGCAcJCAkKCv4ICQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJAfgKCgkICQcIBgYGBQQDAgJfFhYVFBQSEQ8PDAsKBwYDAQEDBgcKCwwPDxESFBQVFgAACwAAAAAD1APUAAMABwALAA8AEwAXABsAHwAjACkALwAAJTM1IzUzNSM3MzUjBzM1IwczNSMHMzUjBzM1IzczNSM1MzUjJzMhESERIxEVIREhAeE+Pj4++j4+fT4+fT4+fT4+fT4++j4+Pj76PgJx/NQ/A6r8Vuc+Pz4/Pj4+Pj4+Pj4+Pz4/Pn381AMs/NQ+A6gAAAMAAAAAA/gC4AADAEgAjgAAASE1ITczHw8PDyMVMz8ONS8OIwUVHw4zNSMvDz8PMzUjDw4BWAFQ/rDg4AwMCwsKCgkICAcFBQQDAgEBAgMEBQUHCAgJCgoLCwwM4OwWFhUUExIRDw4MCggHBAMDBAcICgwODxESExQVFhbs/dADBAcICgwODxESExQVFhbs4AwMCwsKCgkICAcFBQQDAgEBAgMEBQUHCAgJCgoLCwwM4OAXFhYUFBISDw8NCwkIBQQByHA+AQIDBAUFBwgICQoKCwsMDAwMCwsKCgkICAcFBQQDAgFqAwQHCAoMDg8REhMUFRYWGBYWFRQTEhEPDgwKCAcEA+AMFhYVFBMSEQ8ODAoIBwQDagECAwQFBQcICAkKCgsLDAwMDAsLCgoJCAgHBQUEAwIBagEEBQgJCw0PDxISFBQWFgACAAAAAAP4A/gAAwAMAAA3ITUhAScHCQEnBxEjCAPw/BABudBYAWcBZ1jQfgh+ARzKWv6jAV1aygJWAAAFAAAAAAP4A/gAAwAHAAsADwATAAABESERIxEhEQERIREjESERAyERIQN6/sV+/sUC9P7Ffv7FfgPw/BABwf7FATv+xQE7Abn+xQE7/sUBO/yOA/AAAAAACAAAAAAD+AO5AAMABwALABAAFAAZAB0AIgAAJTM1IwUhNSElMzUjBRUhNSElMzUjBRUhNSElMzUjBRUhNSEDen5+/I4DM/zNA3J+fvyOAfj+CANyfn78jgK1/UsDcn5+/I4DM/zNR35+fn5+Pz9+fn4/P35+fj8/fgAAAAQAAAAAA7kD+AADAB8AMQA2AAABByM3JyMVMwcjFTMHFzczBxc3MzUjNzM1IzcnByM3JzcdAR8JOwERIREDIREnIQJjDn0NNmxjDlVMDT8Nfg0/DnBnDVpQET8SfRE/vQECAgYHCgoGBgcGfv2KfgNy4v1wAcFfXz8/Xz5WCV9WCV8+Xz91CX51Cfx+BgcGBgoKBwYCAgH9yQL0/I4DDuIAAAAAAwAAAAADOwN6ACIARQCHAAABHw8PDisBNRMfDw8OKwE1AyE/Dy8PPw4vDyECOwoKCgkJCAgHBgYFBAMDAQEBAQMDBAUGBgcICAkJCgoKuZgKCgoJCAkHBwcGBQQDAgIBAQICAwQFBgcHBwkICQoKCpi9AZ8VFhQUExIQEA4MCwkHBgMBAQEDBAUGBwgICgoLCw0NDQoTCAgIBwYGBQQDAwIBAQECBQYJCwwPDxISFBUVFxf+hwHBAQECAwQFBgYGCAcJCAkKCgkKCQgJBwgGBwUFBAMCAr0BOwEBAgMEBQYGBggHCQgJCgoJCgkICQcIBgcFBQQDAgK9/YoBAwUHCQoMDQ8PERITFBQVDw8ODw0ODAwMCwoKCQgIBgcQCAgJCQkKCgkKCwoKCwsWFhQUExERDw0MCgkGBQIAAAIAAAAAA/gD+AAIAAwAABMXNxEzERc3ASUhNSGZWNB+0Fj+mf4IA/D8EAHuWsr9qgJWyloBXS9+AAAAAAMAAAAAA/gD+AAYABwANQAAAQcXNxUzNRc3LwcrAQ8FJSE1ISUnBx8HOwE/BycHNSMBqKJYY35jWKIKCgoLDAsMDAwMCwwLCgr+VgPw/BABuV9bngkKCwwLDQwNDQwNCwwLCgmeW19+AYWdW2Dl5WBbnQgIBgUDAwICAwQFBgc0ftxiV6QJCAYGBAQCAgQEBgYICaRXYt0ABQAAAAAD9wP4AB8AXwCfAOMA/AAAAQ8GKwEvBT0BPwU7AR8FBxUfDTsBPw4vDw8OFw8OKwEvDT0BPw07AR8NJw8EJwcXDwQnBx8EBxc3HwMHFzcfATM/ARc3Jz8DFzcnPwM1NycHLwM3JwcvBDUjASE1IREhHQEfCTsBFTM1JyEDFQEBAwMDBAUFBQQFAwMCAgICAwMFBAUFBQQDAwMBbwEDAgQFBQUGBwcICAgJCQkJCAgIBwcGBgUEBAMCAQEBAQIDBAQFBgYHBwgICAkJCQkICAgHBwYFBQUEAgMB4AECBAQGBwgICgsLDAwNDg4ODQ0NDAsLCQkIBwYEBAICBAQGBwgJCQsLDA0NDQ4ODg0MDAsLCggIBwYEBAKkAhQTEhMiKiIJCwoIBDQKNQEDBQYvGzEODg8UFDQUFBQPDwkUNRQSDw4PMRwvBQUDAjUKNAcJCg8iKyINERISDDj9KAH4/oYBuQECAgYICQsFBgcGfn7i/XABBAUFBAMDAgICAgMDBQQFBQUEAwMDAQEDAwMEBQUJCQgICAcHBgUFBQQCAwEBAwIEBQUFBgcHCAgICQkJCQgICAcHBgYFBAQDAgEBAQECAwQEBQYGBwcICAgJCQ4NDgwMCwsJCQgHBgQEAgIEBAYHCAkJCwsMDA4NDg4NDgwMCwsJCQgHBgQEAgIEBAYHCAkJCwsMDA4NuAEEBggKKiUpChAREgwKOAoYFBMTHDAcDwwMDDcUOAIBAgE4FDcLCwwRHTEcDRISEw4JOAkUERAUKSUqBwgHBQI2/gh+AvR+BgcGBgoKBwYCAgF+1+IADgAAAAAD+AO5AAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwAAJTM1IwczNSMHMzUjBzM1IwczNSMlMzUjBTM1IwUzNSMlITUhBSE1ISUzNSMFMzUjBzM1IwczNSMDuT8/vX5+/H5+/H5+/H5+AvT8/P6G/Pz+hvz8AfgB+P4I/ggBev6GAvT8/P7Fvb38fn69Pz9Hfn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+AAAAAgAAAAAD2APYAAQASAAAJSE3FzcBERUfDTMhMz8NNRE1Lw0jISMPDQN6/Qzcfr79igIDBAYGBwgJCgoLDAwNDQK0DQ0MDAsKCgkIBwYGBAMCAgMEBgYHCAkKCgsMDA0N/UwNDQwMCwoKCQgHBgYEAwKm/L78AXr9TA0NDAwLCgoJCAcGBgQDAgIDBAYGBwgJCgoLDAwNDQK0DQ0MDAsKCgkIBwYGBAMCAgMEBgYHCAkKCgsMDA0AAAEAAAAAA3oDuQAiAAATESUFETUvDCMhIw8MhgF6AXoBAgIDBAQECgYGBgcHB/2WBwcHBgYGCgQEBAMCAgEDevzNvb0DMwYHBgYFBQUFBwMDAgIBAQICAwMHBQUFBQYGBwAAAAACAAAAAAO5A/gAAwA3AAABFSE1JxEVHwkzITM/CTURNS8JIyEjDwkDO/2KfgECAgYHCgoGBgcGAvQGBwYGCgoHBgICAQECAgYHCgoGBgcG/QwGBwYGCgoHBgICAQM7vb1+/I4GBwYGCgoHBgICAQECAgYHCgoGBgcGA3IGBwYGCgoHBgICAQECAgYHCgoGBgcAAAAABgAAAAAD+AO5AAMAQwBHAIcAiwDLAAAlITUhBRUfDTsBPw09AS8NKwEPDQEhNSEFFR8NOwE/DT0BLw0rAQ8NJSE1IQUVHw07AT8NPQEvDSsBDw0BQwK1/Uv+xQICAwQFBgYGCAcJCAkKCQoKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKCgkKCQgJBwgGBgYFBAMCAgE7ArX9S/7FAgIDBAUGBgYIBwkICQoJCgoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoKCQoJCAkHCAYGBgUEAwICATsCtf1L/sUCAgMEBQYGBggHCQgJCgkKCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgoJCgkICQcIBgYGBQQDAgKGfl4KCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgoJCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgESfj8KCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCfJ+IAkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKCQoKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKAAACAAAAAAP4A7kAAwA3AAABESERJxEVHwkzITM/CTURNS8JIyEjDwkCP/5HfgECAgYHCgoGBgcGA3IGBwYGCgoHBgICAQECAgYHCgoGBgcG/I4GBwYGCgoHBgICAQM7/YoCdj/9DAYHBgYKCgcGAgIBAQICBgcKCgYGBwYC9AYHBgYKCgcGAgIBAQICBgcKCgYGBwAABAAAAAAD+AO5AAMABwALAA8AACUhNSEnITUhNyE1ISchNSEBBAL0/Qz8A/D8EPwC9P0M/APw/BBHfn5+fn5+fgAAAAACAAAAAAO5A/gAAwA3AAABFSE1AxEVHwkzITM/CTURNS8JIyEjDwkDO/2KfgECAgYHCgoGBgcGAvQGBwYGCgoHBgICAQECAgYHCgoGBgcG/QwGBwYGCgoHBgICAQGCvb0CN/yOBgcGBgoKBwYCAgEBAgIGBwoKBgYHBgNyBgcGBgoKBwYCAgEBAgIGBwoKBgYHAAAABQAAAAAD1APUAAMABwALAA8AEwAAAREhESMRIREBESERIxEhEQMhESEDlv6JPv6JAyz+iT7+iT8DqvxWAeH+iQF3/okBdwG1/okBd/6JAXf8lgOoAAAAABUAAAAAA9QD1AADAAcACwAPABMAFwAbAB8AIwAnACsALwAzADcAOwA/AEMAUQBVAFkAXQAAJTM1IwczNSMHMzUjBTM1IwczNSMHMzUjJTM1IwUzNSMlMzUjBTM1IwEzNSMFMzUjJTM1IwUzNSMlMzUjBzM1IwczNSMHHQEhFSERMxEhNSERIwczNSMHMzUjBzM1IwOWPz99Pz99Pz/+iT8/fT8/fT8/A2s/P/yVPz8Daz8//JU/PwNrPz/8lT8/A2s/P/yVPz8Daz8/fT8/fT8/u/5KAbY+Abb+Sj68Pz99Pz99Pz8sPj4+Pj4+Pj4+Pj4+Pz8/Pj8/PwE4Pz8/Pj8/Pz4+Pj4+Pj59+j7+SwG1PgG1Pj4+Pj4+AAAACAAAAAAD9APzAAMABwALABEAFQAZAB0AIQAAARUjNSMVIzUjFSM1EzMhFSE1ARUjNSMVIzUjFSM1AyERIQO2+j/6P/r6PwIz/JQDbPo/+j/6PgPo/BgBRfr6+vr6+gE4+voBOPr6+vr6+vxXA+gAAAIAAAAAA/gD9wAIAAwAABMXNxEzERc3ASUhNSGZWNB+0Fj+mf4IA/D8EAHuWsr9qgJWyloBXS9+AAAAAAIAAAAAA/gD9wADAAwAADchNSEBJwcJAScHESMIA/D8EAG50FgBZwFnWNB+CH4BHMpa/qMBXVrKAlYAAAMAAAAAA/gD9wAYABwANQAAAQcXNxUzNRc3LwcrAQ8FJSE1ISUnBx8HOwE/BycHNSMBqKJYY35jWKIKCgoLDAsMDAwMCwwLCgr+VgPw/BABuV9bngkKCwwLDQwNDQwNCwwLCgmeW19+AYWdW2Dl5WBbnQgHBgUEAwICAwQFBgc0ftxiV6QJCAcFBAQCAgQEBQcICaRXYt0AAQAAAAAD9QN3AAUAAAEnBwkBJwFF+EIBOgKwQgEN9kH+xwKtQQAAAAIAAAAAA7kD+AAHAA8AADczESERMxEhNSERIxUhNSNHfgJ2fvyOA3J+/Yp+CAG5/kcCN34BO729AAAAAAMAAAAAA/gD+AAJABUAHQAANzMRIRcRMxEnIQczNTM1MzUjNSM1IxchESMVITUjxX4Bn5h+4v2vvT8/Pz8/P70DM379yX4IAbmY/t8BVeJfQD5APj9eATu9vQAABAAAAAAD+AP4AAMADQAZACEAACUhNSEHMxEhFxEzESchBzM1MzUzNSM1IzUjFyERIxUhNSMBwQE7/sX8fgGfmH7i/a+9Pz8/Pz8/vQMzfv3Jfkd+vQG5mP7fAVXiX0A+QD4/XgE7vb0AAAAACgAAAAAD+AP4AAMABwALABsAHwAjACsANQA5AD0AAAEVIzUjFSM1IxUjNQMzNTMVMzUzFTM1MxUzESElFzcnBxc3JyUjFTMVMxEjBR0BMzUzNSM1IwUXNycFFzcnA7n8P/w//D8//D/8P/w//BACEG8tcPgtby0B/r29Pz/8Tz+9vT8CECxwLf7Fby1vAYK9vb29vb3+hn5+fn5+fgI3wXAtb28tcCxOP34BO34/fn4/fm8tcCwscC1vAAAFAAAAAAP4A/gAAwAHAAsAGwArAAABFSM1IxUjNSMVIzUDMzUzFTM1MxUzNTMVMxEhNSERIxEjNSMVIzUjFSMRIwO5/D/8P/w/P/w//D/8P/wQA/A//D/8P/w/AYK9vb29vb3+hn5+fn5+fgI3PwF6/sW9vb29ATsAAAAACQAAAAAD+AP4AAMABwALABsAUACFAI0AkQCbAAABFSM1IxUjNSMVIzUDMzUzFTM1MxUzNTMVMxEhJQ8GFR8LPw0vCyMPBCUPBhUfCz8NLwsjDwQFIxUzFTMRIwEzEyMFHQEzNTM1IzUjA7n8P/w//D8//D/8P/w//BACSQQEAwMCAQECAgMCBAQEBQUFDA0OBgcFBgUEBAQDAwECAQEDAgMDBAQFBQUGDQ4NBgYGBf8ABAQDAwIBAQICAwIEBAQFBQUMDQ4GBwUGBQQEBAMDAQIBAQMCAwMEBAUFBQYNDg0GBgYFAmC9vT8//alC+UH9rD+9vT8Bgr29vb29vf6Gfn5+fn5+AjerBAUGBgYGBw4NBgUFBAUEAwMCAwEBAQIDAwQEBAUGBQcGDg4MBQUFBAQDAwICAgMBAwME+AQFBgYGBgcODQYFBQQFBAMDAgMBAQECAwMEBAQFBgUHBg4ODAUFBQQEAwMCAgIDAQMDBHA/fgE7/oYBen4/fn4/fgAAAgAAAAAD8wPzAAkADQAAATMRITUjFSERIwEhESEDGX3+DF0Cr9v88wKv/VECXv4MfdsCr/6KAq8AAAAAAwAAAAAD5APkAAkADQAXAAABMxUjNSMVIREjBSERIQUzNSM1MxUzNSEDKV35XgG1u/4MAZb+av7nu135Xv5LAXP5XbsBtZwBlpxe+V27AAAGAAAAAAPkA+QAAwAHAAsADwATABcAAAEVIzUDIREhBzM1IzczNSMnFSM1AyERIQOG+V4Btf5L+pyc+pycvPleAbX+SwFz+fn+qQG1nJxenLv5+f6pAbUAAwAAAAAD8wPzAAUACQANAAAlIRUhESMnESERAyERIQMZ/gwCz9u7/gxeAq/9UefbAs+7/gwB9P2vAq8ABAAAAAAD8wPkAA8AFwAnAEcAAAEVMxEjFSE1IzUzFTM1IzUjFSMVIzUzNTcVMxUjNSMVMxUjNSMRMzUHMxEjFTM1MxUjFTM1IRUzNSMRMzUjFSM1MzUjFSE1IwMZPz/+yD992z9dP30/Pj992z9ePz/bPz/bXj/bATjbPz/bXT7b/sjbAk4+/uc/P10+2l5ePl4++j5ePtpePgEaPj7+5tofPts+PtsBGdo+Xds+PgAFAAAAAAPzA/MABQAJABEAHQAxAAABFSE1MzUnFSM1AzMVIREjNSElFTMRIxUhNSMRMzUlITUjFTMRIxUzNSEVMzUjETM1IwK+/uTeXt1eXgHXnP5nAjg7O/3IPz8COP3F2D8/2AI71Tw81QIDvkF9u9ra/sifAXq7Pj79yDw8Ajs7XjzY/cjYPDzYAjjYAAADAAAAAAPzA/MAAwBHAIEAAAERIREnDwcRHw8hPw8RLw4jISMPBQEPBxEfDzM1IxEhFTM1Lw8hDwYDlv3tQAcFBQQDAwIBAQIDAwQFBQcHBwgICQkJCgIQCQoJCQgIBwcGBgQEAwIBAQEBAgMEBAYGBwgHCQgJCgn98AoJCQkICAf+3wYGBAQEAgIBAQICAwQFBgYGCAcICAkJCl5eAhNeAQECAwQFBQYHBwgICQkJCv3vCgkJCQgHCAJ9/e0CE0AHBwgICQkJCv3xCgoJCQgIBwcGBgQEAwIBAQEBAgMEBAYGBwcICAkJCgkCEAoJCQkICAcHBwUFBAMDAgIDAwQFBQETBwgHCAkJCQr97woJCQkICAcHBgUFBAMCAQFeAhNeXgoJCQgICAcGBwUFBAMCAgEBAgIEBAQGAAAAAQAAAAADuQMKAAUAABMXCQE3AUdZAWEBXlr+SAFOWQFj/p1ZAb0AAAEAAAAAA7kDCgAFAAATCQEnCQFHAboBuFr+ov6fArL+QwG9Wf6dAWMAAAAAAQAAAAADCgO5AAUAABMJARcJAfUBY/6dWQG9/kMDX/6i/p9ZAboBuAAAAAABAAAAAAMKA7kABQAAEwE3CQEn9QG9Wf6dAWNZAgH+RlkBYQFeWgAAAgAAAAAD+AO5AAUACwAAEwkBFwkBBQkBFwkBCAFj/p1ZAb3+QwGBAWP+nVkBvf5DA1/+ov6fWQG6Abha/qL+n1kBugG4AAAAAgAAAAAD9wO5AAUACwAAEwE3CQEnEwE3CQEnCAG9Wf6dAWNZHQG9Wf6dAWNZAgH+RlkBYQFfWf5I/kZZAWEBX1kAAAAEAAAAAAO5A7kABgANABQAGwAAARcHIREHJwUnESEnNycBBxc3FxEhATcXNyc3IQI0vnQBO22//idtATt0vlkBf75Zv23+xf3Jbb9Zv3X+xQF2unUBO227u23+xXW6WgF0ulq8bgE7/sVtu1m7dQAAAwAAAAAD+AO5AAMABwATAAABFSE1AyERIQEjFTMVMzUzNSM1IwN6/Qx+A/D8EAG5fn5+fn5+AYK9vf7FAbkBO35+fn5+AAAAAwAAAAAD+AO5AAsADwATAAABIxUzFTM1MzUjNSMBFSE1AyERIQHBfn5+fn5+Abn9DH4D8PwQAUN+fn5+fgF6vb3+xQG5AAAAAQAAAAADuAO5AAMAADcXASdHWQMZWaBZAxlZAAEAAAAAA7kDuQAIAAABIQEXAREzESEBwQEh/WVZApt+/ggDO/1lWQKc/t8B9wAAAAIAAAAAA/gDegADAAgAAAERIREDKQERIQN6/Qx+An4BcvwQAvz+CAH4/YoC9AAAAAIAAAAAA/gD+AB/AP8AAAEVDx0rAS8dPQE/HTsBHx0FHx8/Hy8fDx4DegICBAQFBgcHCQkKCgsMDQ0ODg8PEBARERISEhITFBMTFBMSEhISEREQEA8PDg4NDQwLCgoJCQcHBgUEBAICAgIEBAUGBwcJCQoKCwwNDQ4ODw8QEBEREhISEhMUExMUExISEhIRERAQDw8ODg0NDAsKCgkJBwcGBQQEAgL8jgECAwQGBwgJCgsMDQ4PEBERExMTFRUWFhcXGBkYGhkaGhkaGBkYFxcWFhUVExMTEREQDw4NDAsKCQgHBgQDAgEBAgMEBgcICQoLDA0ODxARERMTExUVFhYXFxgZGBoZGhoZGhgZGBcXFhYVFRMTExEREA8ODQwLCgkIBwYEAwICABMUExISEhIRERAQDw8ODg0NDAsKCgkJBwcGBQQEAgICAgQEBQYHBwkJCgoLDA0NDg4PDxAQERESEhISExQTExQTEhISEhEREBAPDw4ODQ0MCwoKCQkHBwYFBAQCAgICBAQFBgcHCQkKCgsMDQ0ODg8PEBARERISEhITFBMaGRoYGRgXFxYWFRUTExMRERAPDg0MCwoJCAcGBAMCAQECAwQGBwgJCgsMDQ4PEBERExMTFRUWFhcXGBkYGhkaGhkaGBkYFxcWFhUVExMTEREQDw4NDAsKCQgHBgQDAgEBAgMEBgcICQoLDA0ODxARERMTExUVFhYXFxgZGBoZAAAAAAIAAAAAA/gDuQAFAAsAAAETAyEDEwETIRMDIQKztLT+mrS0/rv8Afj8/P4IAzv+xf7FATsBO/7F/kcBuQG5AAADAAAAAAP4Ap0AAwAHAB8AAAEVIzUhFSM1JSMVITUjFTM1IRUzFTM1MzUzNSM1IzUjA3o//Us/AvQ//cm9vQI3Pz8/Pz8/PwIgQEBAQD4+Prw+PkBAPkA+QAAAAAUAAAAAA/gD+AADAAoADgASACkAACUVIzUDFTMRIwE1JRUjNSEVIzUlIxUhNSMVMwEVMzUjETM1MzUjNSM1IwN6Pz8/E/2dArU//Us/AvQ//cm9kAJkvT8/Pz8/P4Y/PwK1P/3JAmMTPz8/Pz8/Pz+9/ZyQvQI3Pz8/PwAHAAAAAAP4A/gAAwAHAAsAEgAWABoAMQAAJRUjNREVIyclFSEnJRUzFSEnNSUVIzUhFSM1JSMVITUjFTMBFTM1IxEzNTM1IzUjNSMDej8T/AEP/rN+AYw//fVrArU//Us/AvQ//cm9kAJkvT8/Pz8/P4Y/PwE7/Py9fn69Pz9rEz8/Pz8/Pz8/vf2ckL0CNz8/Pz8AAgAAAAAD9wPYACEARAAAJSEBHxUVDwcFIT8JLxYDhfz+Aj0VFBQSEhEQDw4MDAsKCggHBgQEAwIBAgIEBAYHCAn8eQOmFQwJCQcGBAQBAQECAwUGBwgKCwwNDhAREhMUFhYYGBoaZwMXEhQTFRUWFhcXGBgYGRoZGhobGhsbGxsbGxsbGxsaG1kxHh8fHx8fIB8fHx8fHx4eHh4dHBwcGxsZGhgYFxYVFRMAAAQAAAAAA7kDuQADAAcACwARAAABESERAQcRNycHITcFESE3ESECfv4IAvS9vSy+/iXB/tECdvz9pAJ+/ggB+P7gvAHuvS29vdD9nf0CdQAAAgAAAAAD+AN6AA8AEwAAAREjNSMVIzUjFSM1IxUjEQMhESEDen5+P34/fn5+A/D8EAL8/gj8/H5+/PwB+P2KAvQAAAACAAAAAAP4A/gAPwDJAAABFQ8OLw8/DjsBHw0BDwQvAg8IFR8FDwEfAQ8EHQEfCD8CHws7Aj8LHwI/CD0BLwQ/AS8BPwU1LwgPAi8LKwIPBQKJAgQEBgcICQoKDAwMDQ4ODg4NDA0LCgoJCAcGBAQCAQECBAQGBwgJCgoLDQwNDg4ODg0MDAwKCgkIBwYEBAL+9hQXFhYUgAUFBAUEBAMDZwICAQECAwNtAwEBA20DAwICAQJoAwMEBAUEBQWAFBYWFxQBAgIEAwQFBc4FBQQDBAICARQXFhYUgAUFBAUEBAMDZwMBAgIDA20DAQEDbQMDAgEBAgJnAwMEBAUFBAWAFBYWFxQBAgIEAwQFBc4FBQQDBAICAgAODg0MDAwKCgkIBwYEBAIBAQIEBAYHCAkKCgwMDA0ODg4ODQwMDAoKCQgHBgQEAgIEBAYHCAkKCgwMDA0OAdSFCgwNDjIBAQEBAgIDBK4EBQQFBAQEA1MYGRkZUgMEBAQFBAUErgQDAgIBAQEBMg4NDAqFBQQEAwICAgICAgMEBAWFCgwNDjIBAQEBAgIDBK4EBQQFBAQEA1IZGRkYUwMEBAQFBAUErgQDAgIBAQEBMg4NDAqFBQQEAwICAgICAgMEBAAAAAIAAAAAA/gDuABnAOMAAAEfDw8WKwEvAw8HPwIvDjU/FjsBHwUlDw8VHw4PCh8JPwofAjM/Fy8XDwYCxRUUEhIQEA4NCgoHBwUDAgEBAgMFBwcKCg0OEBASEhQVFxcYGBkaGhoYFxcXICILCwwMDA0NBQoJMQ4NDAsLCQkHBwUEBAICAQIDBQcHCgoNDg8RERMUFRcXGBgZGhoaGxkaGRgYF/5cHBsZGBcVChISEA4LCQcEAwIDBQYICgsQCgsMDQ0ODgIFAwkHJQkGBAIBAQICBQgKCgsMDA4VHCAfHR0bGhkXFBUVFSEgIB8eHh0dHBsZGBcVExIRDw0KCAUEAQEEBQgKDQ8REhMVFxgZGxwdHR4fHyAgICAgIB8fHh0DFQkLCwwNDQ4PDw4PDxAPEBEQEA8QDw8ODw8ODQ0MCwsJCQgGBgQDAgICBAYiCgkJCAgHBxEuPR8KCwsMCw0MDQwMDQwNDQ4QEBAPDw8ODw8ODgwMCwsJCQgGBgQDAgIDBAYGCGsNDg8QEhMJFRYXGBkZGhobGRYWFRYVFBQYDg4NDQwMCwsPBhAKJAsLCwoOCAcHDAsKCAUEAgECBQgKCw0OEREUAgIBAQIEBQcICgsNDg8QEhMUFRcXGRgaGhobGxsaGRkYGBcVFBMSEA8ODQsKCAcFBAIBAQIEBQcICgAAAgAAAAAD+AOtAAMAlwAAATMRIyEjDwwfCScPCx8JMw8KHwkzDwsfCTMhDwMVHw07AT8GNSc/DRErAS8EIwL8/Pz94goJCAgHBgYFBAQEBQMBAQMFBggFBAYFBj0GBgYFBQUIBwUDAgECAwUEBAQFBQYGByUFBQUIBwYEAgIBAQMFBgQEBQUGBgceBgcFBgUECAYEAgEBAwUHBAUFBQYGBwFEFgQGAgIDBAUHBAUFBQYHBggHBwgODQoEAwICBAECBQkNCxYXERUNBxgwFAQFCSQLCwYB9AG5AQICAwMEBAUFBQsMDAsLCgkHAwMBAQEBAQEBAwIECAkLCwwMCwsKBAQDAwICAQEBAgIGCAoKBgsMDAsKCQMEAwICAQEBAgIDAwQJCgsLDAsLCgkEAwMCAgFZGiUYFSIWFxQTCAgGBgQEAgIBAgUFAwMDCQ9ZFxASHiEXLiwdIBAHER4BRwEEFAUDAAACAAAAAAP3A60AAwCYAAA3MxEjAQ8CFxUPDBE7AR8EMyEzPwwvCRc/CjUvCSM/CTUvCSM/Cy8JIyE/AzUvDCsBDwUI/PwCEQEBAQQDBAoNChYYERQNBxgwFAQECiQLCwYBeQkJCQcHBwUGBAQDBgIBAQMEBwcFBQUFBj0GBgYFBQQJBgUEAgEEBQMEBAUFBgcHJQYFBQgHBgQCAgECBQYEBAUFBgYHHQcGBgYFBAgGBAIBAgMFBgQFBQUGBwb+vBUFBgECAgQGBwQEBQYEBQoLCwkJCQcHBgRTAbkBjAIHD1kXEBIeIRcuKx4gEAcRHv65AQQVBAMBAgIDAwQEBQUFCwwMCwsLCAgCAwEBAQEBAQEDAwMICgoMCwwMCgoEBAMDAgIBAQECAgYICgoGDAsMCwoJBAMDAgIBAQECAgMEAwkKCwwLDAoKCQQDAwICAVkaJhcVIhcWFRIJBwYGAwMEAwICAgQDBAACAAAAAAP3A60AAwCYAAATMxEjBSMRHw0HFR8HMz8OLwQhMz8JLwszPwovCTM/Ci8KBz8JLwwjISMPBAj8/AFPFCcaCggOGx0WCg0KBQIBBAEDAwQFCw4PBwcIBgcGBQUFBAcFBAMBAQIGBAYQAUQHBgYFBQUEBwUDAQECBAYIBAUGBQcGHgcGBgUFBAQDBgMCAQIDBAYHCAUFBSUHBgYFBQQEAwMFAgECAgUGBwkFBQYGBj0GBQUFBQgGBQMBAQMFBAQEBQYGBwgICQr+hwYLCxoPCQH0Abkh/rkYEggJEiw2LhchHhIQDloXBwUDAwMFAwEBAgIEBAYGCAgTFBYXFyAYJRoZQAECAgMDBAkKCwsMCwsKCQQDAwICAQEBAgIDBAMFCQsLDAsMCgoIBgICAQEBAgIDAwQEBQoLDAwLCwoJCAIDAQEBAQEBAQMDBwkKCwsMDAsFBQQFAwQDAgIBAwUPBwMAAAADAAAAAAP4A/gAFgBWAJoAACUVDwchLwc1ExcBJQ8OKwEvDT0BPw07AR8NJREVHw0zITM/DTURNS8NIyEjDw0DuQEBAwQFBQYG/MwGBgUFBAMBAc29ATv+dAEBAgMEBQUGBgcHCAkICQkKCAkICAgHBgYFBAQDAgICAgMEBAUGBgcICAgJCAoJCQgJCAcHBgYFBQQDAgH+iQICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgL4kgYGBQUEAwEBAQEDBAUFBgYcAQD8AfgkCQkJCAgHBwcFBgQEAwICAgIDBAQGBQcHBwgICQkJCQkJCAgHBwcFBgQEAwICAgIDBAQGBQcHBwgICQnv/MwJCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgkDNAkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKAAAAAAQAAAAAA/gD+AADAAcAMwB3AAABMzUjExUjNSMVMxUzNTM1MxUjFSMVMzUzFSMVMxUjNSMVIzUjFSM1MzUjNTMVMzUjNSM1JxEVHw0zITM/DTURNS8NIyEjDw0BwX5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+vQICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgIBQ34Ben5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fl/8zAkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoAAAAFAAAAAAP4A/gALAA2AJgBJAFoAAABDwUfDT8HNS8HDwYlHwEzPwEzAyMDBR8DNzMRDw8vBzcfBDM/DTUjDwYrAS8OPw8fAgUfBhUjLwcPBx8SDw8vDjUzHwozPwY1LxI/Dx8GAREVHw0zITM/DTURNS8NIyEjDw0C7AQDAwIDAQEDAgMDBAQFBgYHBwgJCgoICAcGBgUFBgYHCAgKCggICAcGBQX+wj0GAQU8Rms6awHQCggJBwY6AQICBAUGCAgJCwsMDQ4PEAwMDQwNDAsLDgkUEwsKChIHBwcGBQQFAwMDAgEBAQcICAoJCwsNDQ0MDAoKCQgHBgYEAwMBAQEBAwMEBgYHCAkKCgwMDQ4NDAz99QgGBgQEAgJDAQIFBgcJCwwLCwgHBgQCAQECBAUHEjMXFAgHBgUFBAMCAQEBAQMEBAYHBwkJCgsLDQwODw0NDAsLCQkIBwUFBAICQQECAgIEAwQKCgsNBgwKCQcFAwICAwUGCgwyFxIICAYGBAQDAgEBAQEDAwUFBggICQkLCwsMDQ4NDAsLCgn+5wICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgICMgYIBwkSFBgQBwcGBgUEBAMDAQEBAQEDAwUFBgh3BwYGBAQCAgEBAQIDBAQFQbQYGLT+8AEQBgUHCAkj/vYODAwLCgkJCAcHBQQEAgEBAQEBAwMEBAUsBAYFAQEBAQIDAwMEBQUGBgYHBx0HBwYEBAICAgMEBQYHCQkKCwwMDQ4PFQ8PDQ0MCwoKCAYGBAMCAQECAxMGBwcICAgJCQgIBgcFBAIBAQIDBAUGBwcGBgYEBAYLBwgEBQUFBgYHBwgICQkICAcHBgYFBQQDAgIBAQEBAgMEBQUHBggHCAgICQkLBQQEBAMDBQMCAQICAwQGBgcHBgYFBQQEDAcIBAQFBgUHBgcICAkICAcHBwcGBQUEBAICAQEBAQIDAwQFAS78zAkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKCQM0CQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoAAAAABQAAAAAD+AP4AAQAGABEAHAAzgAAJRUzASc3Bxc/Az0BLwYrAQ8BJQ8DHwQPBB8HPwc9AS8GIw8HHQEfBz8HLwQ/BC8HIw8BJREfDzM1KwEvCTURNT8JMyEzHwkdATM1Lw8hDw4CAGEBNmFaMGEvBAICAgIEPAQFBAUFBQT+sAQDAQEBAgMEcHAEAwIBAQEDBAUFBgcFBgUFiAUDAgIDBYgFBgUHBQYGuIgFAwICAwWIBQUGBQcGBQUEAwEBAQIDBHBvBQMCAQEBAwQFBQYGBgYF/nMBAwQHCAkLDA4OCBAREhITwbcGBwYGCgoHBgICAQECAgYHCgoGBgcGAnYGBwYFCwkIBgICAX4BAwUGCAkLDA4OCBAREhIT/YATExISEBAODgwLCQgHBANpYQE3YFkvYC8EBAUFBQUEBDwEAgICAswFBgYGBgUGBGdnBQUGBgYGBgUEAwIBAQEDBH4FBQYHBgYGBX4EAgIBAgMCfgUGBgYHBgUFfgQDAQEBAgMEBQYGBgYGBQVnZwQGBgYGBQYFBAMCAQICbf2KExMSEREQDg4MCwUICAUEAn4BAgIGBwoLBQYHBgJ2BgcGBQsKBwYCAgEBAgIGBwoLBQYHBr29ExMSEREQDg4MCwUICAUEAgEDBQYICQsMDg4QERESEwAAAAACAAAAAAP3A9wANQDNAAABMx8IDwUrARUzNSM3FyMVMzUrAS8HPwU1IxUzByczNSMnDwIjFTMDDw0nPwcvBw8HFR8NPxETMzUjPw4fAg8CFR8HMz8HNS8MDw4CNRoGBgUGBQQEA1GbBAUFDAwGGp8gfUIbrRsFBgUGBAUDA1KYBQsMDROfN4dEHKzrAgUdSkVRFQsGBwcHCAkKCQoKCAgKCggJBgYEAwECBAUFBwgICw4KCQcHBQMBAgIDBAcKBQcICgoMDQ4PDQ0MCwsJCggIBwcNDwkFCQtOn5AOBggEBQUGBgcICAkJCwsMCwsCAwEBAwUGCAkKCwgJCAcGBQUDAQEBBQcICwwNDhAKChkREBAPDw0ODAsLCggIBgUCnwEBAgMEBAQFoqYEAwQFAzU1hYU1NQICAwQEBAW8jQMHBQIBNTV6ejWUBg6ANf5xSh0ODgwLCQYGBAMCAQEBAgQFBggICgoQCAgGBgQDAgEDBQcICQoKFgoJCQgMCQUFBAQDAwEBAQEDBAUFBwcHCQgKExwVDyAsAZo1RB4ZCwoJCAcGBQQDAgEBAQEDBgYHBwsKCQgGBQMBAgQEBgcHCwcMCAcPDQwLCggGBQIBAQECAgQFBgcHCAkKCgsLDAAAAAAKAAAAAAO4A7gAAwAHAAsADwATABcAGwAfACMAZwAAARUjNSMVIzUjFSM1JRUjNSMVIzUjFSM1JRUjNSMVIzUjFSM1Jw8GFREVHw4hPw41ETUvDiEPBgN6vT+9P70Ctb0/vT+9ArW9P70/vWcFBQQDAwECAgICBAQFBQYHBwcHBwgIAtAICAgIBwYHBgUFBAMDAQICAQMDBAUFBgcGBwgICAj9MAgICAgHBgcBQ729vb29vfy9vb29vb38vb29vb29ZgYGBwcHCAgJ/TIJCAgHBwcGBgYEBAQCAgEBAQECAgMEBQYGBgcHBwgICQLOCQgIBwcHBgYGBAQEAgIBAQEBAgIEBAQAAAANAAAAAAP3A/cAAgAFAAkADQAQABQAFwAbAB4AIgAmACkAWwAAJSM1NxUnIxUjNSMVIzUlIzUlFSM1IxUnIxUjNTcjNSUVIzUjFSM1IxUvARcPAREVHw4lPwEXNyc/ARE1Lw0jIQ8BJwNNkL2QbL0/vQGNkQG5vT+QbL2RkQK1vT+9P5DqRQMDAgICBAQFBQYHBwcHBwgIAtcOCkQtRQMDAgEDAwQFBQYHBgcICAgI/SkOCkSGkSyQkL29vb0/kC29vZCQvb0/kC29vb29kZGQRQkO/SkICAgHBwcGBgYFBAMCAgEBAQIDRS1ECg4C1gkICAcHBwYGBgQEBAICAQIDRQAAAAMAAAAAA/gD9wBKAJUA/gAAAR8GHQEPHSsBLwY3HwI7AT8NPQEvAjcnFwcvAiMPDx8DBy8GPQE/HTMfBjcjLwcPHx8IBxc3Hwc/Hy8INycC8goIBwYEBAIBAgIEAwUFBgYHBwgICQoKCgsLCwwMDQ0NDQ4ODg8OFBQTExISERRdEQ0ODhAQDw4ODQwLCgkIBwUEAwIDBl5dBF4QDQ4OEBAPDg4NDAwKCQgGBgMDAQECAwVdDAgHBgQEAgECAgMEBQUGBgcHCAgJCgkLCgwLDAwNDQ0NDg4ODg8UFBMTEhESZQEaHBwcHh4eHxYVFRUVFBQTFBMSExESEREQDxAODg4NDQwLCwoKCQgIBw8QExUWGBkRplm3GxwcHB4eHh8WFRUVFBUUExQTEhISEhEQEQ8PDw4ODQ0MCwsKCgkICAcPEBMVFhgZEaZZApMRERETEhMUFA8ODg4ODQ0NDQwMCwsLCgoKCQgIBwcGBgUFAwMDAgEDAwUFBwkLXQUDAgMEBQcHCQsLDA0ODg8QEA4ODRBeWwJeBgMCAQIEBQcICQoLDA0ODg8QEA4ODRFdFREREhMTFBQPDg4ODg0NDQ0MDAsLCwoKCggJCAcHBgYFBAQDAwIBAQIDBQYHCEYNCwoIBgUDAQEBAwMEBAYGCAgICgoLCw0MDg4PDxAQERESExIUExUUEiMiIB8dHBoPplm2DQsKCAYFAwEBAQIEAwUGBggHCQoKCwsMDQ4ODhAQEBEREhMSFBMUFRIjIiAfHRwaD6ZZAAAEAAAAAAP4A/gAEwAZAC0AcQAAARUjFTMVMxUjFSM1MzUjNSM1MzUjETMVIxEjFTM1MxUjFTMVIzUjFSM1MzUjNQMRFR8NMyEzPw01ETUvDSMhIw8NA2iQSEhIkJBISEjYSJDYSEhISEhISEhIkAECAwMDBAUFBgYGBwYIBwNgBwgGBwYGBgUFBAMDAwIBAQIDAwMEBQUGBgYHBggH/KAHCAYHBgYGBQUEAwMDAgECkEhISEhISEhISEj+4EgBaEhISNhISEhI2EgBIPygBwcHBwYGBgUFBAMDAwIBAQIDAwMEBQUGBgYHBwcHA2AHBwcHBgYGBQUEAwMDAgEBAgMDAwQFBQYGBgcHBwAABAAAAAAD+AP4AAsAHwArAG8AAAERMxEzESMVIzUjESMVIxUzFTMVIxUjNTM1IzUjNTM1IxUjFTMVIzUjNTM1AxEVHw0zITM/DTURNS8NIyEjDw0C2EhISEhISJBISEiQkEhISJBISEhISNgBAgMDAwQFBQYGBgcGCAcDYAcIBgcGBgYFBQQDAwMCAQECAwMDBAUFBgYGBwYIB/ygBwgGBwYGBgUFBAMDAwIBApD+4AEg/uBISAEgSEhISEhISEhISEjYSEjYSAEg/KAHBwcHBgYGBQUEAwMDAgEBAgMDAwQFBQYGBgcHBwcDYAcHBwcGBgYFBQQDAwMCAQECAwMDBAUFBgYGBwcHAAAAAAcAAAAAA/gD+AADAAcAGwAkADUAOgBDAAAlFSE1NzM1IyUVMzUzFSMVMxUjNSMVIzUzNSM1IzMVMxUjFSMRITMVMzUzESMRIxUjNSMRIxEBFxUhEQMjETMVIREBIQO5/Uv8fn4BOz8/Pz8/Pz8/P/x+Pz+9/sU/P34/Pz8/PwKJ6f1LP729AzP+8v3bhj8/fvw/Pz8//D8/Pz/8Pz/8PwF6Pz/+hgE7vb3+xQF6AXrpUgE7/sX+CH4C4gEOAAAAAAMAAAAAA/gD+AAEABgAdgAAARUzASc3Bxc/BC8IDwIFER8PIT8PESMRFQ8JIyEjLwk1ETU/CTMhNSEPDgFDhQGrhXtBhUEEAwIBAQIDBFMGBgYHBwcG/JoBAwQHCAkLDA4OCBAREhITAoATExIRERAODgwLBQgHBgQCfgECAgYICQsFBgcG/YoGBwYGCgoHBgICAQECAgYHCgoGBgcGAXT+jBMTEhIQEA4ODAsJCAcEAwHIhQGqhXxBhkEGBgcGBwcGBVQEAwIBAQIDt/2KExMSEREQDg4MCwUICAUEAgEDBQYICQsMDg4IEBESEhMBhP6GBgcGBQsKBwYCAgEBAgIGBwoLBQYHBgJ2BgcGBQsKBwYCAgF+AQMFBggJCwwODhARERITAAAAAgAAAAAD9wO5ACoAgQAAATMfCjMhHwcVIQ8HAxE/BwcRFR8JMyE/BxM/ATUvCyM1Lw4jIS8LKwIPDQEIBQUFBXwGBwcHCAgHCAELBgYGBAQDAgH+Tg4MDQsLCQgEsgEBAwQFBQYHXwECAgYHCgoGBgcGAsEJCQgIBwcFBLIDAgEDBAYHCAoKCgwFDGQBAQIEBAQGBgcHCAgJCQkK/vUFBQUEfAcHBwcHCAgIoQoKCQgJBwgGBgYFBAMCAgN6AgIDYwQEBAMCAgEBAQMEBQUGB14BAwQGCAgLBf6cAm4HBgUFBAMBASD9LAYHBgYKCgcGAgIBAQIDBAYGBwkBlAsMDAwLCwsKCQgGBQQBAl4KCgkICQcIBgYGBQQDAgIBAQIDYwQEBAMCAgECAgMEBQYGBggHCQgJCgAABAAAAAAD9wOZAAMABwB7AO8AAAEzNSMFMzUjNx8MFR8LFQ8LFQ8LIxU/DzU/DDUvDDUvDwUPBxUPDBUfDB0BHw41Iy8LNS8LNT8LNT8LMzUjDwUBAru7ATi7u/IHBgYGBQUEBAMDAwMCAgQFAwQEBAUGBQcGBgcFBgUEBAQDBQQCAgMDAgQDBAUFBgYHCBMSEA8ODAsKBAgGBgQDAwECAwMCBAMEBQUFBgYHBwYGBQUFBAMEAgMDAgEBAwQFBgcJCQsMDg8QEhP9NwQIBgYEBAIBAgQCAwMEBAQFBQYGBwcGBgUFBAQEAwMCBAICAwQFBgcJCQsMDg8QEhMIBgcGBQUEAwMDAwMCAgMFBAMFBAUFBgcGBgcGBQUEBQMEBQMCAgQCAwQDBQQGBQYHBxMSEA8ODAsBpLu7u+QBAQEDAgQEBQUGBw8SdxoYFQkJCAgGBgYFBAEEBQUGBgcICAkUFxl8ExAHBgUEBAMDAgEBWAECAwQFBggJBQsNDxETFBeCExEHBgYFBAQDAwEBAVUBAQEDAwQEBQYHBxAUdRYVFBEQDgwLCQgGBgQDAgEnBgsNDxETFBZ/ExEHBwYFBAQDAwEBAVUBAQEDAwMFBQUHBxATehcVExIPDgwKCQgGBQQDAgFYAQECAwMEBQUGBxATeRkYFAkJCAcHBgUFBAEEBQUGBwcICAkVFhp6Eg8HBgUFBAQCAwEBVwIDBAYGCAAAAAYAAAAAA0AEAAADAAcACwAPABMAFwAAKQERIQEhESElIREhASERISUhESEBIREhAkABAP8A/oABAP8AAYABAP8A/oABAP8AAYABAP8A/oABAP8AAQD/AAEAgAEA/wABAIABAP8AAQAAAQAAAAAD+AP4AGoAABMzERUfBQUVNycVITcfBzM/FTUvBzcXNwcXBy8HIw8VFR8HBxEzJwh+AgMEBQYFApy9vf23sxQREhIKFBQVFw0MDQwMDAsWFRMSEQ4NCgUEAwMCAgEBAgQGBwkKDn9ZF/VZgBMSERMKExUUGA0MDQwMDAsWFRMSEA8NCgUEAwMCAgEBAgUFBwkKDrN+nQM7/WwIBQYFBAMBAX6enX6zDgoJBwMFAwIBAgIDAwQFCg0PEBITFRYLDAwMDQwNDRUUFBQSEhIUf1n0Fll/DgoJBwMFAwIBAgIDAwQFCg0OERITFRYLDAwMDQwNDRUUFBQSEhEUswJJvQABAAAAAAKAAoAAAwAAASERIQGAAQD/AAGAAQAAAgAAAAADQAKAAAMABwAAASERIQEhESECQAEA/wD+gAEA/wABgAEA/wABAAADAAAAAANAA0AAAwAHAAsAACUhESEBIREhNyERIQJAAQD/AP6AAQD/AMABAP8AwAEA/wABAIABAAAAAAAEAAAAAANAA0AAAwAHAAsADwAAJSERIQEhESElIREhASERIQJAAQD/AP6AAQD/AAGAAQD/AP6AAQD/AMABAP8AAQCAAQD/AAEAAAAABQAAAAAEAANAAAMABwALAA8AEwAAJSERIQEhESEBIREhJSERIQEhESEDAAEA/wD+gAEA/wD+gAEA/wACQAEA/wD+gAEA/wDAAQD/AAEA/wABAIABAP8AAQAAAAAGAAAAAAQABAAAAwAHAAsADwATABcAACkBESEBIREhASERISUhESEBIREhNyERIQMAAQD/AP6AAQD/AP6AAQD/AAJAAQD/AP6AAQD/AMABAP8AAQD/AAEA/wABAIABAP8AAQCAAQAAAAUAAAAAA7kD+AA/AH8AvwDEAUUAAAEVHw07AT8NPQEvDSsBDw01FR8NOwE/DT0BLw0rAQ8NNRUfDTsBPw09AS8NKwEPDSUVESERJxUjDwcVHwMVIw8HFR8DFSMPBxUfAxUfByE/BzU/BDUvByM1PwQ1LwcjNT8ENS8HIzUvByEPBgGiAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBARv+hj+eBgYFBQQDAQECBAWyngYGBQUEAwEBAgQFsp4GBgUFBAMBAQIEBbIBAQMEBQUGBwG4BwYFBQQDAQGvBgIEAgEBAwQFBQYGnq8GAgQCAQEDBAUFBgaerwYCBAIBAQMEBQUGBp4BAQMEBQUGB/5IBwYFBQQDAQEECgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQnyCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQnyCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQmzH/ytA3IfHwEBAwQFBQYGQwgHBXdOAQEDBAUFBgdCCAcFd04BAQMEBQUGBkMIBwV3LgcGBQUEAwEBAQEDBAUFBgcudAUDBwhDBgYFBQQDAQFOdAUDBwhCBwYFBQQDAQFOdAUDBwhDBgYFBQQDAQEfBwYFBQQDAQEBAQMEBQUGAAAAAAEAAAAAA3kD+ABWAAABES8GDwsfBQEfAjM/BAE/BS8LDwYRNS8JKwEPCQHB0AQGBQYLDAwMBgUFBQQEAwIEAQEEAgQDBQE7BxMMDAwGBgUFAT8FAwQCBAEBBAIDBAQFBQUGDAwMCwYFBgTQAQICBgcKCgYGBwYGBwYFCwkIBgICAQO5/SXNBAQDAwMBAQMDAwQEBQUGBQwMDAwFBgUE/skHCQMDAgIDBAE7BQUGBQwMDAwFBgUFBAQDAgQBAQMDAwQEzQLbBgcGBgoKBwYCAgEBAgIGBwoKBgYHAAACAAAAAAP4A/gARQCJAAAJAQ8FHws/BhEVHwk7AT8JNREvCg8FFxEfCjM/AwE/BS8LDwYRNS8JKwEPCQFW/sUFAwQCBAEBAwMDBAQFBQUGDAwMCwYFBQXQAQICBgcKCgYGBwYGBwYGCgoHBgICAQECAwUFBwcJBQwMBgYGBgUF5AECAwUFBwcJBgYGDAwLBgUBPwUDBAIEAQEDAwMEBAUFBQYMDAwLBgUFBdABAgIGBwoKBgYHBgYHBgYKCgcGAgIBA+b+yAQFBgUMDAwMBQYFBQQEAwIEAQEDAwMEBM39JQYHBgYKCgcGAgIBAQICBgcKCgYGBwYDcgkJCQgHBgYEAgIBAQECAwMEMfyOCQkJCAcGBgQCAgEDBAMEATwEBQYFDAwMDAUGBQUEBAMDAwEBAwMDBATNAtsGBwYGCgoHBgICAQECAgYHCgoGBgcAAAABAAAAAAN6A/gAVgAAATEPBAEPBR8LPwYRFR8JOwE/CTURHwUzPwsvBQEvAQH9CwcHBwX+wQUDBAIEAQEDAwMEBAUFBQYMDAwLBgUFBdABAgIGBwoKBgYHBgYHBgYKCgcGAgIB0AQGBQsMDAwGBgUFBQQEAwMDAQEEAgQDBf7BEBID+AICAwME/sQEBQYFDAwMDAUGBQUEBAMCBAEBAwMDBATN/SUGBwYGCgoHBgICAQECAgYHCgoGBgcGAtvNBAQDBQICAgMDBAQFBQYFDAwMDAUGBQQBPAkFAAAACAAAAAAD+AP4AAMABwALAC8AbwB7AH8AgwAAJTM1IyEzNSMhMzUjNRUhNS8OKwIPDTcVHw4/Dj0BLw4PDgUjFTMVMzUzNSM1IyURIREDIREhAj/8/P6G/PwBevz8ATsBAQIEBAUFBwYICAgJCgkKeQoJCgkICAgGBwUFBAQCAU4BAgMDBAUFBQcGBwcICAgIBwgHBwcGBQUFBAMDAgEBAgMDBAUFBQYHBwcIBwgICAgHBwYHBQUFBAMDAgH+dn5+P35+PwK1/I4/A/D8EMU/Pz+VFxcKCgkJCAgIBwYGBQQDAgICAgMEBQYGBwgICAkJCrkKCgkJCQgHBwYGBQQDAwEBAQEDAwQFBgYHBwgJCQkKCgoJCgkICAgGBwUFBAQCAQEBAQIEBAUFBwYICAgJCgknP35+P35+/I4DcvxPA/AAAAAABQAAAAADuAP4AAkAEAAXAB8AJgAAATMDFSE1IxM1IQUjFzcjNSMTHwIjPwEDMzczFzMDIwUzFTM1MycCV9/xAVPt8P68/o2dvb2ePy8BBT2HPgXLUCWtJ1CjUgFUnT+evQGD/qciPgFbIPy9vfwB9QgTsLUW/olwcAG5vfz8vQAEAAAAAAO4A/gABgAOABUAHwAAAR8CIz8BAzM3MxczAyMFIxc3IxEjBTMDFSE1IxM1IQETAQU9hz4Fy1AlrSdQo1IB8Z29vZ4//YTe8QFT7fD+vQGACROwtRf+iHBwAbn8vb0DMz7+pyI+AVsgAAAABAAAAAADuAP3AAkAEAAYAB8AABMzAxUhNSMTNSETHwIjPwEDMzczFzMDIwEjFzcjESNg3vEBU+3w/r2zAQU9hz4Fy1AlrSdQo1IB8Z29vZ4/AYP+pyI+AVsgAfUIE7C1Fv6JcHABufzNvb0DMwAAAAIAAAAAA/gD+AALAEAAAAEVMxUjFSM1IzUzNSURFR8NMyEXETUvDSMhIw8NAj+dnX6dnf5HAgIDBAUGBgYIBwkICQoJAtW9AgIDBAUGBgYIBwkICQoJ/MwJCgkICQcIBgYGBQQDAgIDO51+np5+nV/9igoKCQgJBwgGBgYFBAMCAr0DkgkKCQgJBwgGBgYFBAMCAgICAwQFBgYGCAcJCAkKAAAAAQAAAAAD+AOkAEAAABMBNR8cLx81CAGINDEwFxcWFhUVFRQTExMTEhESEBEQEA8PDw4ODg0GBgcHCQkKCwsNDQ4PEBESExQVFhcYGRocHB4fISEjJAIc/njmAgMFAwUEBQYGBwcICQkJCwsLDA0NDg4PEBARERIaGhsaGRoZGhgZGBcXFxYVFRQTEhIREA8NDQwLCggHBuAAAAAAAQAAAAAD+AO5AAUAABMNAREJAQgCtf1LA/D8EAJpaWj+rwG5AbkAAAIAAAAAA/gD+AADADgAAAERIREnERUfDTMhFxE1Lw0jISMPDQN6/Qx+AgIDBAUGBgYIBwkICQoJAtW9AgIDBAUGBgYICAgICgkJ/MwJCQoICAgIBgYGBQQDAgIDev3JAjcg/YoKCgkICQcIBgYGBQQDAgK9A5IJCQoICAgIBgYGBQQDAgICAgMEBQYGBggICAgKCQADAAAAAAP3A/cAdwDTANcAACUHLwUPCisBDwYfBzM/DzMfCj8LMx8NPwY1LwwPBgEPBxc3LwI9AT8HOwEfBhUXBxUPBisBLwIHJxc/GCcPDSUBNwEDBC4NDQ4PDxAPCAgLCwoJCAgHBnoGBgUFBAMBAQEBAwQFBQYGjwUFBQQEAwMEBAQEBQUGBggHBwcHBwcGEgUFBwcHBgYFRgYHBggHCAgICAgIBwcGBgUbBAUGBgYGBgUFBAICAQIDGwoLDA0GDg8PDw4ODg0MDAv9ugcIGBgYHyIoGPUEBAIBAwYHCQsLBgYGBgwKCQcGBAEBBAYHCQoMBgYHBwcG9hQrBRclJDxZLEGgCgUGBgYHBwgPEBAQDxQREt4SERIREREhHx4cGhgfIAE3AUFi/r6XNQwKCAUEAQEBAgQFBwcJCQsLAgMEBQUGBgcGBQUDAwIBAQECAgQDBQ0HBwYFBAMCAgECBAQGBxYFBAIBAQIDBVEGBQUDAwIBAQICAwUEBgYlBQMDAQEBAgMFBQUGBgYGBSUMCgkIBAUEAgEBAgQFBwgJAfgcG1BKRVBQVxj3CAgIBAsGDAoJBwYEAQEEBgcJCgwGBgcGCwoJCAYDAQICA/gVLAMOEg8WHQ0TKjUYGBYVFBMSIB0ZFRMVDg3hERAODg0LFRIODAoHBwX6/rtjAUUAAAUAAAAAA/gD9wAJABEAGQAgACkAABMzAxUhNSMTNSElFQcVJzUnNQcXFRcRNzUhJx8CIz8BAzM3MxczNQMjIN/xAVPt8P68A5m9P70/vb29/cntAgQ9hz4Fy1AlrScxhFIBg/6nIj4BWyD8HLPWH6jBHTfBtV4BIbN2uggTsLUW/olwcFQBZQADAAAAAAP4A7kAAwBLAE8AADchNSE1ITMfDg8OKwE1Bxc1Mz8ONS8OITUhNSEIATv+xQMjCgkJCQgIBwcGBgQEAwMBAQEBAwMEBAYGBwcICAkJCQqtvb2pFhYUFBMREQ8NDAoJBgQDAwQGCQoMDQ8RERMUFBYW/OEDsfxPxX69AgIDBAUGBgYIBwkICQoJCgoJCAkHCAYGBgUEAwICfr29fgMEBgkKDA0PERETFBQWFhcWFhQUExERDw0MCgkGBAO9fgAAAQAAAAAC3AJ+AAIAAAE3IQIA3P5IAYL8AAAAAAMAAAAAA2oDGwACAAYADgAAJTcjFzMRIzcXFTM1NzUhARR+/F4/P369fr3+COV+AQF6Hdn8/NsgAAAAAAMAAAAAAysDNQACAAUACQAAJTcjBzcpATMRIwKtfvy9nv7FAbk/P/9+s7MBuQAAAAIAAAAAAysDNQACAAkAACU3IQEzETMRMycBcp7+xQFaXz9efsqzATv+RwG5fgAAAAIAAAAAA2oDGwAGAA4AABMzETMRMyc3FxUzNTc1IZZeP19+Xr1+vf4IAl7+hwF5fh3Z/PzbIAAAAgAAAAADegMWAAIACgAAJTchExcVMzU3NSEBJJ3+xfy9fr3+COqyAVja/PzbIQAAAwAAAAAD+AP4AAQACAAUAAAlOwE1IxMhNSElFyMVIRchFSEBNwEBgj+9/NcBn/3j/i2jowEhvf7fAZ8BO1n8aQh+Afh+o6N+vX7+xVkDlwAFAAAAAAP4A9gANwBBAHsAfwCDAAAlMzUfCD8PIw8PLwczNSMnMy8BNT8DIyUPDzM/Dx8HIxUzNSMVLwgHJSE1ISchNSECPz8KFAoJGwYhFRYVFRsMChkLFAoQCQgLBgYEPwQEBQcHCAkKCwsMDA0ODQ4TEhEQDw4NDl69vYECAQEEBQePAW8IEwwKGQsUChAJCAsGBQMCPwQEBQcHCAkKCwsMDA0ODQ8SEhEQDw4NDl69PwoLFAgbBiEVFRb9vwJ2/Yq9A/D8EChDChAHBQ0CCgMBAQMIBAQOBxAKEg0OFRAVEg0NDAsMCgoICAgGBQQDAgECAwUHCAsLED8BDxANDBgXF3kCBQUEDgcQChINDhQREA4JDQ0MDAsKCgkIBwYFBAMCAQEEBQYJCgwQP71ECgkOBQ4CCQMCAkF+vH4AAAcAAAAAA/gD+AAFAAkADQAZAB0AIQAnAAA3ITUjNSMFIREhNSE1ISUVMxUjFSM1IzUzNQMhESEFIREhBTM1MzUhxQE7/D8BegG5/kcBuf5H/sV+fj9+fr0Buf5HAjcBuf5H/oY//P7FCD+9/AE7P/w/fj9+fj9+/oYBuT8BO71+PwAAAAgAAAAAA/gD+AAFAAkADQAQABMAFwAbACEAADchNSM1IwUhESE1ITUhByEBJwERAyERIQUhESEFMzUzNSHFATv8PwF6Abn+RwG5/ke9/vIBDiz+8T8Buf5HAjcBuf5H/oY//P7FCD+9/AE7P/z8AQ4t/vEBD/6GAbk/ATu9fj8ABAAAAAAD+AP4AAcADwATAGUAAAEfAiM/AgEzNzMXMwMjAxUjNSsBDwoVERUfCTMhNyERMxUhNTMVMzUvCSMvDisBDw4C3AEFVrpUBAT+52417zZv4nGlfj/8BgcGBgoKBwYCAgEBAgIGCAkLBgYGBgE7Mv7SPwH4P34BAgUGCQoLBgYH/AMDBAUHCAoNBwcJCAoKCwsLCwoKCAgIBwwKCQYFBAMCAeoFGOjiDxT+HpCQAjcBOz8/AQEBAgYICQsGBgYG/QwGBgYGCwkIBgICAX4Cdj8/fsMHBgsKCAcFAQEBHQsLDAwLCwkFAwQDAgIBAQICAwQDBQkLCwwMCwsKAAQAAAAAA/gD+AA2AF8AYwC0AAAlDwcjDwMVHwYzPw0vCiMPBQEHAx8LFTMBPwU1LwojDwMBFSM1KwEPChURFR8JMzcjETMVITUzFTc1LwkjLw4rAQ8OAepOCAkJCQoKCgsGBAMBAgICMxQVFCwLCgoKCgkJDQoIBgUCAQEDBgQFBgcHCAgJBgYGBgYFBQGdQ/8JCAcHBgYFBQMDBAIBARFDCAcFBAEBAgIECwYGBgcHBwcMDAoF/nF+P/wGBwYGCgoHBgICAQECAgYICQsGBgZKh4w/Afg/fgECBQYJCgsGBgf8AwMEBQcICg0HBwkICgoLCwsLCgoICAgHDAoJBgUEAwK6UgcGBgUDAwIBAgQEBQQEARIFAwIBAgMEBAUGCgoLDA0ODg8ODggGBgUEAwEBAQICAwMEAaNF/uoDAwUFBgYICAgJEhESARpJCwwNDQ0HBgYGBQ0GBAMDAgEBBAUEARU/PwEBAQIGCAkLBgYGBv0MBgYGBgsJCAYCAgF+AnY/P7B1gAcGCwoIBwUBAQEdCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwoAAAcAAAAAA/gD+AADAAUAJQAyADYAOgCMAAAlITU3JyM3Hwc/By8HDwY3ESMBLwIjDwM1AyERIRMVIzUrAQ8KFREVHwkzITUjETMVITUzFTMRLwkjLw4rAQ8OA0b+ul8LAegBAQMEBQUGBgcGBQUEAwEBAQEDBAUFBgcGBgUFBAMBfRT+1ggICAkICAhCPwI3/ck/fj/8BgcGBgoKBwYCAgEBAgIGCAkLBgYGBgE7/D8B+D9+AQIFBgkKCwYGB/wDAwQFBwgKDQcHCQgKCgsLCwsKCggICAcMCgkGBQQDAkduXwoFBgYFBQQDAQEBAQMEBQUGBgcGBQUEAgIBAQICBAUFBpf+hgEIBQQBAQQFQbP+RwH4AXo/PwEBAQIGCAkLBgYGBv0MBgYGBgsJCAYCAgF+AnY/P70BAgcGCwoIBwUBAQEdCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwoAAAAAAwAAAAAD9wP4AD0AQQCuAAABDwMfBCEPBx8HIQ8EHwc/CC8IDwIBFSM1KwEPChURFR8JMyEjLws1PwEhETMVITUzFT8DHwgRLwkjLw4rAQ8OAwUEAwEBAQEDBIr+UQYGBQUEAwEBAQEDBAUFBgYBqoUEAwEBAQEDBAUGBgUHBQYFvQQDAQEBAQMEvQUGBgYGBgX+9n4//AYHBgYKCgcGAgIBAQICBggJCwYGBgYC1AkJCQgJCAcHCQcGAwIBBP3DPwH4PwgHCAkJCQkJCAgHBxwBAgQHCQoLBgYH/AMDBAUHCAoNBwcJCAoKCwsLCwoKCAgIBwwKCQYFBAMCAfYFBQYGBgYFBYcBAgIEBQUGBwYGBQUEAwEBiAQGBgYGBgUFBAMBAQEBAwTABQUGBgcGBQW6BAMBAQECAwGAPz8BAQECBggJCwYGBgb9DAYGBgYLCQgGAgIBAgIDBAUFBgsLDA0NDQ0NAnY/P8MCAgEBAQECAwQFBQcbATkHBgsKCAcFAQEBHQsLDAwLCwkFAwQDAgIBAQICAwQDBQkLCwwMCwsKAAAAAwAAAAAD+AP3AAUACAAQAAAlJwcXASclBxMBMzchFzcDIwJGfVzZAbJc/hDSaf7FaVABA1BM6GrAhlboAcpWRAEBKv2uxsVOAmYAAAIAAAAAA/gD+AAqAFUAABMXNyc7AR8NHQEzNS8PIzcnFyERITUnER8OMyEXETUvDSMhCNIqe9oJCgkICQcIBgYGBQQDAgI/AQIEBQcICQoLDA0ODw8HEOJ7KucBuf0MfgEBAgQEBAYGBggICAgKCQoC1L0CAgMEBQYGBggICAgKCQn9qQMcvi9vAgIDBAUGBgYIBwkICQoJnp4QDw8PDQ0NCwoJCAcFBAECby9f/cm9fv6mCgoJCAkHCAYGBgUEAwICvQOSCQkKCAgICAYGBgUEAwICAAAAAAgAAAAAA/gD+AA7AEIAegD6AQEBBQEJAWEAAAEfHw8CLw81PwYFMz8DIyUfDw8DLworAQcvAT0BPxAFFR8dOwE/HT0BLx0rAQ8dJyE/AyEnITUhNSE1IScRFR8NMyEvAyEvBxE/ByEfBxEfAxE1Lw0jISMPDQIaBwcZExULCwsMCwwLBAMEAwYEBAQFCQcFBQYEAwIEAwIGFhYXFhUUExMRDw8MCwoHBgMBAQIDAwMFCf6rygUGBwfjAk8RERAPDw4MDAoKCAYGBAIBAQIDBA4ODg8PDw8PDw4ODhkWBAMBAgMDAgQGCQYGBAQEBQQDAv6yAQIDAwQEBQYGBwcICQkJCgoLCwwLDQwNDQ4NDg8ODg8ODw4NDg0NDA0LDAsLCgoJCQkIBwcGBgUEBAMDAgEBAgMDBAQFBgYHBwgJCQkKCgsLDAsNDA0NDg0ODw4PDg4PDg0ODQ0MDQsMCwsKCgkJCQgHBwYGBQQEAwMCAfEBDBARERP+rwsBuf5HAbn+R70CAgMEBQYGBggHCQgJCgkBKQQDAwH+4gYGBQUEAwEBAQEDBAUFBgYCdgcGBQUEAwEBEBAQDwICAwQFBgYGCAcJCAkKCv2KCQoJCAkHCAYGBgUEAwICAYsJCR4UEwkHBwUFAgEXCwsFCAQDAgEBAgQGCgkJChUVIgEEAQEDBgcKCwwPDxESFBQVFhcMDQwMDAwLEwkQEBAPOAUHCAkLCw0NDw8QERISEhMRERARDwsKCQcGBQQDAgECGiAKFAoIBwYDAwIBAgQEBQYNDQ4V1g8ODw4NDg0NDA0LDAsLCgoJCQkIBwcGBgUEBAMDAgEBAgMDBAQFBgYHBwgJCQkKCgsLDAsNDA0NDg0ODw4PDg4PDg0ODQ0MDQsMCwsKCgkJCQgHBwYGBQQEAwMCAQECAwMEBAUGBgcHCAkJCQoKCwsMCw0MDQ0ODQ4PDs4REQ8OPz8/P1/9igoKCQgJBwgGBgYFBAMCAg8QEBABAQMEBQUGBwJ2BgYFBQQDAQEBAQMEBQUGBv7iAQMDBAEpCQoJCAkHCAYGBgUEAwICAgIDBAUGBgYIBwkICQoAAAAABwAAAAAD+APYAAMABwALAA8AEwA3AHsAADchNSE1ITUhNSE1ITUhNSE1ITUhJR8HEQ8HIS8HET8HBxEVHw0zITM/DTURNS8NIyEjDw3FAnb9igJ2/YoCdv2KAnb9igJ2/YoC1QYGBQUEAwEBAQEDBAUFBgb8zAYGBQUEAwEBAQEDBAUFBgZeAgIDBAUGBgYIBwkICQoJAzQJCgkICQcIBgYGBQQDAgICAgMEBQYGBggHCQgJCgn8zAkKCQgJBwgGBgYFBAMCAuRAPkA+QD5APkB+AQIDBAQGBgb9DAYGBgQEAwIBAQIDBAQGBgYC9AYGBgQEAwIBIP0MCgkJCQgIBwcGBQUEAwMBAQMDBAUFBgcHCAgJCQkKAvQKCQkJCAgHBwYFBQQDAwEBAwMEBQUGBwcICAkJCQAAIQAAAAAD2APYAAMABwALAA8AEwAXABsAHwAjACcAKwAvADMANwA7AD8AQwBHAEsATwBTAFcAWwBfAGMAZwBrAG8AcwB3AHsAfwCDAAAlMzUjBzM1IwczNSMHMzUjBzM1IwczNSMHMzUjJTM1IwUzNSMFMzUjJTM1IwUzNSMFMzUjJTM1IwczNSMHMzUjBzM1IwczNSMHMzUjBzM1IyUzNSMFMzUjBTM1IyUzNSMFMzUjBTM1IyUzNSMHMzUjBzM1IwczNSMHMzUjBzM1IwczNSMDmj4+fj4+fj4+vkBAvD4+fj4+fj4+A3I+Pv5GQED+SD4+A3I+Pv5GQED+SD4+A3I+Pn4+Pn4+Pr5AQLw+Pn4+Pn4+PgNyPj7+RkBA/kg+PgNyPj7+RkBA/kg+PgNyPj5+Pj5+Pj6+QEC8Pj5+Pj5+Pj4oPj4+Pj4+Pj4+Pj4+PkA+Pj4+PkA+Pj4+Pn5AQEBAQEBAQEBAQEBAfj4+Pj4+QD4+Pj4+QD4+Pj4+Pj4+Pj4+Pj4AAAAEAAAAAAP3A/cACAAUABwAIgAANyE3ITUhLwEhBScHFwcXNxc3JzcnJSEnITUzNyEFJwcXAScIAVt4/qsBP3cS/swC8sU1xLg5ucQ1w7c5/FYCL4j+1+l1/iQCqn01tQFDOUR+fm4QhbY6tcE2wrY6tcE2QX59ftV0OqgBTzYAAAoAAAAAA/gD+AAZAB0AIQBIAEwAUABUAFgAXACeAAABFSM1Pwk7AR8JJRUjNSMVIzUFFSMRIREjNS8PDw4DFSM1IxUjNSUVIzUjFSM1IxUjNScPBhURFR8NMyE1Mz8DIzUzFT8DETUvDSMhIw8FA3p+AQICBgcKCgYGBwYGBwYGCgoHBgICAf6GvT+9AnY/AXo/AQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAr69P70Ctb0/vT+9KAUFBAMDAgECAQMDBQQGBgcGBwgHCAgB5iQLDA0PV70PEBAQAQIDAwQFBQYGBwcIBwkI/W8ICQcIBwcGAYI/RQcGBQsJCAYCAgEBAgIGCAkLBQYHOb29vb0/P/7FATs/DQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDAEuvb29vfy9vb29vb0oBgcGBwgICAj9bwgJBwgHBwYGBQUEAwMCAfwREBAOvYcEAgIBAWgICQcIBwcGBgUFBAMDAgEBAgMDBAUAAAAAAgAAAAAD+AOZAEsAVwAAExEfDyE/DxEvDiMhFSERIREzNSsBDw03MxEjFTM1IxEzNSMIAQIDBAUHBwgJCgoLDAwMDQL0DQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA3+RwG5/Qx+fg0MDAwLCgoJCAcHBQQDAvs/P70/P70CXv6GDA0MDAsKCgkIBwYGBAMCAQECAwQGBgcICQoKCwwMDQwBeg0NDAwLCgoJCAcGBgQDAn7+hgF6fgIDBAYGBwgJCgoLDAwN7/4IPj4B+EAAAAAABgAAAAAD+AP4AAMABwALAA8AEwBXAAABITUhBzM1IzchNSEHMzUjJREhESMRHw8hPw8RLw8hDw4BwQF6/oa9fn69AXr+hr1+fgJ2/Qx+AQIDBAUHBwgJCgoLDAwMDQL0DQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDA39DA0MDAwLCgoJCAcHBQQDAgFDfn5+fn5+fr39DAL0/QwNDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQL0DQwMDAsKCgkIBwcFBAMCAQECAwQFBwcICQoKCwwMDAAABQAAAAAD+AP4AAIANgA6AFcAYwAAJQcnJR0BHwkzITM/CT0CLwkjISMPCQEVIzUnHQEfCTMhJzchIw8JJRcHFzcXNyc3JwcnA3pfXv1LAQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8jgYHBgYKCgcGAgIBAVX8WQECAgYHCgoGBgcGAhnBe/4tBgcGBgoKBwYCAgECN4ODWYSDWYODWYOE0F9fNL0GBwYGCgoHBgICAQECAgYHCgoGBgcGvQYHBgYKCgcGAgIBAQICBgcKCgYGBwF5Pz86vQYHBgYKCgcGAgIBwXoBAgIGBwoKBgYH3IOEWYODWYSDWYODAAAABgAAAAAD+AP4AAMABwALAD8AQgB2AAAlFSE1JRUhNSUVITUnERUfCTMhMz8JNRE1LwkjISMPCSU3IyEdAR8JMyEzPwk9Ai8JIyEjDwkDev0MAvT9DAG5/kd+AQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8jgYHBgYKCgcGAgIBA3J+/P0MAQICBgcKCgYGBwYCNwYHBgYKCgcGAgIBAQICBgcKCgYGBwb9yQYHBgYKCgcGAgIBxT8/vT8/vT8/P/3JBgcGBgoKBwYCAgEBAgIGBwoKBgYHBgI3BgcGBgoKBwYCAgEBAgIGBwoKBgYHt35+BgcGBgoKBwYCAgEBAgIGBwoKBgYHBn4GBwYGCgoHBgICAQECAgYHCgoGBgcAAAAABAAAAAAD+AN6AAIANgA6AG4AAAEHJyUdAR8JMyEzPwk9Ai8JIyEjDwkBFSE1Jx0BHwkzITM/CT0CLwkjISMPCQOUX179MQECAgYHCgoGBgcGA3IGBwYGCgoHBgICAQECAgYHCgoGBgcG/I4GBwYGCgoHBgICAQIS/kdZAQICBgcKCgYGBwYDcgYHBgYKCgcGAgIBAQICBgcKCgYGBwb8jgYHBgYKCgcGAgIBAVNfXy+9BgcGBgoKBwYCAgEBAgIGBwoKBgYHBr0GBwYGCgoHBgICAQECAgYHCgoGBgcBeT8/Or0GBwYGCgoHBgICAQECAgYHCgoGBgcGvQYHBgYKCgcGAgIBAQICBgcKCgYGBwACAAAAAAO5A7kABQBJAAAJASc3FwElER8PIT8PES8PIQ8OA1P+TPJFrQFv/TkBAQIEBAUFBwcHCAkJCQoKAq4KCgkJCQgHBwcFBQQEAgEBAQECBAQFBQcHBwgJCQkKCv1SCgoJCQkIBwcHBQUEBAIBArf+TfJErQFvW/1SCgoJCQkIBwcHBQUEBAIBAQEBAgQEBQUHBwcICQkJCgoCrgoKCQkJCAcHBwUFBAQCAQEBAQIEBAUFBwcHCAkJCQoAAAAEAAAAAAP4A/gAAwAVABoAHgAAJTM1IwEdAR8JOwERIREDIREnIQEzESMDen5+/kcBAgIGBwoKBgYHBn7+CH4C9OL97gNyfn5HfgJ2fgYHBgYKCgcGAgIB/ggCtfzNAs/i/ckCdgAAAAIAAAAAA/cD9wAGAB8AACUnBxczAScBITUjESEdAR8JOwEVMxEnIQKzWVqOSwEfWvxqAXr8AbkBAgIGBwoKBgYHBn5+4v1wlVpZjgEiWP6GfgL0fgcGBgYKCgcGAgIBvQEW4gAEAAAAAAO4A/cAAwAHABkAHgAAATM1IychNSElHQEfCTsBESERAyERJyEBwfz8vQE7/sUBegECAgYHCgoGBgcGfv2KfgNy4v1wAYJ+fn5+fgcGBgYKCgcGAgIB/ckC9PyOAw7iAAAAAAIAAAAAA/cD9wALACQAAAEnBxcHFzcXNyc3JwEhNSERIR0BHwk7ARUzESchAxuDWYODWYOEWYSEWfxpAcv+swG5AQICBgcKCgYGBwZ+fuL9cAE+g1mDg1qEhFqDg1n+R34C9H4HBgYGCgoHBgICAcABGeIAAgAAAAAD9wP3AAgAIQAAJRc3JyE1ITcnASE1IxEhHQEfCTsBFTMRJyEBweFYRQFD/r1FWP1mAXr8AbkBAgIGBwoKBgYHBn5+4v1w5NxaRH5DWv5IfQL0fgYHBgYKCgcGAgIBvQEW4gAFAAAAAAP3A/cAAwAHABkAHwAoAAABMzUjJzM1IyUdAR8JOwERIRE3FyERIxEDMxUhEScjJyECAPz8fr29ATsBAgIGBwoKBgYGB379yaM//qA/fr0DM+I/vf3uAQR+P35+fgYHBgYKCgcGAgIB/oYCN70//ggCN/1LvQJR4r0AAAIAAAAAA/cD9wAIACEAAAEXIRUhBxc3JwEhNSMRIR0BHwk7ARUzESchAr9F/r0BQ0VY4eH88QF6/AG5AQICBgcKCgYGBwZ+fuL9cAFnQ35EWtzd/kh9AvR+BgcGBgoKBwYCAgG9ARbiAAAAAAMAAAAAA/cD9wAEABgAMQAAJRUzASc3Bxc/BC8IDwIBITUjESEdAR8JOwEVMzUnIQHBbQFcbWU1bTUEAwEBAQEDBEQEBQYFBgUF/IEBTc8BuQECAgYHCgoGBgcGfn7i/XB1bQFebGQ1bDUEBQYFBgUFBUMEAwEBAQED/c5+AvR+BwYGBgoKBwYCAgFCm+IAABEAAAAAA/gDqwAPABMAHwAjACcAKwAwADYAOgA+AEIARgBKAE4AVgBaAGwAACUjFTMVIxUzNTM1MzUjNSMFMzUjISMVMxUzNTM1IzUjIRUjNSEzNSM3ESERIxEhESEHMzUzNSMnFSM1JTM1IyUVIzUjFSE1IxUjNSUzNSMlFSM1IxUhNSMVIzUDITUjNTM1IzUhFTM1MxUzESEDBFw9Hx8fmHoe/lTW1gHpmXofWz0e/dr0AzgfH3r+kh8BrP5U9NYj+T30ATH09AIm9B/+zx/0ATG3twIm9B/+zx/0HwIm9PT0ATEf9B78bO0fHh8fHh8fH1wfHx8fHpmZHx7+zwEx/rABbx89Hx6YmD5bH5mZmZmZmT1bH5mZmZmZmf0jHpkfmT09PQHKAAAAAAcAAAAAA/gDuQADAAcADQATABcAGwAvAAAlMzUjNTM1Ix8BBxc3JyUXNyc3JyURIREDIREhATM1IzUzNSM1MzUjNTM1IzUhNSEBwb29vb37enoQqqv+9asPeXoQAU79yT8Ctf1L/sX8vb29vb29vQMz/I7FPz8/CENFG2Beil4bREQcPf3JAjf9igK1/Yo/fj9+P34/fj8ADAAAAAAD+AP4AC0AZwB1AHkAfQCBAIUAjgCVAJkAnQCnAAAlFQ8JKwEvCTU/CTsBHwgnDwofDT8OLwwjDwcVPwMVMzUjJREhESUVIzUlFSM1IRUjNQUXNxUzNRc3JzcVESMVIxEhFSM1IRUjNQcVESEVIREjESEDTAECBAUDAwQEBAUFBQQEBAQDAwUEAwEBAwQFAwMEBAUEBQUEBQMEAwYEAwJCBQYFBAQDAwICAgEBAwMCAwQEBQUFBgYHBwgHBgcFBgUEBAMDAwIBAQEDAgMDAwQFBQUGBgcIBwgGfwcIEA8GDhEHFggBG/5H/sV+AzN+/cl+AQUtSD9ILZXd/L0Cdn79yX4/AbkCNz/8T+IKEQ8NCgQDAwICAQECAgMDBAoMDxETEw8OCgQEAwICAQECAgMDCQwOEUsEBAUHBwcJCQoLGBYTCAgHBwYFBAMDAgEBAQECAwQEBQYHCAgJCgoXFxQJCAgGBgUEBAMBAgEBAgQFBAgFFwIGCQanxjr+xQE7P729/Pz8vb0JLUjPz0gtlHG9/sW9ArW9vb29vT/+CL0BuQI3AAoAAAAAA7kDmQADAAcACwAPABMAFwAbAB8AIwApAAABFSM1IxUjNSMVIzUlFSM1IxUhNSMVIzUlFSM1IxUjNSMVIzUHFREhESEDen4//L1+AvR+P/7Ffn4C9H4/vfx+PwNy/I4BYry8vLy8vPy8vLy8vLz8vLy8vLy8vED+CAM0AAAAAAcAAAAAA7kDmQADAAcACwAPABMAFwAdAAABFSM1IRUjNSUVIzUhFSM1JRUjNSEVIzUHFREhESEDen7+CH4C9H7+CH4C9H7+CH4/A3L8jgFivLy8vPy8vLy8/Ly8vLy8QP4IAzQAAAAACwAAAAADuQOZAAMAIwAnACsALwAzAFMAVwBbAF8AZQAAATM1IwcfBjsBPwYvBisBDwUlESMRIxEhESMRIxElMzUjBx8GOwE/Bi8GKwEPBSURIxEjESERIxEjEQMVESERIQIAfn5+AQEDBAUFBgcGBgUFBAMBAQEBAwQFBQYGBwYFBQQDAQH3fj/+hj9+AXp+fn4BAQMEBQUGBwYGBQUEAwEBAQEDBAUFBgYHBgUFBAMBAfd+P/6GP34/A3L8jgEkPh8GBgYEBAMCAgMEBAYGBgYGBgQEAwICAwQEBgaX/sYBOv7GATr+xgE6vj4fBgYGBAQDAgIDBAQGBgYGBgYEBAMCAgMEBAYGl/7GATr+xgE6/sYBOv7GQP6GAzQAAAAADQAAAAAD+AOZAAMABwALAA8AEwAXABsAHwAjACcAKwAvAD8AAAEVIzUjFSM1IRc3LwEVIzUjFSM1BRc3JyUVIzUjFSM1JRUjNSMVIzUjFSM1IxUjNQMhNSMRMzUjNTMVMzUzNSEBgn4/fgG5vUu/x34/fgIovcy9/kd+P34CtX4/fj9+P34/Afg/b29+P738zQEkfn5+fr5Lu3R+fn5+Tb3MvEB+fn5+vH5+fn5+fn5+/QxAATpAfn5+/AAGAAAAAAPYA5kAAwAHAAsADwAzADcAAAEVIzUjFSM1IxUjNTchNSE1FTM1MxUzNTMVIxUzFSMVMxUjNSMVIzUjFSM1MzUjNTM1IzUDIREhA5r8QLxA/PwBPP7EQLxA/L6+vr78QLxA/L6+vr4+A7D8UAEkfn5+fn5+vPx+Pj4+Pn4+fkB+QEBAQH5Afj5+/QwDNAAACgAAAAAD+AO5AAMACQANABEAFQAZAB0AIQAlADgAAAEVIzUlFwcXNyc3ESERAyERKQEVIzU3FSM1JRUjNSMVIzUjFSM1AzsBNSM1MzUjNTM1MzUzFTMRIQEEvQJ3enoQq6vr/sU/Abn+R/7Fvb29AvS9P/w/vT/8/L29vb1+vT/8jgFDfn4kQ0QcYF8+/sUBO/6GAbl+fr1+fr1+fn5+fn79DD9+P34/fn4BegAAAAAKAAAAAAP4A7kAAwAJAA0AEQAVABkAHQAhACUAOAAAARUjNQUXNyc3JzcRIREDIREpARUjNTcVIzUlFSM1IxUjNSMVIzUDOwE1IzUzNSM1MzUzNTMVMxEhAQS9AnerEHp6EFD+xT8Buf5H/sW9vb0C9L0//D+9P/z8vb29vX69P/yOAUN+fiBfHENEHD7+xQE7/oYBuX5+vX5+vX5+fn5+fv0MP34/fj9+fgF6AAAAAAoAAAAAA7kDegADAAcACwAPABMAFwAbAB8AIwApAAABFSM1IxUjNSMVIzUlFSM1IRUjNSUVIzUlFSM1IxUjNSMVIzUHFREhESEDer0//D+9AvS9/oa9Afj8Afi9P/w/vT8DcvyOAUN+fn5+fn69fn5+fn5+fr1+fn5+fn69fv6GAvQAAAsAAAAAA/gDuQADAAcACwAPABMAFwAbAB8AIwAnADoAACUzNSMlFSM1ITM1IzcRIREDIREpARUjNTcVIzUlFSM1IxUjNSMVIzU3IxEhNSM1MzUjNTM1MzUzFTMRAr29vf5HvQJ2vb38/sU/Abn+R/7Fvb29AvS9P/w/vb38Afi9vb29fr0/xT8/fn4/P/7FATv+hgG5fn69fn69fn5+fn5+P/zNP34/fj9+fgF6AAAACgAAAAAD+AO5AB4ATgCdANYA2gDeAOIA5gDqAPoAAAEdAQ8HKwEvBjU/CQUVDwwjLwg9AT8IMx8KJRc/AzMfCSMPDR0BHwo/BzMXMy8BNS8MDwYXFQczNzMfBz8OPQEvDg8HIzUjJREhEQMhESElFSM1IxUjNSMVIzUDMzUjNTM1IzUzNSM1ITUhAkoCAwMFBgYICQkHBwYFBAMCAQICAwMFBAYMDQ4BEgEDAgMEAwUEBQYGBgcHCgkJBwcGBAQBAgMFBgcICQQJDAcHBgUFBAUDAwUD/pgJDA0ODggGBgUEBAMFAwIBDw0NDAsKCQgIBgYEBAICAgQGCAQFBgYHBwcLCgkICAYGBQEDIgICAgMDAwQFBQcHCAkKCwoJCQkJCAfGAiACAQYHCAgJCgoLCAkICAgIBwcGBQUEBAICAQIDAwQFBgYGBwgICQgKDAsKCQgIBgUBJQEP/ck/ArX9SwH4vT/8P70//L29vb29AzP8jgE1IwYGBwYGBQQDAwIDAwUHBwQLBgUFBAQDAwQDAgEICQ8HBgYGBAUDBAICAQECBAUGCAgJBwcpCwoJBwcFBAECAQIDAwQEBQYGDQ5JGQYFAwEBAgICAwMIBwwLAQICAwMEBAYFBwYICAgJBgoLCQgEAwMCAQEBAQIDAwUFBgYaCxlhDw8HBgYGBQUEAwIBAQEBAQIDAwOODiciCggGBgQDAQEBAQIDBAUFBggICQoKDAwNDAsKCgkJCAcGBgUEAwMBAQECAwUFBggIgEf+RwG5/ggCN/x+fn5+fn79DD9+P34/fvwADgAAAAAD+AOZAAMABwALAA8AEwAXABsAHwAjACkALQAxADUASwAAJRUjNSMVIzUlFSM1IxUjNSMVIzUFMzUjNxEhESMVIzUjFSM1Bx0BIREhARUjNSMVIzUjFSM1AzM1IzUzNSM1MzUjNTMVITUzFTMRIQI/Pz8/Abk/vT8/PwE7vb38/sU/Pz8/PwK1/UsB+L0//D+9P/y9vb29vb0Ber0//I7kPj4+Pn4+Pj4+Pj5+vj7+xgE6Pj4+Pj5A/AG6ATp+fn5+fn79DEB+Pn5AfkBAQAE8AAAADgAAAAAD+AP4AB8AQABgAGQAhQCJAI0AkQCVAJ4AogCpAK0AtwAAJR8CHQEPBi8GPQE/BTsBHwEnDwQfBz8HLwcPAicfAh0BDwUrAS8GPwcfAgczNyMPBR8HPwcvBisBDwElESERJRUjNSUVIzUhFSM1BRc3FTM1FzcnJRUjNSMVESMVIxEjFSM1BxURIRUhESMRIQMqAwMBAQMDBAQGBgUGBAQDAwEBAwMEBQUGBgUEMAMCBAMBAQIEBQcHCQkKCQgGBgQCAQECAwUHBwkJCgkIRgMDAQEDAwQEBgYGBQQEBAIBAQEBAgQEBAYGBgUEHxN8E40DAwMDAQECBAUHBwkJCgkIBgYEAgEBAgMFBwcJCQoJCAEv/kf+xX4DM379yX4BBS1IP0gtlQGafj/8vT9+PwG5Ajc//E/LBQUHCAgHBgUEAwIBAQIDBAUFBwgIBwYFBAMCAgMHBAQJCgsLCQgHBgQDAQEDBAYICQkLCwoICAUEAwEBAwRTBQYHCAgHBgUEAwICAwQFBgYICAcGBQQDAgEBAgKywwsEBAkKCwoKCAcGBAIBAQIFBgcJCgsLCQkHBQQDAwRD/sUBOz+9vfz8/L29Fi1IwsJILZR+vb29/sW9ArW9vb0//gi9AbkCNwAAAAwAAAAAA/gD+AAtAGcAdQB5AH0AgQCFAI4AkgCZAJ0ApwAAJRUPCSsBLwk1Pwk7AR8IJw8KHw0/Di8MIw8HFT8DFTM1IyURIRElFSM1JRUjNSEVIzUFJwcXNycHNSMlFSM1IxURIxUjESMVIzUHFREhFSERIxEhA0wBAgQFAwMEBAQFBQUEBAQEAwMFBAMBAQMEBQMDBAQFBAUFBAUDBAMGBAMCQgUGBQQEAwMCAgIBAQMDAgMEBAUFBQYGBwcIBwYHBQYFBAQDAwMCAQEBAwIDAwMEBQUFBgYHCAcIBn8HCBAPBg4RBxYIARv+R/7FfgMzfv3JfgF6SC2UlS1IPwG5fj/8vT9+PwG5Ajc//E/iChEPDQoEAwMCAgEBAgIDAwQKDA8RExMPDgoEBAMCAgEBAgIDAwkMDhFLBAQFBwcHCQkKCxgWEwgIBwcGBQQDAwIBAQEBAgMEBAUGBwgICQoKFxcUCQgIBgYFBAQDAQIBAQIEBQQIBRcCBgkGp8Y6/sUBOz+9vfz8/L29REgtlJQtSMJ+vb29/sW9ArW9vb0//gi9AbkCNwAOAAAAAAP4A/gAHwBAAGAAZACFAIkAjQCRAJUAngCiAKkArQC3AAAlHwIdAQ8FKwEvBT0BPwU7AR8BJw8EHwY7AT8GLwcPAicfAh0BDwUrAS8GPwcfAgczNyMPBR8GOwE/Bi8GKwEPASURIRElFSM1JRUjNSEVIzUFJwcXNycHNSMlFSM1IxURIxUjESMVIzUHFREhFSERIxEhAyoDAwEBAwMEBAYGBQYEBAMDAQEDAwQFBQYGBQQwAwIEAwEBAgQFBwcJCQoJCAYGBAIBAQIDBQcHCQkKCQhGAwMBAQMDBAQGBgYFBAQEAgEBAQECBAQEBgYGBQQfE3wTjQMDAwMBAQIEBQcHCQkKCQgGBgQCAQECAwUHBwkJCgkIAS/+R/7FfgMzfv3JfgF6SC2UlS1IPwG5fj/8vT9+PwG5Ajc//E/LBQUHCAgHBgUEAwICAwQFBgYICAcGBQQDAgIDBwQECQoLCwkIBwYEAwMEBggJCQsLCgkHBQQDAQEDBFMFBgcICAcGBQQDAgIDBAUGBwcIBwYFBAMCAQECArLDCwQECQoLCwkIBwYEAwMEBwcJCgsLCQkHBQQDAwRD/sUBOz+9vfz8/L29REgtlJQtSMJ+vb29/sW9ArW9vb0//gi9AbkCNwAACgAAAAAD+AP4AGIAZgBqAG4AcgB7AH8AhgCKAJQAAAEPAx8CPwQ7AR8EDwcjLwIHHwMzPwYfBj8FJzUnDwQjLwQ/Bhc3LwEjDwUvBSMPASURIRElFSM1JRUjNSEVIzUFFzcVMzUXNyclFSM1IxURIxUjESMVIzUHFREhFSERIxEhAqYDBQMCAQEDAgUFAgMDAgMEBA0MDA0FBgYFBQYDAwMDFAQFBgYECAkICQkNDgULCAgFBQUGBQoKBgIBBAIFBQMDBQQFBwoPEgYGBgUGBQYVBAgHBwcHDQwSBwoICAUFBQUGAQr+R/7FfgMzfv3JfgEFLUg/SC2VAZp+P/y9P34/AbkCNz/8TwEoAwcGBgQCAgUJBgIBAQQGHCAUEgcGBAMCAQECAhQCAgEBAgQGCAoSFw0ZDgsEAwEBAgcJCAUEAQQFCAQCAQIEChQnHAgGBQQCAQIXAgICBAYMEBsRFwwJBAEBBFH+xQE7P729/Pz8vb0WLUjCwkgtlH69vb3+xb0Ctb29vT/+CL0BuQI3AAoAAAAAA/gD+ABiAGYAagBuAHIAewB/AIYAigCUAAABDwMfAj8EOwEfBA8HIy8CBx8DMz8GHwY/BSc1Jw8EIy8EPwYXNy8BIw8FLwUjDwElESERJRUjNSUVIzUhFSM1BScHFzcnBzUjJRUjNSMVESMVIxEjFSM1BxURIRUhESMRIQKmAwUDAgEBAwIFBQIDAwIDBAQNDAwNBQYGBQUGAwMDAxQEBQYGBAgJCAkJDQ4FCwgIBQUFBgUKCgYCAQQCBQUDAwUEBQcKDxIGBgYFBgUGFQQIBwcHBw0MEgcKCAgFBQUFBgEK/kf+xX4DM379yX4BekgtlJUtSD8BuX4//L0/fj8BuQI3P/xPASgDBwYGBAICBQkGAgEBBAYcIBQSBwYEAwIBAQICFAICAQECBAYIChIXDRkOCwQDAQECBwkIBQQBBAUIBAIBAgQKFCccCAYFBAIBAhcCAgIEBgwQGxEXDAkEAQEEUf7FATs/vb38/Py9vURILZSULUjCfr29vf7FvQK1vb29P/4IvQG5AjcAAAAACwAAAAADuQOZAAMABwALAA8AEwAXABsAHwAjACcALAAAARUjNSEVIzUlByM1IxUjNSMVIzUlFSM1IxUjNSMVIzUlFSM1IRUjNQMzIREhA3m8/oa9AvQBvD/8P70C9L0//D+9AvS9/oa9P/wCdvyOASR+fn5+vH5+fn5+fr5+fn5+fn68fn5+fv0MAzQAAAAABQAAAAADuQOZACgAawDPAQ8BIwAAJTEPCyMvDTU/CgUdAQ8PIy8ONT8PHw4lFz8EHxAPExUfEj8HFTMRLxIjDwQFFTM1HwczPxEvEiMPChEjJQcXNxUzPQEvCA8CAYIFCAUGDBAMDhASFBYKCAgIDw0GBgUFBAMDAQMCAwYHCAoMDA4HqwH4AgMEBgcICQoLDA0NDg8PDxMSEA8ODQsKCggHBQUDAwECAwQGBwgJCgsMDQ0ODw8QEhIQDw4NCwsJCAcFBQMD/QAfJRwQEBESEQkICAkIBwgHBQQDAwIDAbsLCwoKCgkJCAgHBgYGBAQDAwIBAQECAwUFBwgICQoLCwwNDA4NDh0XFhQSEA4OPwECAgQFBgcICAgICQkJEhMTExMWFRUTExkBcj8JEBATExUWFxgLCwoLFBQSEhAPDQwLCAcFAgEBBAUGCQoLDQgHCAkJCQkUFhcZGAsLCwsKChQTEREJPwGCRy8QPwECAwIEBAQGBgYGBvcNDAcHCgoGBQUDAgEBAQIGCAUFBQYGBgcHDA0NDQsLCgkIBgUCIgwLChMREhAQDw0NDAoJBwYFAgECBAUGBwkLCw0PEBETFBYVExIREBAPDgwMCgkIBgQDAQECBAQGCAkKDA0PEBETFLQ3EAkDAgEBBAIDBAUFBwcIBgYHBwcPCCUDBAQFBgYGBwgICAkJCgoKCwoLCwsLCwwMCwoKCgkHCAYGBAQCAgECAgQGBgcICSsBTw4NDg0MDAsLCQgIBwYFCQcFAwEDAwUGCuD8PAkNCwkHBgMCAQECAwcKCw0PERIUFBYYGBgTJBsZGBYUEhEHBwcGBgUFCAYEAgEBAwIEBAkMDg8KAQlzUCoSidwFBQQEBAMCAwEBAQIEAAAAAAUAAAAAA/gD+AAJABEAFQAdAFsAAAEzFSMVMzUjNSM3MxEjFTMRIwczNSMDMzUjETM1IwERFR8JOwE1IxEhHQEfCTsBFTM1LwwjISMPCQJ+Pz+9P378Pz9+fr0/P/x+Pz9+/kcBAgIGBwoKBgYHBvy9AbkBAgIGBwoKBgYHBn5+AQICAgQDxgUFBgYGBgb9yQYHBgYKCgcGAgIBAQS9Pz/8P/7FPwG5Pz/+Rz8BOz8B+PyOBgcGBgoKBwYCAgF+AvR+BgcGBgoKBwYCAgF+wwYGBgYFBcYDBAICAgEBAgIGBwoKBgYHAAADAAAAAAL8AvwAAwAIABAAAAEVIzUlFREjEQcjESERIzUjAaJ+ARt+H54B+J68AgDc3Nw+/oYBuLz+5AGaXgAABgAAAAAC7AL8AAMABwAMABEAFgAgAAABMzUjBzM1IyUzFSM1IzMVIzUTHQEjEQMjFSE1IzUjNSMCL35+3H5+ATs/vZ5+vb1eIF4B2F5+ngFDHx8fIF5eXl4BWn68ATr+xp6evJ4AAAAJAAAAAAMbAxsAAwAIAAwAEwAXABsAHwAjACcAAAEjFTUnHQEjESEzNSMBOwE1IzUjBTM1IzczNSMHMzUjNxUjNQchESEB4F4gXgGaPj7+Rn6efp4BWz8/Xz4+Xz8/vdwgARz+5AGinp6dfr0BOx/+ht2dHz8gHx8+INzc/AEcAAYAAAAAAvwC/AADAAcACwAPABMAGQAAATM1IwUzNSMnMzUjJzM1IyUzNSMBITUhESMBYkBAARw/P55AQH5AQAEcPz/+hgH4/iggAWJAID8fQB8/ID7+KCAB2AAABAAAAAAC/AL8AAMABwALABwAAAEVIzUlFSM1IxUjNQcrAREzETM1MxEzFTM1IxEjAUMfATo+Xx8gL09efx+eXn78AiD8/Lz8/J2dnf7FARy8/uW93AEcAAQAAAAAAxsDCwACAAYACQAeAAABJzcBJzU3FwcRNwcnNSMVByMRMzUXFTM1ExcVMxEjAtwxMf7lnZ3Cg9xJkz/SC0CdP5tBQEACIy5Y/n428XV36AFjIoGLGSKb/uQJNhIwARE+JgE7AAAAAAIAAAAAA8gD2AALACEAAAEjFTMVMzUzNSM1IyUjESE1IzUjFSMRMxEzETMRMxEjNSECzd3dH93dH/5m/AJ2XiDc3CDcIPz+5AEkINzcINx+/eggXl4DM/2KAdn+JwH4nQAAAAAIAAAAAAMbAvwAAwAIAAwAEAAVABsAIQA/AAABFSM1JR0BIzU3FSM1IxUjNTcVESMRNxUjNSM1IxUjFSM1NysBFTMVIxUzFSMVMxUjFSE1IzUzNSM1MzUjNTM1AYIgARxeXl6eIJ5e3F4gIF4gfn5+X19fX19fAjh+fn5+fn4BoX5+ICB+nn5fX35+Hx/+5AE7fn4gXl4gfiAgfh9+IH4fH34gfh9+IAADAAAAAAL8AvwAAwAIAA0AAAEVIzUjHQEjEQMzIREhAtzcILwg3AEc/ggC3Pz8/LwBuP4oAfgAAAIAAAAAAvwC7AAEAC4AAAEXByc3JwcnMzUjFTMHIxUzNSM3FwcjFTM1NxcVMzU3FxUzNSMnNzM1IxUHJzUjAkJLblZwGWs3BD8EMhE/DCw/ghw/cks/YB4/HS0oIj8dQj4CpHCidpwTlEs/P34/P29XtT86n2czNo4sOj9EOj8yK2I6AAQAAAAAA9YDpgADAA8AFQAlAAABFSM1ASE1MxUzNTM1IzUzJQEnESERJRchEScHFzcnBxEhBxc3JwKb/AIY/ej8IPz8/P5m/pZPA3L9j2P+22MWiYkWYwEFYxaJiQISvb3+Z729vR+9/P6YTv5lArWDY/7gZBeJiRdkAQBjFomJAAAAAAcAAAAAAo0C/AADAAsAEAAUABgAHAAuAAABFSM1IxUjFTMVIzUnHQEjETsBNSMnFSM1IxUjPQEzFSMRITUjNSMVIzUjNTM1IwJuHyAfXl4gXn5eXiAfIB8fPwEcPyAfPx9eAeAfHx8ffrxfP9wBGx8gICAgIF4+/mb8Pz+ePiAACAAAAAAC/AL9AAMABwALAA8AEwAXAE4AUgAAATM1KwEzNSMFMzUrATM1IyEzNSMHMzUjFw8OIxUzPxgnDwk3MzUjAgA/P/w/PwF6Pz/8Pz8BOz8/nT4+EAkSGxESERISEhITExQUFhYYFxYWFRQUExMTExMcHSAMDAsMCwsLFhUWFx4LIBUVFQsLCwwLQj8/AQU/Px8/Pz8gP40KEhkODgwKCQgHBgQEAgIfAgIEBQYHCQoLDQ4YGyMOEBAREhIULDA1PAseUS4qJhERDw8O/j8AAAADAAAAAAMbAxsAAwAHADMAAAEVIzUnESMRJyMVMxUjFTMVIxUzFSMVMxUzFTM1MxUzNTMVMzUzFTM1MzUjNSM1IxEjESMCfl4gXn5AQEBAQEBAQB8fXx9fH18fQH5+nj8fAeCdnZ7+xQE7Xh9fH18fXx8fQEBAQEBAQEAfvZ7+pQHZAAAGAAAAAAPYA6kAAwAHAAwAFAAZADUAAAEVIzUnFSM1JRURIxEHIxEhESM1IyU7ATUpAREVITUjNTM1MzUzNSEVIxUjNSM1MzUhETMRIQJ+fr38AtV+IJ4B+J29/uT8IP7k/sYBmV/8IPz+5Pwf/PwCNyD8jgFT3d1+vb1eP/6GAbm9/uUBmV9+vf5m/CC9nT8gIL29IL3+hgGZAAAEAAAAAAMHAv0AAwAHAAsAGwAAAQc1NwUHNTcXFSc1Bxc3FQcXNxc3Jwc1NycHJwLNX1/+5H5+nn7YFgUbFrKdqRYFGxaTnQGyXu9ez37vfn7vfu+MFgTvGxaynqkWBO8bFpKdAAAAAAcAAAAAAtwC/AADAAcACwAPABQAGAAfAAABFSM1ByE1ITcVIzUnFSM1Nx0BIxEDMxEjEzsBNSM1IwK9/B8BOv7G/F/dH91fnV5efn6dfp0BQx8fP17dnZ1+/PwffrwBOv7GATr+ptyeAAAAAAUAAAAAAtwDGwAEAAsADwATABcAAAEdASMRAzsBNSM1IzUhNSElFSE1ByE1IQHgXiB+nn6eATz+xAFb/oYfAbj+SAI/fr0BO/6l3Z1fHyBeXn6eAAMAAAAAAvwC/AARAE0AYgAAASM/DxchHxAzPxU1LxAFFTM1Iw8PAeC8AgQGBwgKCg0NDg8QEBISEkD+5QQFCAgLDA0PEBEJEhMVFBYWGA0MDQwMDAsWFRMSEA8NCgUEAwMCAgEBAwUGCAoLDQ4PERIJExUVHf7k/BwMFxcWFBQSEQ8OCwoIBgQBAiASEhIQEA8ODQ0KCggHBgQC/BIWFRMTEhEPDg0GCgkHBgQCAQICAwMEBQoNDxASExUWCwwMDA0MDQ0WFhUVExMSERAPDQwGCQgGB+sQ/AEEBggKCw4PERIUFBYXFwwAAAAAAgAAAAADiQO5AAQADAAAARURIxEDIxEhESM1IQJu3CD8AxT8/uQDmn79SgM0/sT96QLVnQAAAAAFAAAAAALMAvwAAwAHAAwAEQAbAAABFSM1JxUjNTcdASMRJxURIxEHIxEhNSM1IzUjAq0/3D/8PyA/H18Bml9efgHBnZ1f/Pw+frwBOn5e/qYBuJ3+xdyefgAAAAQAAAAAAo0DCwADAAcADgASAAABMzUjJxEjEQM7AREjNSM3MzUjAi9fXz9eIH6efp4gXl4CLz8g/oYBev5mARydID8ABAAAAAAC/AL8AAQACQASACYAAAEdASM1Jx0BIxEDMyE1IzUjNSM3MzUXFTM1FxUzNSMVJzUjFSc1IwI/fh9+IJ4BWp6dvSBeXl8/Xl4/X15eAeA+frxfP9wBG/7Fnl5eQAg1MgYzMl8EMy8INTIAAAYAAAAAAzsDiQADAAcACwAPABQAIwAAJRUhNQchNSElFSM1JxUjNTcdASMRATMhNSM1IzUjFSMRIxEjAvz+CCACOP3IAdlfnV/dX/7lfgH4X36dfl8ftR8fP1/8np5e/Pye3b0Bmv5HH738nf7kAlcAAAAACAAAAAADuQO5AAMABwALAA8AEwAXABsAIQAAJTM1IzsBNSMhMzUjNzM1IwczNSM3MzUjARcBJwEhNSERIwGCPz9+Pz/+xT8//D8/nT4+3D8//pgQAwkQ/KYDcvytH6Y+QD5APj4+ID/+cBsBzRv9yx8DUwAJAAAAAAPIA5kAAwAHAAwAGwAnACsALwAzADsAAAEVIzUnFSM1Nx0BIxEBMyE1IzUjNSMVIxEjESMlFwcXNxc3JzcnByc7ATUjNTM1IwczNSMHNzUzFTc1IQIvXp5e3F7+5H4CGH5+nn5eIAJXh4cWh4cXh4cXh4doXl5eXl8/Pz8g/B/+xQEknp5e/Pye3b0Bmv5GIL38nf7kAfgJh4cXiIgXh4cXiIgfXx8/P5AfsL4gvgAKAAAAAAP4AwsAAwAHAAsADwATABcAGwAgACQAMwAAARUjNSUzNSMHMzUjJRUjNSUzNSMHMzUjNxEjESEdASMRASERIQEzITUjNSM1IxUjESMRIwIAXgG4X19ePz/+CF4CtF9fXj8/3Pz+pl4BmQE7/sX9S34CGH5+nn5eIAGxnZ0gHz8/IPz8Px8/Pz/+xQE73L0Bmf6mAXr+JyC9/J7+5QH4AAUAAAAAA7kDyAADAAcADAAbACIAAAERIxEnESMRJRkBIxEBMyE1IxEjESMVIxEjESMFMxU3MzUjAtx+vH4BG37+hr0Ctb2evJ6eHwFbHz9evAGS/sUBO37+RwG5vf7k/qYCdv1qIAFaATu9/igDUl4/P34ABwAAAAADuQOJAAMABwALAA8AFQA7AD8AAAEVIzUjFSM1JxEjESMRIxE3OwERIxEHIxEjESMRIxEjESMRITUjESMRIxEjESMRIzUjFSM1IxUjFSMRIwEzESMC3D4gILwgHz+8QB9+Xj8gPx9AHwNyvSA+ICAfH0AfHyAfAdggIAFy3Nzc3H7+pgFa/qYBWr396QIXnQF6/QwC9P0MAvT87CAC9P4IAfj+CAE7vb29vb0Bev0MAvQAAAQAAAAAA7kDmQADAAcADAAyAAABFSM1JxEjESURFSMRJSMVMxUjFTMVIxUzFSMVMxUjFTMVIxUzFSE1IzUjESMVIxEjESMC3H68fgEbfv7FPz8/Pz8/Pz8/Pz8/AzO9nryeXiABYtzcfv6mAVq+/uT8Ahi8H18fXx9fH18fXx9fIPwBO73+hgMUAAAABwAAAAADuQO5AAMABwALAA8AEwAXACYAAAEVIzUjFSM1JREjESUVIzUnFSM1JREjEQEzITUjESMRIxUjESMRIwLcfrx+ARt+ARt+vH4BG37+hr0Ctb2evJ6eHwEEnp6enn7+5AEcIF9fft3dvP7lARv9ax8BWwE7vf4nA1MAAAANAAAAAAPYA9gABAAIAAwAEAAUABgAHAAoAC4ANgA6AD4AXgAAJTM3JyMFMzUjBzM1IyUVITUlMycjBTM1IwczNSMlFwcXNxc3JzcnBychOwEVITUjFSMVMxUjNQEVIzUlESMRAREhNyM1MycjNTM3IzUzFRczFTc1IzUjESMVIxEjESMCP4YeAaP+pfz8fiAgAZr+xQF6RB8l/qX8/H4gIAI4h4cWh4cWh4cWh4f+MJ5+/sUfX19fATt+ARx+/oYCYB6Goh+DUR9RfjpjIJ6dvZ6dH6YeAR8fHx8gX18/Hx8fHx8Jh4cWh4cWh4cWh4deXl4fX9wBHPz8vf5HAbn+R/7kIF8fXiB+ZDoiICKeATq8/uQCVgAACAAAAAAD2gPdAAMABwALAA8AFAAYACcAMwAAAREjETczNSsBESMRJzM1IyUZASMRNTM1IwEzITUjESMRIxUjESMRIwUnBxcHFzcXNyc3JwK7fh9+ftx+IH5+ATt+fn7+hr0Ctb2dvZ6dIAMYhxaHhRaFhxeIhRYBfv7EATw+QP5GAbo+QD7+5f6lAnZAPvztHwFbATu9/icDU0GHFoiJFomHFoiJFgAABgAAAAADuQOJAAMABwALABAAMAA0AAABFSM1JxEjESMRIxE3MxEjERMjESMVIzUjFSMVIxEjESMRIxEjESMRIxEhNSM1IxEjEzMRIwK9X7xAHx+8X378Xx9fHx9AHz8gH18fA3K9IB9+ICABctzcfv6mAVr+pgFavf3pAhf+5QH4vb29vQF6/ob+hgL0/QwC9PzsIPwB+P0MAvQACQAAAAADwQO5AAMABwALAA8AEwAXABsAHwAlAAAlMzUjNzM1IwUzNSM3MzUjITM1IyczNSM3MzUjARcBJwEhNSERIwE7Pz+dPz/+xT8/3T8/AXo/P70/P70/P/2YFgMfFfyTA3L8rR/FPyA+Hz9+Pz8/P15A/RIWAvwX/J4fA1MAAAAACgAAAAADyAO5ABMAJwBHAHgAjACsALAA8wEjASkAAAEzFSMVMxUjFTM1IzUzNSM1MzUjJTMVIxUzFSMVMzUjNTM1IzUzNSMlHwMPBy8HPwcfAicPBRUfCT8MLwsPBSUzFSMVMxUjFTM1IzUzNSM1MzUjIR8DDwYrAS8FPQE/Bh8CBzM3IwU/ATMfCA8HLwMVHwMzPw09AS8NIwc3MzUjFw8FFR8JPww1LwkPBQEhNSERIwLNPz8/P70/Pz8/vf7FPz8/P70/Pz8/vQIXBAMBAQECAgQFBgcICAYGBQQDAgEBAgMEBQYHCAcHBj8DBAMCAgICBAYHBQQFBgUMDQYFBgUEBAQEAgMDAQEDBAMEBAQFBQUGDA0GBgUFBP0MPz8/P70/Pz8/vQKeBAMCAQECAwQFBgYICAcGBQQDAgIDBAYGBwgHBwUoGaAZ/o0FEB0ODAoEBwMCAwEBAwUHCAoMDA4NDQwECw0PEgkJCQcIBgYGBQQDAwIBAQICAwQFBQUHBwcICQkKFwZac7QEAwMCAgICBAYHBAUFBQYMDQYFBQUFBAQDAwIDAQMFAwMEBAUFCwwNBgYFBQX9YgNy/K4gAUMfQB8/Px9AHz+9H0AfPz8fQB8/nAYICAoKCQgHBQQCAQECAwYGCAgKCgkIBwUEAgEBAgQIBAUGBgYODg0LCgkDAwICAgECAQICBAMEBQUGBQ0ODg0LBAUEAwMCAgECAgECAwMDLh8/ID4+ID8fQAYICQoKCQgGBgMDAgQFBwcJCgoJCAcFBAIBAQIE5ft9AQECAwUDCAQFCgwLCwkIBgUDAQEDBQceAgQDAQECAwMDBQUFBgcHCAgICQkIBwgGBgYFBQQDAwICAQFJGg4EBgUGBg4ODQsKCQMDAgICAQIBAgIEAwQFBQYFDQ4ODQoFBAQEAwIDAQECAQMDBPycHwNTAAAADAAAAAADqQO5AAMABwALAA8AEwAXAB0AIwAnACsAMAA/AAAlITUhBSE1ISUVITUjFSE1JSE1IQUhNSElMyEVITUjOwEVITUlFSM1JxUjNSURFSMRAREhESM1IxEjFSMRIxEjAi8BO/7F/mcBO/7FAvT+hiD+hgG5ATv+xf5nATv+xQG5HwEc/ob8nT/+hgJ2fr1+ARx+/oYDUp2evZ2eH4YgICAfX19fXz8gICAfX19fX51+fn78/L7+5J4Buv5G/uUBG54BO73+5AJXAAAAAAcAAAAAA7kDuQADAAcADAAbAB8AIwAnAAABFSM1JxEjESURFSMRATMhNSM1IxEjFSMRIxEjNyE1ISUVITUHITUhAtx+vH4BG37+hr0Ctb2evJ6eH90BuP5IAdj+CCACOP3IAUPd3X7+pQFbvf7k/AIY/ckf/AE8vv6GArY+ICBfX36dAAoAAAAAA9gD2AADAA8AEwAXABsAHwAjACcAKwAxAAAlMzUjJRcHFzcXNyc3JwcnBzM1IwUzNSM3MzUjITM1IyczNSM3MzUjARcBJwEhNyERIwEkPj4BeoeHFoeHFoeHFoeH8z8//sU/P9xAQAF6QEC8Pj68QED9mRYDHxb8lAJgHv2hH+RAKIeHFoeHFoeHFoeHHz8gQH4+QD5AXj/9ExcC/Rf8nSADUgAAAAAPAAAAAAOpA7kAAwAHAAsADwATABcAGwAfACUAKwAzADcAOwBAAE8AACUzNSMFMzUjBzM1IyUVITUjFSE1JTM1IwUzNSMHMzUjJTsBFSE1ITsBFSE1IxUjFTMVIzUlFSM1JxUjNSURFSMRAREhESM1IxEjFSMRIxEjAm78/P6m/Px+Hx8C9P7FIP7FAXr8/P6m/Px+Hx8B2J5+/sX+xZ1+/sUfX19fAnZ+vX4BHH7+hgNSnZ69nZ4fhiAgICAgH19fX18/ICAgICAfXl5eXl4gX92dfn5+/Py+/uSeAbr+Rv7lARueATu9/uQCVwAAAAAEAAAAAAOZA7kAAwAHAAwAMgAAARUjNScRIxElERUjEQEzFTM1MxUzNTMVMzUzFTM1MxUzNTMVMzUzNSM1IxEjFSMRIxEjAr1+vX4BHH7+xEAfXx9fH18fXx9fH1++nb2eXiABgtzcfv6mAVq9/uX8Ahf9yT8/Pz8/Pz8/Pz8/PyD8ATq8/oYDEwAAAAYAAAAAA7kDuQATACcAZwB7ALYAvAAAATMVIxUzFSMVMzUjNTM1IzUzNSMlMxUjFTMVIxUzNSM1MzUjNTM1IyUVDw4vDz8PHw4lMxUjFTMVIxUzNSM1MzUjNTM1IwUfDz8PLwczNSMPDgEhNSERIwLcQEBAQL5AQEBAvv7GPj4+Prw+Pj4+vAHYAgICBAMFBQYGBgcHCAgICAgHBwcHBgYFBAQDAwIBAQEBAgMDBAQFBgYHBwcHCAgICAgHBwYGBgUFAwQCAgL9DD8/Pz+9Pz8/P70CNwEBAwQEBgYHCAkJCQsKCwsMCgsKCgkICAcHBQUEAgIBAQIDBAUHBwlFjgsLCgsJCQkIBwYGBAQDAf2JA3L8rR8BQx9AHz8/H0AfP70fQB8/Px9AHz+9CgkJCQgIBwcGBQUEAwMBAQEBAwMEBQUGBwcICAkJCQoKCQkJCAgHBwYFBQQDAwEBAQEDAwQFBQYHBwgICQkJFR8/ID4+ID8fQF8NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMDQ4NDQwLCwoLHwECAwQFBwcICQoKCwwMDPz/HwNTAAAKAAAAAAO5A8gAAwAHAAwAGwAfACMAJwArAC8AMwAAARUjNScRIxElERUjEQEzITUjNSMRIxUjESMRIyUzNSMHMzUjBzM1IwczNSMlFSE1ByE1IQLcfrx+ARt+/oa9ArW9nryenh8CN15eXj4+nl5eXj4+Afj9yB8Cdv2KATPc3H7+pgFavf7l/AIX/ckg/AE7vf6GArVeID8/ICA/Px9+fp29AAoAAAAAA7kDiQADAAcADAAQABQAGAAcACEAJQBKAAAlFSM1NxUjNSUdASM1JRUjNSURIxEjFSM1JRUhNSURFSMRIxUhNQMzITUjNTM1IzUzNSM1MzUhNSE1ITUhNSE1ITUhNSE1ITUhNSEBBJ6engJ2fv6mngE8fiCeATz+xAHZfh/+xB+9ArW9vb29vb3+pQFb/qUBW/6lAVv8rQNT/K0DU/yO1T8/Xj8/Px+93CA/P17+pgFaPz9fPz9e/uX8Ahc/P/3JID8fPyA/Hz8gPx8/ID8fPyAAAAUAAAAAA9gD2AATACcAOwBBAE0AAAEzFSMVMxUjFTM1IzUzNSM1MzUjJTMVIxUzFSMVMzUjNTM1IzUzNSMlMxUjFTMVIxUzNSM1MzUjNTM1IwMhNSERIyUXBxc3FzcnNycHJwK9Pz8/P70/Pz8/vf7FPz8/P70/Pz8/vf7kPz8/P70/Pz8/vT8DcvyuIAJ2iIgXh4cXiIcWh4cBJCA/H0BAHz8gPr4gPx9AQB8/ID7dH0AfPz8fQB8//K4fA1Moh4cWh4cWh4cWh4cAAAUAAAAAA7kDuQAEAAcACgAfACUAACUnESM3FwMRBSc3NQcnNSMVByMRMzUXFTM1ExcVMxEjASE1IREjAcGdDqvzlAEbYWF4o1/VJ1+dX6twX1/9DANy/K0fvk8BMsGI/s4BzvxlyEj3qxkr8P6lBlAUdwFidQoB2fyOHwNTAAAABAAAAAADuQO5AAMABwALABoAAAERIxEDIxE3ASMREwEpAREjFQsBBRc3ESMRIwKe3R/d3QH43d38rQFbAhcf7vj+uRImPx8By/6bAl39owHOmv2YAWYBS/0wAxQL/poBF+QaG/5IA1MAAAAABQAAAAAD2APYAAIABgASABYALwAAJRc1BTM1JzcXBxc3FzcnNycHJwUjETcBKQE3IREXFTc1ExE3ESMVCwEFFzcRIxEjA5MH/uQgICCHhxaHhxaHhxaHh/7O3Nz+pgFaAQYe/vzcINwgIO74/roSJj8fxgYMRoMgI4eHFoeHFoeHFoeH3AHNm/14IAJc+HofXAFL/iohAfkL/psBF+UaG/5JA1IAAAAACQAAAAADuQOJAAMACAAMABAAFAAYABwAIQA+AAAlFSM1JR0BIzUhFSM1JREjESMVIzUpATUhJxUhNSUVESMRATMhNSM1MzUjNTM1ITUhNSE1IxUhNSE1ITUhNSEBBJ4Cdn7+pp4BPH4gngH4AVv+pbz+xAHZfv6GvQK1vb29vf6lAVv+pbz+xANT/K0DU/yO9F5efl5+3F5efv6mAVpeXiBeXl4/H/4IAhf9ySBeIF4g3CA/P14gXiAAAAAKAAAAAAO5A+gAAwAHAAsADwATABcAGwAfACQAMwAAJTM1IwczNSMHMzUjFzM1IzcVITUHITUhARUjNScRIxElERUjEQEzITUjNSMRIxUjESMRIwJ+Xl78Xl5ePj78Pj78/cgfAnb9igIXfrx+ARt+/oa9ArW9nryenh92ICAgPz8/Px9+fp29ATvd3X7+pQFbvf7k/AIY/ckf/AE7vf6GArUAAAYAAAAAA9gD2AALABAAEwAWACsAMQAAARcHFzcXNyc3JwcnBScRIzcXAxEFJzc1Byc1IxUHIxEzNRcVMzUTFxUzESMBITchESMCnoeHFoeHFoeHFoeH/u6eDqzzlQEcYmJ5o17WJl6eXqxwXl79DAJgHv2hHwFMh4cWh4cWh4cWh4eFUAExwYj+zgHO/GbISPisGSvx/qYGUBR3AWJ1CgHY/I4gA1IAAAcAAAAAA7kDuQADAAcACwAPABQAGAAnAAABESMRNzM1KwERIxEnMzUjJRkBIxE1MzUjATMhNSMRIxEjFSMRIxEjAtx+IH5+3H4gfn4BO35+fv6GvQK1vZ68np4fAaL+xAE8PkD+RgG6PkA+/uX+pQJ2QD787R8BWwE7vf4nA1MABgAAAAADegM7AAMABwAMABAAFAAjAAABFSM1JxUjNTcdASMRJREjEQMzESMTMyE1IzUjNSMVIxEjESMC/F6eXtxe/qUfIF5efn4B+F5+nn5eIAGCnp5e/Pye3L4Bmn7+CAH4/egCOP2pH778nv7kAlcAAAAKAAAAAAP4AwsAAwAHAAsADwATABcAHAAgACQAMwAAARUjNSUzNSMHMzUjJRUjNSUzNSMHMzUjJR0BIxEhESMRAyERIQEzITUjNSM1IxUjESMRIwNaXv2qXl5fPz8CF17+pl5eXz8/ApVe/qb8IAE7/sUBWn4CGH5+nn5eIAGxnZ0gHz8/IPz8Px8/Pz/cvQGZ/sUBO/6mAXr+JyC9/J7+5QH4AAcAAAAAA7kDuQADAAcACwAPABMAGAAnAAAlFSM1IxUjNSMVIzUlFSM1JxEjESURFSMRATMhNSMRIxEjFSMRIxEjAtx+H34ffgG4frx+ARt+/oa9ArW9nryenh+mQEBAQEBA/L6+fv7EATy8/uXdAfj9ax8BWwE7vf4nA1MAAAAABQAAAAADuQO5AAMABwALACkALwAAAREnEQMHETcBAxETByc1IycHIxUFFzcRBxc3FTM1NxUzNRcTETMRIzEnASE1IREjAn69H93dAdjc3OfSAgwQAf7qFAYaFAYf3R/T5iACGfzIA3L8rR8CTv672gFF/r23AUu3/uP+6wFCARXw8wIODgHmGQX+tRYYBUVft/fu8wEg/pYDBBT8uR8DUwAAAAAJAAAAAAO5A7kAAwAHAAsADwATABcAGwBoAG4AACUzNSM3MzUjBTM1IyUzNSMFMzUjNzM1IzczNSMBFT8lIxUPIyE1IREjAaI+PrxAQP5nPz8CVz4+/oY+Pvw+Pn4+Pv16GhoaGRgYGBYXFhUVFRQTExMSEiIgHh0aGRgWFBIZFRIKCQsHBAIgAggNEgsNDg8bExUWGRkcHR8gIxETEhMUFBUVFRYXFhgYGBloA3L8rR+GPz8/Hz5fPz8/XkC8QP1aIAEBAgMDBQUGBgcICAkKCgoLCwwZGhwcHh4eHx4fLSwqGhkjHhoUBhMiKTEaGxwdLB4dHh0cHBsZGBcLCgkKCAgIBwYGBQQEAwIBrR8DUwAAAAAKAAAAAAO5A7kAAwAHAAsADwATABcAGwAjACcALQAANzM1IwUzNSMnMzUjFzM1IwUzNSMlMzUjBTM1IxcDJwcXEyUnBTM1IwEhNSERI6Y+PgE6QEC8Pj78Pj7+pT8/Ajc/P/6mPj6Bta0YzsUBNxL+3j8//ggDcvytH6Y+Hz9+Px8+Hz9+Pz8/RP5ayRTwAczaGh0//M0fA1MAAAAHAAAAAAO5A7kAAwAHAAsADwAUABgAJwAAARUjNTcVIzUnESMRNxUjNSUVESMRNxUjNQEzITUjESMRIxUjESMRIwLcfn5+vH5+fgEbfn5+/oa9ArW9nryenh8BQ93dXyAgH/6lAVtfICBevf6lAhheHx/9ax8BWwE7vf4nA1MAAAcAAAAAA9gD2QADAAcADAAbAB8AJwAzAAABFSM1JxEjESURFSMRATMhNSM1IxEjFSMRIxEjNyE1IQchNyE1ISchBScHFwcXNxc3JzcnAr1+vX4BG37+hr0Ctb2dvZ6dIN0Buf5HPwHhH/4fAb8g/kICdocXiIUWhYcXiIUWASLc3H7+pgFavv7k/AIY/cgg/AE7vf6GArU/IF8fXx9IiBeHihaKiBeHihYAAAAHAAAAAAO5A7kAAwAHAAwAEAAUABgAJwAAARUjNScRIxElERUjESchNSElFSE1ByE1IQMzITUjNSMRIxUjESMRIwLcfrx+ARt+nQG4/kgB2P4IIAI4/cidvQK1vZ68np4fAUPd3X7+pQFbvf7k/AIY3CAgX19+nfyOH/wBPL7+hgNTAAAEAAAAAAO5A7kAEwAnADsAQQAAATMVIxUzFSMVMzUjNTM1IzUzNSMlMxUjFTMVIxUzNSM1MzUjNTM1IyUzFSMVMxUjFTM1IzUzNSM1MzUjAyE1IREjAtxAQEBAvkBAQEC+/sY+Pj4+vD4+Pj68/uQ/Pz8/vT8/Pz+9PwNy/K0fAUMfQB8/Px9AHz+9H0AfPz8fQB8/3B8/ID4+ID8fQPytHwNTAAcAAAAAA/AD7AADAAcADQARACEAJQAtAAAlBzU3BQcnNwUVIREXAQUHJzcHJxEnBxcRITU3NTM3EQcnNxc3JwUnBxc3JzUjAz1aWv3sPrhIAlL9YL8BIgEfVbpRzNlObAYCzXA8YWa/DLZXt/4NGEjHTJ0WfUfxWWA/ozaT/QFCqgEjVVW6URqs/rpEUAb+kwZagEcBlUzQFMZB1pgSSp5MeN8AAwAAAAAD7APsAAMABwAXAAABFSE1ARUhNScZASE1ITUhESE1IREhNSMBvf5tASP+3RcD2vw9A1P8rQKJ/XcXAb3g4AGT4OAW/vT9uRecAQ2HAQyHAAAAAAgAAAAAA+wD3wAQACAALwA+AEQASABOAGIAACUHJSM3HwE/CSUfCwclNwUPCi8BNwcjLwo/AQUHJz8CJQc3JRcPAic3BQ8BMwczBxc3MwUTMzUjNwEFESMDRF7+xQESJSAhFxgZGgwNDAwR/gADDCAbHRAQERARERYU/q2FAfADERESERIREhAQHhodOU8BERAREREQEA8dGCIg9AHYbncODYH+euovAT7xgA0Pw5D+uSdyAaCtlRGjxAFMl2VZRv66/tAX9aiYQgQCAgIEBwgFBgYIC0IDChkSEgkIBwcFBANEAbk0AgoJCAYFBAMCAQECA8TCAgQFBgcICQkTEhstKTfHYQ4PlwEnQcfVlg4OnvirGZ3eoQ+woAEQFn0BXb4BbgAGAAAAAAPsA+wAAwAIABUAIAA3AFoAAAERIxEnFREjEScRIxE/CDUVDwcRJxURDwcXPwcRIxEDITUjESM1IzU/ByE1IQ8HNSM1IxkBIwOqyhbKFsoGFBYXFxkaGx4eGxoZGRcWGBYRDgwMCwkJCBYGBwcICQkKDsotA9ot4OAZFxcXGBgYGAEk/twYGBgYFxcXGeD2FwGQ/poBZrOd/oQCGRf90AHWCBcWFBQSEA8Oh24ODhAREhQVGgEAh3D+zRcVFRYXGBgYBhMUExISEhEV/kkDgPxpFwF8tEwJBwYFBAICARYBAQMEBAYHCHyG/GoDwwAACAAAAAAD+APsAAcADQAVABsAIwArAC8AwAAAJRUzNTMVIzU3OwEVIzUnFTM1MxEjETc7ARUjNSUVMzUzESMRJxUzNTMRIxElFSM1ATMhNTM1IzUzNSM1MzUjNTM1IzUzNSM1MzUjNTM1IzUzNSM1MzUjNTM1IzUjFSMVMxUjFTMVIxUzFSMVMxUjFTMVIxUzFSMVMxUjFTMVIxUzFSMVMxUjESM1MzUjNSMVIxUzFSMRIxEjNSMVIxEjNSM1MzUjNSMVIxUzFSMVIxEjNTM1IzUjFSMVMxUjESMRIwFuFy1wLBctcJ0WLXAtFi1wAooWLXCdFi1wATpw/TNaA4AWFhYWFhYWFhYWFhYWFhYWFhYWFhcWFhYWFhYWFhYWFhYWFhYWFhYWFnBDQ0MWRERELEQWQy1DQ0MXQ0NDLUNDQxZDQ0NEFvMtLcnJcC0tQyws/oQBfHAsLEQtLf3QAjBZWVn9dwKJFy0t/UmHFkMXQxZDF0MWRBZDF0MWQxdDFhcXFkMXQxZDF0MWRBZDF0MWQxdDFnACRhZaWlpaFv26AuNZWf0d4BZaWVlaFuABkxZaWVlaFv5tA8MAAAAABQAAAAAD7APsAAkAEwAdACcANQAAAR0BMzUzNSM1IxcdATM1MzUjNSMXHQEzNTM1IzUjFx0BMzUzNSM1IwEhNSE1MzUjNSMRIxEjASAWLS0WsxcsLBfKFi0tFskXLS0X/K0D2vyWLS0WQxcBphazsxa0RBazsxa0LRezsxezhhezsxez/JYXsxaz/oQDwwAACQAAAAAD7APsAAUACwAXACMAKQA1AEEATQBTAAATOwEVIzU3OwEVIzUHIxUzFTM1MzUjNSMzIxUzFTM1MzUjNSMlOwEVIzUHIxUzFTM1MzUjNSM3IxUzFTM1MzUjNSMzIxUzFTM1MzUjNSMBITUhESOaFhZDyhYXRJwtLRYtLRazLS0WLS0WAWYXFkOdLS0WLS0Wsy0tFywsF7MsLBctLRf8rQPa/D0XAXqHh1mGhkOzWlqzWrRZWbRZWoeHWrNaWrNaFrNaWrNas1pas1n8rRcDwwABAAAAAAP4A+wAQgAAEyMVMxEjFTMVITUhNTM1NxUzNRcVMzUTMzUjFQMjFSc1IxUHIxEzNTMVMzUzFTM1MxUzNSMVIzUjFSM1IxUjNSM1Ix4WFhYWA9r8PS3gWcpZ5j5a20jKWfYXLcla4FnKWlrKWeBayS0XA6pa/Y1acBdZT9gEBJc2SwEyWVn+3AeXOjfsAnMtLS0tLS1aFxcXFxcXQwAAAAkAAAAAA+wD8AACAAYACQANABEAFAAXABsAMgAALQE3JwcnNycHJwUHJzcTJz8BJwcnByc3HwEHEScBJwcXEwcXNxclBRc3JxM3JwcvATUjAxf+1ocSlE+RE40kAS0CVM5Hr5FeD1Q71bW1tUflF/5hSAtKTD4PMwEBIgFqYhBgRVwMXbysF41WRBFMF4INfuCxAVCA/nul+ToSNVbxZawZaY4BHO/+2ygUKf3qOBEuCJRpXBBbAfs5Ezos/kAAAAUAAAAAA+sD7AAHAA4AEgAWADgAAAERIxEzNSM3JRUzBxEjERcHNTcnByM3AQcXNzMVITc1MxUhNzUzNSMRIzUjBxEjESMHFSMHESMRIwFMh4d2LAHzAQGGsxYWCh55Lv29WBJWMwE5RCwBOkMXF52STiydQ1NKLRYCWv3QAewXLUNaAf3oAnMtF0whGi0t/iJtDmzgQ53gQ50XAXxwS/5fAkZEnEv+5QLjAAAGAAAAAAPsA+wAIwA/AH8A5wFDAcMAACUPDysBLwI3HwM/CCUfCAcvDzclDw8vDz8PHw4nIw8OHQEfDTM/AxcPByMvHT0BPxc1Iw8fHwgHLw49AT8eAR8fPx8vHw8eAy8DEBAQERISEhMTFBMVFBUVFRgYGCIpERAQEA0ZGBgXFxUUEv5NDxERExMUCxYRKBQSEhEREBEPDw8PDQ4NDAx/AWcBAQMEBQUHBwgICgkLCgwLCwwKCwkKCAgHBwUFBAMBAQEBAwQFBQcHCAgKCQsKDAsLDAoLCQoICAcHBQUEAwGFBQsLCwoJCQgIBwYFBAQCAgIEBAYHBwkKCgsMDA0NDhAQEA5xFxQUFRYWFxgPDw4PDg4NDQ0NDAwLCwsKCQoICAgHBgYGBAQDAwIBAQICAwMEBQUGDQ8REhQWFwsNDA0NDQ4VAg8PDw4ODg0ODA0MDAsLCgoKCQkIBwcGBgUFBAMCAgEBAQMEBQcICgsFfwwJCAgHBwYFBQQEAwICAQIDBAUGBggJCgsLDQ0ODw8QERISEhQTFRQWFRYXFxn+KQECAwQGBggJCgsMDA4PDxEREhIUFBQWFRcXFxgYGRkZGRkZGBgXFxcVFhQUFBISEREPDw4MDAsKCQgGBgQDAgEBAgMEBgYICQoLDAwODw8RERISFBQUFhUXFxcYGBkZGRkZGRgYFxcXFRYUFBQSEhERDw8ODAwLCgkIBgYEAwKYAgwMCwsJCQgIBgYFBAMDAQIDB5cDAgEBAQIEBQgJCw0NMxERDw0NCgUJBZgGBgcICQkJCwoMDA0NDQ8PXMELDAoLCQoICAcHBQUEAwEBAQEDBAUFBwcICAoJCwoMCwsMCgsJCggIBwcFBQQDAQEBAQMEBQUHBwgICgkLCgx5AwQFBQYHCAkJCQoLCwsMDA4NDQwMCwoKCQcHBgQEAgEDBAdxEAsKCAYEAwEBAgMDBAQGBgYHCAgICgkKCwsLDAwNDQ0NDg4PDg8PDg4ODQ0NDQ0MDBcWFBIRDw0GBQUEBAMCAhcCAgMEBAUFBgcHCAgJCQoKCwsMDAwNDQ0ODg4PDg8QDxcWFhYUFBQSB1wRDw8PEBAQEBERERESEhISGBcWFxYWFRUUFBMTEhEREQ8PDg0MDAsKCAgHBgUEAwL+KhkZGRgYFxcXFRYUFBQSEhERDw8ODAwLCgkIBgYEAwIBAQIDBAYGCAkKCwwMDg8PERESEhQUFBYVFxcXGBgZGRkZGRkYGBcXFxUWFBQUEhIREQ8PDgwMCwoJCAYGBAMCAQECAwQGBggJCgsMDA4PDxEREhIUFBQWFRcXFxgYGRkAAAYAAAAAA+wD7AADAAcACwAPABEAFgAAARUjNRMRIxEjESMRJRUhNQERAzMhESED1snJyRfgAcD+QP4UFxcDw/wmAQrg4AHs/ioB1v00Aszgycn8VAOs/D0D2gAABAAAAAAD7APsAAMACQARABUAACUHETcHESERBQkBMQcFESE3EQUhNyED1kNDWfytAQwBUAEcFvyHA3pg/C4DaVr8ln1EAQk9Pv7pAVShASMBpBAB/IBgA2kyQwADAAAAAAPsA2YAIgBVANoAAAEVDw81Pw81FQ8PJxEzHx0lFSMVHx47AT8eNSMvHisBDx0D1gEDBAcICgwNDxASExQWFiIcEhEREA8PDg0NDAoKCggIAQMFBwgLDA4PERMUFRYXIe8YGBgXFhcWFRUUFBMSEhEQEA8ODQwMCgkJBwcFBAMC/D4BAQIDBAYGCAkKCwwMDg8PERESEhQUFBYVFxcXGBgZGRkZGRkYGBcXFxUWFBQUEhIREQ8PDgwMCwoJCAYGBAMCAQECAwQFBggICQsLDA0ODw8QERISExQUFRUWFhcXFxgYGRkYGBcXFxYWFRUUFBMSEhEQDw8ODQwLCwkICAYFBAMBvQkJEREQEQ8PDw4ODQwMCwoNbwoICAgJCQkKCwoLDAsMDQ5XCQkREhEQEBAPDg4NDAwLCgzhARMBAgIDBAQFBgUHBwcICQkJCgoLCwsLDAwNDQ0NDQ4BBJEPDw4PDg4NDQ0NDAwLCwsKCgkICQcHBwUGBAQDAwIBAQIDAwQEBgUHBwcJCAkKCgsLCwwMDQ0NDQ4ODw4PD5ETDg4NDg0NDAwMDAsLCgoKCQkICAcGBgYFBAQDAgIBAQICAwQEBQYGBgcICAkJCgoKCwsMDAwMDQ0ODQ4OAAAHAAAAAAPrA+wAAwAHAAsADwATABcAQgAAAREjERMHETcnByM3JREjERMHETcnByM3AQcXNzMVMzU3NTM3NTMVMzU3NTM3NTM1IxEjBxUjBxEjESMHFSMHESMRIwE2h7MWFgsdeS8B2Ye0FxcMHHov/elYE1Ycsy1DQy2zLUNDWlqcRDhOLZ1DOU0XFgHq/kABwP5mFwG5IxgtLUP9ugJG/eAXAj8kFy0t/iKEDIGzBy0PRCyzBy0mQxYXAqBDcEv+XgKJQ+BL/uUDEAACAAAAAAKzArMAAwASAAABFSM1BzMhNSM1IxUjESMRIxEjAnBD4EMBIy1wFnAtFgItysrgFuDgATr+xgFQAAAAAQAAAAAD7APsABUAADchNSE1AQUBJwElATUBBQEnASUBESMTA9r8PQEvASQBQRL+zf7e/tMBMAEjAVYP/rX+3f7UFxMXewEr4QGcDf523/7Y7QEshgEoEP7ih/7ZAhsAAwAAAAAD7APsAFcA5AFkAAABFQ8TKwEvEz0BPxM7AR8TJSMPDhUHHx8zPwcXDw4rAS8dPQE/HgEfHz8fLx8PHgL2AQEDAgQICg0OEBETFRUXCwwNDAwNDQwMDQwLFxUVExEQDg0KCAQCAwEBAQEDAgQICg0OEBETFRUXCwwNDAwNDQwMDQwLFxUVExEQDg0KCAQCAwEB/vQFGRkXFhUUExEPDgwKCAYEAQEBAQMDAwUEBgYGBwgICAkJCgoLCwsMCw0MDQ0NDg0ODBgXFhYVExMLlBUQEhETExMUFBUVFRYWFhcYGBgXFhcWFRUUFBMSEhEQEA8ODQwMCgkJBwcFBAMCAgMEBQYGCAkKCwsNDQ4PDxAREhISFBMVFBYVFhcXGf4pAQIDBAYGCAkKCwwMDg8PERESEhQUFBYVFxcXGBgZGRkZGRkYGBcXFxUWFBQUEhIREQ8PDgwMCwoJCAYGBAMCAQECAwQGBggJCgsMDA4PDxEREhIUFBQWFRcXFxgYGRkZGRkZGBgXFxcVFhQUFBISEREPDw4MDAsKCQgGBgQDAgIADQwMDQwLFxUVExEQDg0KCAQCAwEBAQEDAgQICg0OEBETFRUXCwwNDAwNDQwMDQwLFxUVExEQDg0KCAQCAwEBAQEDAgQICg0OEBETFRUXCwwNDAz/BAYICwwODxETFBUXFxgZDQ0ODQ4NDQ0MDQsMCwsLCgoJCQgICAcGBgYEBQMDAwEBAQMEBggJDA0IihINDQsLCgkJBwcFBQQCAgIDBAUHBwkJCgwMDQ4PEBAREhITFBQVFRYXFhcYGBgXGBYXFhYVFRQUExMSEREQEA8ODQwMCwkJCAcGBQQDAv4qGRkZGBgXFxcVFhQUFBISEREPDw4MDAsKCQgGBgQDAgEBAgMEBgYICQoLDAwODw8RERISFBQUFhUXFxcYGBkZGRkZGRgYFxcXFRYUFBQSEhERDw8ODAwLCgkIBgYEAwIBAQIDBAYGCAkKCwwMDg8PERESEhQUFBYVFxcXGBgZGQAAAAYAAAAAA+wD6wADAAcACwAPABMAOQAAARcjJzcVJzUnFSE1ARUjNScVITU3IxEXMxUjERczFQcXNyE1ITUhNSczNSMzNSchNSE1JyM1JyE1IwKOIm0WnS0X/aQCGS0W/iqcs0Nws0NwgQyEAxj88AGTFoYICEv+SAJdWoZL/s4XAXkXF1xpHnoSh4cBaUZ0EoaGF/7GQy3+xkMyVhNYFi2HFhZ8Ti2GWk9NFwADAAAAAAPWA1sABAAJAA4AACUzITUhJzMhNSEnMyE1IQE2FwF9/myGFgKK/WCGFgOW/FSlyRfgFuAAAAACAAAAAAPsA+wAUQDTAAAJAQ8OKwEvHT0BPx8jFQ8fHx8/Hy8eAeoBTxUQERESExIUExQVFRUVFhYYGBgXFhcWFRUUFBMSEhEQEA8ODQwMCgkJBwcFBAMCAgMEBQYGCAkKCwsNDQ4PDxAREhISFBMVFRUWFhYXGRYWHBcYFxcWFhUVFBQSExEREQ8PDQ0NCwoJCQcGBQQDAgEBAgMEBgYICQoLDAwODw8RERISFBQUFhUXFxcYGBkZGRkZGRgYFxcXFRYUFBQSEhERDw8ODAwLCgkIBgYEAwIBAQIDBAYGCAkKCwwMDg8PERESEhQUFBYVFxcXGBgZGQHy/q8RDQsLCwkJCAcGBQQEAgICAwQFBwcJCQoMDA0ODxAQERISExQUFRUWFxYXGBgYFxgWFxYWFRUUFBMTEhEREBAPDg0MDAsJCQgHBgUEAwIXAQIDBAUGCAgJCwsMDQ4PDxAREhITFBQVFRYWFxcXGBgZGRkZGBgXFxcVFhQUFBISEREPDw4MDAsKCQgGBgQDAgEBAgMEBgYICQoLDAwODw8RERISFBQUFhUXFxcYGBkZGRkZGRgYFxcXFRYUFBQSEhERDw8ODAwLCgkIBgYEAwIABQAAAAAD+APhAAIABgASADIAXQAAAQcvASM1MwUfATM/AQcBLwEHNwEFDwEVHwMzJR8DOwE/AzUvCAcBDwMVHwM3FQcXNzMfATM/ATM1Iz8CNS8CIw8BIy8CIw8BESMCp0sr+k8GAWQDAwQDjdX+5QQFn+ABNf7dAwEBAwMEAgEGmAICAwKJBHICAQEBAgMDr8YEBAT+ZcQDAgECAwMCwJoQmmfGBQUE4vnlGAIBAgMEBANOtd0DAwMDShYBFSoqFlmvAgEBTuYBXAMBEGgBT/YDBAQEAwEBbe4CAgEBcgIDAwMDAwEBFvMDAQH+mloCBAMEBAMBARNdsA6v9AIB9RYaBAMEBAICASzdAgEBIgH6AAAAAwAAAAAD7APsAAMABwAaAAABESMRAREjEQEzITUjESMRIxEjESMRIxEjESMBvYcCMIb9M3ADanCznVqds1kXAb3+bQGTAdb8lwNp/IAXA4D+sP3QAakBDf1KA8MAAAAAAgAAAAAD7APsAAYACgAAJRUhERczCQEhESED1vxU0CABH/3aA9r8JtCmAarKAUv9vgPaAAMAAAAAArMCswADAAcALQAAAQc1NxcHJzcDITUhNTcXFTM1IzcXFTM1Iyc3MzUjFQcnMzUjFQcnNSMVMwc1IwHqh2aXKSwt6wFm/rCYMi0HHRYtHRYWHS0WHQctNCYtB0oWAiWIPWUSKSMu/vgWG5koHC0dFh0sFxYtHRYdLB00HxwtSbkAAAAFAAAAAAPsA+sAAwAHAAsADwAuAAABFSE1JQchNxMVIzU3ByM/ASMHIxUzFSMHIxUzFQcXNyE1ITUhNzUhNSE3NSE1IwGm/oQBqS3+ky2NyfYtui1gaUMHs2lDB7ODEIMDF/zwAkVE/XcCRUT9dxcBu7OzQywsASS0tEMtLRZD4END4EqDEIMWREPgQ0PgcAAGAAAAAAKzArMAAwAHABEAGwAjADQAAAEVIzU3FSM1Ix0BMzUzNSM1KwEdATM1MzUjNSMXMzUzNSM1IwEzITUjFSM1IxUjNSMVIxEjAi0tnS1wFhcXFnAWFxcW4BYXFxb+3S0BOVkXWRdZFxYBvVpaWbOzFhYWFkQXFhYXQ1oXFkP+muDKcHCzswFQAAUAAAAAA/gD7AAHAA8AFwAfAKgAACUVMzUzFSM1JxUzNTMRIxElFTM1MxEjEScVMzUzESMRATMhNTM1IzUzNSM1MzUjNTM1IzUzNSM1MzUjNTM1IzUzNSM1MzUjNTM1IzUjFSMVMxUjFTMVIxUzFSMVMxUjFTMVIxUzFSMVMxUjFTMVIxUzFSMVMxUjESM1MzUjNSMVIxEjESM1MzUjNSMVIxEjNSM1MzUjNSMVIxUjESM1MzUjNSMVIxEjESMBbhctcJ0WLXACihYtcJ0WLXD9/VoDgBYWFhYWFhYWFhYWFhYWFhYWFhYWFxYWFhYWFhYWFhYWFhYWFhYWFhYWcEMtLRZELEQtLRZDLUMtLRdDLUMtLRZDRBbzQ0PJybNDQ/6EAXy0RET90AIwWUND/XcCif1ghxZDF0MWQxdDFkQWQxdDFkMXQxYXFxZDF0MWQxdDFkQWQxdDFkMXQxZwAkZaFob2/boCoFkXhvb9YOBZF4b24AGTWReG9v5tA8MAAAUAAAAAA+sDDAADAAcAHAAwAIwAAAEVIzU3FSM1Ix0BIz8HNS8IHwcPCCc3BRUfHj8HIREhLxAPHgPV4ODgFvoTDQwKCAYEAQECBAUHBwoLIA0LBQkHBgQCAQIEBgkKDA0OpbL+NwECAgMEBAUFBgcHBwgICQoJCwoLCwwMDA0MDQ0ODg0YGBcWFRQTEwIe/gMGCQoLCgwLDQwNDQ0ODg4PDw0ODQ4NDA0MDAwLCwoLCQoJCAgHBwcGBQUEBAMCAgEBoVpa9llZWfcXFBUXFxgZDQ0VFBQTEhISEQYREgkTExUVFhcXFxYVFBMRD6akng4NDg0NDQwNCwwLCwsKCgkJCAgIBwYGBgUEAwMDAQEBAQMFBwkLDA4BfQcKCQkICAcHBgUFBAQCAgEBAQEBAwMDBQQGBgYHCAgICQkKCgsLCwwMDAwNDQ0ODQAAEQAAAAAD+APsAAMABwALABAAFAAYABwAIQAkACgALAAwADYAOgA+AEIAXQAAJTM1IzUzNSMBIzU3BTcRIxEFMzUjBREjEQMjETclESMRNyMHNRczNSM1MzUjJRUHESUzEQcnEQUzNSM1MzUjNTM1IwEzITUjNSMVIxEjNycHIzUjEScRIxUjEQcRIwPLFxcXF/ytWloCDzeGAZMXF/5XWrOHhwJGhnceWfYXFxcX/UqHAg8hOE4BkxcXFxcXF/w9cAOAFhdZEz0RSmyzWrOdWhaDWhZa/t3WWD1A/s8BOgFaRP6xAaL+XgFEgw/+KgFLi2hoLVoWWhaihAEmQ/6IQ0gBc0NaFloWWvwmF0NDAexHD1b3/opTAanJ/q1YAs4ABAAAAAAD7APsAAQACAAMACAAAAEzFSE1ARUhPQEpATUnFREhNSE1ITUhNSE1ITUhNSE1IwHT9/1gAhn95wNp/JcXA9r8PQK2/vP+VwIwAVD8gBcBNoaGAaqGhhaHFp39HRdws51ZnbNaAAAADQAAAAAD7APwAAIABQAJAAwAEAAUABgAGwAeACIAJQApAEAAACUHNwUlNycHJzcnBycFByc3Eyc/AQUTBwMlBycHJzcfAQcRFyc1DwEnATUBJwcXEwcXNxclBRc3JxM3JwcvATUjAbHYkgGs/taHEpRPkRONJAEtAlTOR6+RXv28KJ9IAvRUO9W1tbVH5YyMF8nAAYn+YUgLSkw+DzMBASIBamIQYEVcDF28rBfdboJkVkQRTBeCDX7gsQFQgP57pfk6Y/8AjQH3CzVW8WWsGWmOARwJIK6ywGsBFhv+2ygUKf3qOBEuCJRpXBBbAfs5Ezos/kAAAAAIAAAAAAPrA+wAAwAHAAsADwATABcAHwAvAAABFSM1Fwc1NwUzNSMFMzUjAREjERMHETclFREzNTcRIwEHFzczETM1NxEjBxEjESMB0rT3LS0BfVlZ/plDQwENs/YtLf7z4ETg/eaDEINg4EPgQ1oWAQrg4KQs0CwWFhYWAST90AIw/gwsAiAsst79uQdDAyD9s4MQg/7zB0MDIEX9/gK3AAAAAAEAAAAAA/gD7AA9AAATIxUzFSMVMxUhNSE1MzU3FTMXFTM1EzM1IxUDIxUnNSMVByM1MzU3FTMXFTM1EzM1IxUDIxUnNSMVByMRIx4WFhYWA9r8PS3gWcpZ4ERa4EPKWfsSLeBZylngRFrgQ8pZ+xIXAb1ahlpwF1lV1wmXMlIBK1lS/tULlz4y8YZV1wmXMlIBK1lS/tULlz4y8QIwAAAFAAAAAAPsA98ABAAIAAwAEAAiAAAlByUjEwMlPwIHNyUBBwE3BQcBMwcXNzMFEzM1IzcBBREjA0Re/sUBUWn+rbL0CeovAT4BTG7+tJD+uSf+762VEaPEAUyXZVlG/rr+0Bf1qJgBHP7kAfgpGCdBx/7QxwEO+KsZ/oWhD7CgARAWfQFdvgFuAAAAAAMAAAAAA/gD7AAIAA8APwAAATMXASM1MzU3JRcHIxUnNwEjFTMVIxUzFSE1ITUzNQEXFTM1NxcjFTM1Iyc3MzUjFQcnNSMVMwcnNSMVByMRIwFCWSL+hg4t4AEpeTxDh2r91hYWFhYD2vw9LQFtllk2VwZZM2mcRFqWd1kHXTFZ+xIXAoYZ/nCGVddReVELZXD+3VqGWnAXWVkBhHEyUkhXWlpp0VlSyHdKWmIkPjLxAjAAAA0AAAAAA+wD7AADAAcACwAPABMAJwArAD8AQwBXAFsAXwBlAAAlMzUjJTM1IwUzNSMlMzUjBTM1IwEzFSMVMxUjFTM1IzUzNSM1MzUjNzM1IyUzFSMVMxUjFTM1IzUzNSM1MzUjBTM1IyUzFSMVMxUjFTM1IzUzNSM1MzUjBTM1IyUzNSMBITUhESMCABYWAToWFv2MFxcCdBYW/YwXFwEkFkNDFkMXREQXQxYWFv6wFkNDFkMWQ0MWQwFQFhYBIxdERBdDFkNDFkP9oxcXAnQWFvzZA9r8PRdWLRcsLCwXLS0tAZNw4IcWFofgcBYtLRaz4EMXF0PgsxcXLRZD4PYXF/bgQxcXLRcs/D0XA8MABgAAAAACswKzAAMABwALAA8AFAAoAAABIzU/ARUjNRcjNTc1FQc1Jx0BJzUDMRUhNSM1NycHNSM1IxUjFQcRIwF6FxezQ5xDQ0MWQ50BZhYWEAZacFkXFgFjERkJM2lpMURrS0SPQyynNp3+9zAWixcPBktEcH4ZAR0AAAMAAAAAA+wD7AADAAcAFwAAARUhNRMVIzUnGQEhNSE1IREhNSERITUjAkP958nJFwPa/D0DU/ytA1P8rRcBveDgAZPg4Bb+9P25F5wBDYcBDIcAAAQAAAAAA+wD7AADAAYAOgBAAAABByc3EycTJRMHFzcfBDM/AxcHFzcfAj8DNQMHEycTNS8CKwEPAQEvAisCDwMLASE1IREjAi6OHnP4o/79KfeQE4kgAQIDAwIDAwGWrAkWBp0EBAUDAgEtFymQZgECAwQDBAP+6kACAgMCAwIDAXTxcgPa/D0XAhK3PL/++MQBRy7+EfAL5EACAgEBAQEDwM80BCG9AwEBAgMDBAFUA/7SrgJKBAQCAwED/ppMAgIBAgLAAeL8ghcDwwAAAAAEAAAAAAKzArMAAwAHAAsAGgAAARUjNScVIzU3ESMRAzMhNSM1IzUjFSMVIxEjAoZDcEOdQ50tATkWWnBZFxYB03BwWsrKWf7dASP+xxaHs1rgAVAAAAAAAwAAAAAD7APsAAMAGgAeAAATBTclEyUnESE3EScHETcVBxEHESERBQEFESU3BTclFgEqRv7n1v7RAQN6YAhSQ0MW/K0BFAE6AQX+6REBEEz+9wM8s0et/vC2AfzvYAKqBVL+eDT/RAEPEv70AVm9ATrKAZnBEL1NvQAAAAMAAAAAA+wD7AADAAcAGwAACQE1AQUHJzcBITUhNQEXNxc3JzcnBycHJwERIwGt/n0BLwHnmtbC/YED2vw9AZbqpooQi4sRir3VZv7TFwJc/n+UASopr53B/PQXkgGSrL6KEIugDp690kv+1wJfAAADAAAAAAPsA+wAAwAHABYAADczFSMBESMRATMhNSMRIREjESERIxEjsODgAnPg/dCHA1Oz/vOH/vRwF/PJAhn95wIZ/dAXA1P8rQNT/K0DwwAAAAACAAAAAAKzArMAKQBsAAABFw8HLw8/DzUjDw8fDz8PLw8jAep0DAsLCwwMDA0QEA8ODg0MCwoJCAYGBAIBAQIDBAYGCAkJCgsMDA0ODwEQEA8ODg0MCwoJCAYFBAIBAQIFBgcJCwsNDg8PERESEhISEREPDw4NCwsJBwYFAgEBAgUGBwkLCw0ODwcQERISHwH4dQkGBQQDAwEBAQIEBQcICQoLDA0ODg8QEA4PDQ4MDAwLCQoIBwYFBAMXAwQGBwgJCwsNDQ4OEBAQERISEREPDw4NCwsJBwYFAgEBAgUGBwkLCw0ODw8RERISEhIREQ8PDg0LCgkEBwUEAgAHAAAAAAPsA+wAPwCAAMEBAgFCAYMBiQAAJRUPDi8OPQE/Dh8OBRcVHw4/Dy8PDw4nFQ8PLw8/Dx8OBR0BHw4/Dy8OKwEPDSUfDz8OPQEvDSsBDw0lFR8PPw8vDw8OAyE1IREjAyMCAwUFBgcICQkKCwsMDA0NDAwLCwoJCQgHBgUFAwICAwUFBgcICQkKCwsMDA0NDAwLCwoJCQgHBgUFAwL+8wECBAUGBwkJCgwMDA4ODg8PDg4ODAwMCgkJBwYFBAIBAQIEBQYHCQkKDAwMDg4ODw8ODg4MDAwKCQkHBgUEAkQBAgMFBggICQsLDA0NDg8ODw8ODQ0MCwoKCAcHBAQCAQECBAQHBwgKCgsMDQ0ODw8ODw4NDQwLCwkICAYFAwL+yAMEBgcICgsMDQ4OEBAQEhEQEBAPDQ0MCwoIBwYEAwEBAwQGBwgKCwwNDQ8QEBAREhAQEA4ODQwLCggHBgQDAeoBAQMEBQUHBwgJCQoKCwsLDAsKCwoJCAgIBgYEBAMCAgMEBAYGCAgICQoLCgsMCwsLCgoJCQgHBwUFBAMB/m4BAwQGCAkKDAwODxAQERISExESEBAPDQ0MCgkHBwQDAQEDBAcHCQoMDQ0PEBASERMSEhEQEA8ODAwKCQgGBAPhA9r8PRf+DAwMCwsKCgkIBwYFBAMCAQECAwQFBgcICQoKCwsMDAwNDAwLCwoKCAgIBgUEAwIBAQIDBAUGCAgICgoLCwwMDQcHDw4NDQwLCwkICAYFAwIBAQIDBQYICAkLCwwNDQ4PDg8PDg0NDAsKCggHBwQEAgEBAgQEBwcICgoLDA0NDg9hBwcPDg0NDAsLCQgIBgUDAgEBAgMFBggICQsLDA0NDg8ODw8ODQ0MCwoKCAcHBAQCAQECBAQHBwgKCgsMDQ0ODw8ICRAQEA8NDQwLCggHBgQDAQEDBAYHCAoLDA0NDxAQEBESEBAQDg4NDAsKCAcGBAMDBAYHCAoLDA0ODhAQEKwLCwsKCgkJCAcHBQUEAwEBAQEDBAUFBwcICQkKCgsLCwwLCgsKCQgICAYGBAQDAgIDBAQGBggICAkKCwoLvgkJEhEQEA8ODAwKCQgGBAMBAQMEBggJCgwMDg8QEBESEhMREhAQDw0NDAoJBwcEAwEBAwQHBwkKDA0NDxAQEhH9ChcDwwAAAQAAAAAD7APsABEAADchNSE1AQUBJwElAREhNSE1IxMD2vw9AS8BJAFBEv7N/t7+0wOW/GoXExd7ASvhAZwN/nbf/tgCuBZaAAAAAAYAAAAAA+wD7AADAAcACwAPABQAJgAAAREjESURIxElESMRJxEjESUVESMRASE1IxEjESMRIxUjFSMRIxEjA32H/hSHAl2GtIYBI4b+VgPaWp2ctJydQxcBTf7dASPJ/hQB7Fr9ugJGWv1gAqCz9/2kA1P8lhcBOQEjAQ2zs/39A8MAAAUAAAAAArMCswADAAcADAAQABUAAAEVIzU3FSM1Ix0BIzU3FSM1AzsBESECnUNDQxdDnZ2z9nD+mgG9WlqGcHBwcOBaQ0P+sAFmAAAJAAAAAAP4A+wAAwAIAAwAEQAUABoAIAAmAD0AADcjNTcFNxEjEScRIxElESMRNyMHNSUXESMRNyUdAQcnEScRJyMHEQEzITUjESM3JwcjNSMRJxEjFSMRBxEjeFpaAg83hhZaAZOGdx5Z/opThyYBbThOhkogHf7dcAOAhhM9EUpss1qznVoWKtZYPUD+zwE6Ff6xAaI0/ioBS4toaC1N/koB3SbJ4JhDSAFzh/6CRBwBVvyWFwHsRw9W9/6KUwGpyf6tWALOAAEAAAAAA+wD7AASAAA3ITUhEQkBMwE3FxEjJyMJATUjEwPa/D0BLwE+DQE2BwyjhiH+tf7SFxMXAZn+0QFs/vYICwHXnP6fASu9AAAIAAAAAAPrA+wAAwAHAAsADwATABcAHwAvAAABFSM1Fwc1NwUzNSMFMzUjJREjERMHETcBGQEzNTcRIwEHFzczETM1NxEjBxEjESMB0rT3LS0BfVlZ/plDQwENs/YtLf7z4ETg/eaDEINg4EPgQ1oWAQrg4KQs0CwWFhYWh/5tAZP+qSwBgy0BTv6b/kAHQwMg/bODEIP+8wdDAlZE/scCtwAAAAMAAAAAArMCswADAAgAEgAAARUjNSUzFSE1Jx0BMzUzNSM1IQIAnQENLf7GFsmdQ/7dAb1aWnBaWhYW4HCGcAADAAAAAAPsA+wARQDXAN0AAAEzHxAPECMvDj8REx8JFS8QDxEvCgcfCg8HFz8GHw4zPw8fBRUHFz8BLwU/AS8IASE1IREjAnwNDA0NDAwMDAwMDAwLDAsLEg0EBAoLDQ4PEBEQEhMUFRUXFg4ODg0NDA0LEhEQDxwXEx4NDA0ODw8REiAXDQ4QEREJExPMBgUFBQMDAgIEAgwRDAwMDQ0NDQ0NDg0ODg4OFhUUExMREA4OFisRDw8NDQwQExIRDw8NDAsKFhoVDyMWDQ4PEQgTEwwPCggIBwsKCBYHDw0HCQoLHRsXGh0PEA0ODg4ODw8QDBkYFxcVFBMJDw4ODQwMCgkHBgUDAwECFgIBAgUGBwgJAQIEAwMDAwUFBgb8xQPa/D0XAqACAgQEBQUHBwgJCgsLDQ0iIQ4MFxYVFBISEQ4NCwkHBQMBAQIDAwQFBgoKCgsVFRIgGhUUFRMTEREdEAgICAcFAwMCAQIRERIREhESEkM/cBQVDgwLCwoICAcHBQQEAgIBAQIFBgcICAkJESgSERMTFBQeFhgaGhsbGhoZPVsGN2o0HBscGw0ZFw0hGhoZGS0yQwI1Ti8ZGRocHhoTExMJCQYGBAQDAgEBAwQHCQsNDwgPEBAREhMUFSAfIycrLzM4AjRAOT8sJiEeD61NLRMSEhMSEhL8aRcDwwAAAAAIAAAAAAPhA+EAGQAmADEASABVAGQAaABsAAATHwszPwgRIRElESERPwgjFQ8HNSMVDwYrAS8KNSUhPwonDwsjESMRIREDIREhNgkhGx4QERAREggREkMTFBMTEhIREQf+QAOW/kAWDg4ODA0LCwgZDAoLCwsMDQ4WExESExQUFBU7EhMSExMSEREQHS0Dlv7DNjgVFhYiFxcXFxAZBwsYGBcXIxYVKCM0ahb+QBcDxPw8AaQIGxQUCQkIBgYCBAIBAgMEBQcHCQX+3wFwUP5AATARDg4PDxERExABFQ8PDg0NDAtzhAwJCAcFAwMBAwYHCAoLCwsWKDEWYV0gIB8tHBoXFAwJBQoWGRwdLiAgPzxgAcD+QAHA/FMDxAAAAAAFAAAAAAPsA+sAAwAHAAsADwAvAAABFSE1JQchNxMVIzUlByM/ASMHIxUzFSMHIxUzFQcXNyE1ITUhNzUhNSE1NzUhNSMBvf5tAcAt/nwtpOABDCzRLWBpQwezaUMHs4MQgwMX/PACW0X9YAGTQ/4qFwG7s7NDLCwBJLS0Qy0tFkPgQ0PgSoMQgxZEQ+BDAULgcAAABAAAAAAD7AMMABoALgByAOAAAAEfDh0BDwYnNSUfBxUPByc3BQ8QHw8FPxAvDwUfHz8CJR8CMz8PLw8jJS8DDx4DVw0NDAwLCgoJCAgGBQUDAgIDBAUGBwtd/osNCwUJBwUEAgIEBwgKDA0OprMBOQYKCgkICQcHBwYFBAQDAgEBAQEBAwMDBAUFBgYHBwgIC/62CQwLCwoKCQgHBwYFBAMDAQEBAQIDBAQGBgYICAkJCgoQ/k0BAQEDAwMFBAYGBgcICAgJCQoKCwsLDAwMDA0NDQ4NDhAPDwHZCwoKChAQDw4ODQwLCgkIBgYEAgEBAgQGBggJCgsMDQ4ODwgQFP4eFA8PEA4NDg0NDQwMDAwLCwsKCgkJCAgIBwYGBgQFAwMDAQECcAEDBAQGBwgJCQoLDAwMDQ0NDQwMCwoKDVyILRERChMTFRUWFxcXFhUUExEPp6MjAgUGBgcHCAkJCgoKCwsLCwwLCgoKCgkJCQkIBwgHBgYHPwYJCgsMDAwNDg4ODw8QDxEQEA8PDw4ODg0NDQwMCwsKDdMODQ4NDQ0MDQsMCwsLCgoJCQgICAcGBgYEBQMDAwEBAQEBAlsCAgEBAgQFBwgJCgsMDQ4ODxAQEA8PDw0NDAsLCQcHBQQCAX8EAgEBAQEBAwMDBQQGBgYHCAgICQkKCgsLCwwLDQwNDQ0ODQAAAAQAAAAAA+wD3wAQACAAJgA6AAAlByUjNx8BPwklHwsHJTclByc/AiUPATMHMwcXNzMFEzM1IzcBBREjA0Re/sUBEiUgIRcYGRoMDQwMEf4AAwwgGx0QEBEQEREWFP6thQL5bncODYH92CdyAaCtlRGjxAFMl2VZRv66/tAX9aiYQgQCAgIEBwgFBgYIC0IDChkSEgkIBwcFBANEAbkxx2EOD5dGGZ3eoQ+woAEQFn0BXb4BbgAAAAABAAAAAAPsA+wAEwAANyE1IREXEwE3FxEHJwclBwUnESMTA9r8PdX4AeQFDQkMlf6wMv7mfRcTFwGZ1QE7/qAHCgF9DQjr9D+ifQIKAAAAAAUAAAAAA/gD7AADAAcACwAQAB0AAAERIxEhESMRJREjESUVESMRATMhNSMRIycjAScRIwNbhv5AhwEkhwGThv3QcAOAFuezIP6eqBYBNv70AQz+9AEMnf5XAala4P7dAgP95hcCicr+iKgBQAAAAAAEAAAAAAPsA+wABAAIABIAIwAAEzMRIxElESMRIxEhETMVMxUhEQEzITUjESERIzUjNSERIxEj0gtwAz1wF/3QLZ0BOf0dQwOXLf6wLZ3+sCwXArP9dwKJyvytA1P8rQKJhsoCGvyWFwNp/efJh/1gA8MAAAQAAAAAA+ED4QAYACUAMgA2AAATHwszPwcRIRElESERPwglIT8KASERITYJIRseDxARERAJERBEFBQUExMTEhb+QAOW/kARDQ0MDA0MCwoBT/6+OzkVFhcjFxgXFwz8UwPE/DwBowccFBMJCQgGBgIEAgECAwUGBwgO/twBcFD+QAE0DgsNDg8RERMUFmVbIB8fLBsZFxQJ/GEDxAAAAAAGAAAAAAKzArMAIABAAGEAggCjAKkAAAEVHwc/By8HDwYnFQ8FKwEvBj8HHwYHFR8HPwcvBw8GNxUfBz8HLwcPBicXFR8GPwcvBw8GAyE1IREjAi0BAgQGBwcJCQkICAYGBAIBAQIEBgYICAkJCQcHBgQCWwICAgQEBAQFBAQDAwIBAQEBAgMDBAQFBAQEBAICAkMBAwQFBwcJCQkICAYGBAMBAQMEBgYICAkJCQcHBQQDsgEDBAUHCAgJCQgIBwUEAwEBAwQFBwgICQkICAcFBAOeAQMEBgYICAkJCQcHBQQDAQEDBAUHBwkJCQgIBgYEA1oBZv6wFgG9BQQJBwcFBAMBAQMEBQcHCQkJCAgGBgQDAQEDBAYGCAgNBAUDBAICAgICAgQDBQQFBAQDAwIBAQEBAgMDBAQFBAUICAYGBAMBAQMEBgYICAkJCQcHBQQDAQEDBAUHBwlnBAUICAYGBAMBAQMEBgYICAkJCQcHBQQDAQEDBAUHBwkOBQQJBwcGBAIBAQIEBgcHCQkJCAgGBgQCAQECBAYGCAj+6hYBUAAAAAAEAAAAAAPsA+wAAwAHAAsAGgAAAREjESURIxE1MyMRATMhNSMRIREjESERIxEjAZDgAnPg4OD90IcDU7P+84f+9HAXATb+9AEMh/5tAZMWAZP8rRcDU/ytAnP9jQPDAAAJAAAAAAP4A/gAAwAdAEQASABMAFAAVACgAL4AAAEVIzUlFSM1Pwk7AR8JBxUjESERIzUvDw8OJRUjNSUVIzUjFSM1IxUjNScPBhURFR8NMyE1IzUzNSM1MxU/BzUzFR8DETUvDSMhIw8FJxEzET8HITUhIw8NAYK9ArV+AQICBgcKCgYGBwYGBwYGCgoHBgICAb0/AXo/AQIDBAUHBwgJCgoLDAwMDQ0MDAwLCgoJCAcHBQQDAv7EvQK1vT+9P70oBQUEAwMCAQIBAwMFBQUGBwcGCAcICAFofn5+vQEDBgcJCwwOvREQEA4BAgMDBAUFBgcGBwgHCQj9bwgJBwgHBwabPwEBAwQFBQYGAnb9igkKCQgJBwgGBgYFBAMCAgFDvb0/P0UHBgYKCgcGAgIBAQICBgcKCgYGBwY//sUBOz8NDAwMCwoKCQgHBwUEAwIBAQIDBAUHBwgJCgoLDAwMsL29/L29vb29vSgGBgcHCAgICP1vCAkHCAcHBgYFBQQDAwIBP70/vb0VExQSERAPDjEMBwgLCwEbCAgICAcGBwYFBQQDAwIBAQIDAwQFMv1KArYGBgUFBAMBAT8CAgMEBQYGBggHCQgJCgAABAAAAAAD+AN5ACwAkgCVAJ0AAAEVDw4vDj8MJxU/BzMfDRUPDx0BHw4zPw4zFTMRLw4rAQ8FBQcTATM3MxczASMDlgICAwUFBgcICAkKCQsLCxAHBwcGBgUFBAQCAwEBAQEBAgIDBAQFBg4QFGjrCBERERITExMVCwkJCAgGBgYEBAMDAgGFEREPDg0MCwoICAYFBAMCAgMEBQcHCQoKDAwODg8QCwsKCgoJCQkICAgHBwcGBgJiAQIDBQYHCAoMDA4PERITFBcWFhUUExP+5s1m/sxnTv1QZ/7/ZwFGDAwLCwoJCQgIBwUFAwMBAQECAgIDBAQFBQUGBgYHBwkJCAcGBgUEBAcFBA/EWQcMCgkHBQQBAQICBAQFBQcHCAgKCgsLEwMEBQUHBwgJCQsLDA0ODw8ODg0MDAsKCQkHBgUEAwEBAQICAwMEBQYGBgcICQkKRgEjFBMSEA8ODAsKCQcGBAQCAgQEBgcJaQEBP/2E1NQC5gAAAAYAAAAAA/gD+AADAAcAEgAbACUAaQAAATM1IwUzNSMlMxUjFTMVIxUjESMzFTMVIxUjESMVMxUjFSMVIxEDERUfDTMhMz8NNRE1Lw0jISMPDQIASEj+4EhIAkBISEhISNhISEiQkEhISEiQAQIDAwMEBQUGBgYHBggHA2AHCAYHBgYGBQUEAwMDAgEBAgMDAwQFBQYGBgcGCAf8oAcIBgcGBgYFBQQDAwMCAQFw2EhISEhISJABaEjYSAFoSEhIkAFoASD8oAcIBgcGBgYFBQQDAwMCAQECAwMDBAUFBgYGBwYIBwNgBwgGBwYGBgUFBAMDAwIBAQIDAwMEBQUGBgYHBggAEwAAAAADuAO4AAIABQAJAA0AEAATABYAGgAeACEAJAAnACoALQAwADMANgA5AH0AADc5ATMjNyUVIzUjFSM1Iwc9ATkBMyM3JRUjNSMVIzUjBzUlOQEhOQEhIzcXIzcFIzclBzUjBzUjBzUnDwYVERUfDTMhMz8NNRE1Lw0jISMPBcW9kJAB+L0/vWuRvZCQAfi9P71rkQH4/ggBuZCQ/JCQ/giQkAHLkGyQa5FoBQUDBAICAQECAwMEBAYFBgcGBwcHCALaCAgHBwcGBgUFBQMEAgIBAQICBAMFBQUGBgcHBwgI/SYICAcHBgcGhpEsvb29vZCQP5Atvb29vZCQP5CQkJCQLZGRkZGRkWgGBgYGBwgHCP0mCAcIBwYGBgYFBAQDAgIBAQICAwQEBQYGBgYHCAcIAtoIBwgHBgYGBgUEBAMCAgEBAgIDBAQAAAAADQAAAAADuQO5AAIABgAJAA0AEAAUABcAGwAeACIAJQApAG0AACUjPwEVIzUjBzUjFSM1JSM/ARUjNSMHNSMVIzUlIz8BFSM1Iwc1IxUjNScPBhURFR8NMyEzPw01ETUvDSMhIw8FAn6Rkfy9bJA/vQG5kZH8vWyQP70BuZGR/L1skD+9ZwUFBAMDAgEBAgMDBQQGBgcGBwgHCAgC0AgJBwgHBwYGBQUEAwMCAQECAwMEBQUGBgcHCAcJCP0wCAkHCAcHBoaRLL29kJC9vT+RLL29kJC9vT+RLL29kJC9vWcGBgcHCAcJCP0wCAkHCAcHBgYFBQQDAwIBAQIDAwQFBQYGBwcIBwkIAtAICQcIBwcGBgUFBAMDAgEBAgMDBAUADQAAAAADuQO5AAMABwALAA4AEQAUABcAGgAdACEAJQApAG0AAAEVIzUjFSM1IxUjNSUjNwUjNxcjPwEHNSMHNSMHNSUVIzUjFSM1IxUjNScPBhURFR8NMyEzPw01ETUvDSMhIw8FA3q9P70/vQK1kZH+CJGR/JGRz5BskGyQArW9P70/vWcFBQQDAwIBAQIDAwUEBgYHBgcIBwgIAtAICQcIBwcGBgUFBAMDAgEBAgMDBAUFBgcGBwgICAj9MAgJBwgHBwYBQ729vb29vT+RkZGRkSyQkJCQkJD8vb29vb29ZwYGBwcIBwkI/TAICQcIBwcGBgUFBAMDAgEBAgMDBAUFBgYHBwgHCQgC0AgJBwgHBwYGBQUEAwMCAQECAwMEBQAAAAYAAAAAA/gD+AADAAcADQARABUAGQAAARUhNSMVITUBMyEVITUBFSE1IxUhNQMhESEDuf5lP/5oAZg/AZv8jgNy/mU//mg/A/D8EAFD/Pz8/AE7/PwBO/z8/Pz8TwPwAAkAAAAAA/gD+AADAAcACwAPABMAFwAbAB8AIwAAJRUjNSURIxEjFSM1IxEjESUVIzUlESMRIxUjNSMRIxEDIREhAn78Ajf8P/w//AI3/AI3/D/8P/w/A/D8EPStrez+ZwGZra3+ZwGZ9ba25P5mAZqlpf5mAZr8TwPwAAAJAAAAAAP4A/gAAwAHAAsADwATABcAGwAfACQAAAEVIzUjFSM1IxUjNQEVIzUhFSM1ARUjNSMVIzUjFSM1AykBESEDufw//D/8A3L8/ob8A3L8P/w//D8BOwK1/BABQ/z8/Pz8/AE7/Pz8/AE7/Pz8/Pz8/E8D8AAIAAAAAAP4A/gABQALAA8AEwAXABsAIwAnAAABOwEVITUhOwEVITUBFSM1IxUjNSMVIzUjFSM1ARUhNSMVITUDIREhAsY/tP5l/tE/sf5oA3KoP7Q/sT+oA3L+ZT/+aD8D8PwQAUP8/Pz8ATv8/Pz8/Pz8/AE7/Pz8/PxPA/AAAAYAAAAAA8ADUAADAAcACwAPABMAFwAANyE1IQczNSM3ITUhBzM1IzchNSEHMzUj6ALY/SiocHCoAtj9KKhwcKgC2P0oqHBwsHBwcKhwcHCocHBwAAMAAAAAA/gDwAADAAsAHwAAATMRIwEhNSE1ITUhJTMRIxUzNTMVMzUjETM1IxUjNSMDiDg4/IACoP3QAjD9YAIwqKiocKioqKhwqAEgAcD+QHDgcHD9YHA4OHACoHA4OAAAAAAHAAAAAAP4A/gAIABBAJ0AqgDLAOwBcgAAJRUPBy8HPwcfBgUPCC8HPwcfBhMPBR8BPw4zERUPCR8BNzMXPwEvChEzHw8/Ai8IDwEhLwEPASUfAhEPASEvARE/ASUVDwcvBz8HHwYFDwgvBz8HHwYHFR8HEQ8HHw8/ByEfBz8PLwcRPwcvDw8IIS8HDw4DwAEDBQYHCQkLCgkJCAYEAwEBAwQGCAkJCgsJCQcGBQP85wEBAgUGCAgKCgoKCQcGBQMBAQMFBgcJCQsKCQkIBgUChwEBAwYECQ8FBAMDEAkFBQYGBgcHCQkJUAICAwUIHAUCAQECAUM8UQEBAQIEBQcRCAYEAgFFFAkIBwcHBgUGBAoOAgMDBAUGCgYHBgQCAgMDBDEe/v0iQwMDAgwCCQwMC/2OCwwMCwL5AQMFBgcJCQsKCQkIBgQDAQEDBAYICQkKCwkJBwYFA/znAQECBQYICAoKCgoJBwYFAwEBAwUGBwkJCwoJCQgGBQKcAQMFBgkJCwwMCwkIBwUDAQEBAwMFBQYHCAgJCQoKCwsPDg4MDAoJCAJeCAkKDA0NDg8LCwoKCQkICAcGBQUDAwEBAQMFBgkJCwwMCwkJBgUDAQEBAwMFBQYHCAgJCQoKCwsPDg0NDAoJBAT9oggJCgwNDQ4PCwsKCgkJCAgHBgUFAwMBcAUECQkHBgQDAQEDBAYHCQkJCgkICAYEAwEBAwUFCAgJCgUECQkHBgQDAQEDBAYHCQkJCgkICAYEAwEBAwUFCAgJAocEBBMmDiAFAQEBAh4OBgUFBAQDAgIBAf5vBwYFBAMCBgICBAULAwMDAwsFBAMBAgMDBAQFBQGYAQECAgMEBAUFBg4bAwIBAQEBBBEdHxoIAwIBAQMCAQMBAkwDCQr9jAoMDAoCdAoMQAUFCQgIBQUDAQEDBQUICAkKCQkJBwYEAwEBAwQGBwkJCQUFCQgIBQUDAQEDBQUICAkKCQkJBwYEAwEBAwQGBwkJCQgHDg0MDAoJB/2YBwkKCw0NDg8KCwoJCQkIBwcGBQUDAwEBAQMFBggJCw0NCwkIBgUDAQEBAwMFBQYHBwgJCQkKCwoPDg0NCwoJBwJoBwkKDAwNDg8KCwoJCQkIBwcGBQUDAwEBAQMFBggJCwYHDQsJCAYFAwEBAQMDBQUGBwcICQkJCgsAAAMAAAAAA8ADwAAFAAkATQAAAScHFwEnNxEhEScPBhURFR8NMyEzPw01ETUvDSMhIw8FAZWFLrMBiC1s/UhIBwUFBAMCAgICAwQFBgcICAgJCQkKCgK4CgoJCggICAgHBgUEAwICAgIDBAUGBwgICAgKCQoK/UgKCwoJCQgIAYGFLrMBiC6B/UgCuEgHCAgJCQoLCv1ICgoJCQkICAgHBgUEAwICAgIDBAUGBwgICAkJCQoKArgKCwoJCQgIBwcFBQQDAgICAgMEBQYAAAYAAAAAA8AD+AADACcAKwBPAFMAdQAAARUhNScVHwchPwc1LwchDwYlFSE1JxUfByE/BzUvByEPBiURIREnERUfBiE/BhEvBiEPBgLg/kA4AQEDAwQFBQYB+AYFBQQDAwEBAQEDAwQFBQb+CAYFBQQDAwEB9P5GOAEBAwMEBQUGAfIFBgQFAwMBAQEBAwMFBAYF/g4GBQUEAwMBAmT9YHADBAYHCQoLAxwLCgkHBgQDAwQGBwkKC/zqCwsJCQYGAwIAODgccAYFBQQDAwEBAQEDAwQFBQZwBgUFBAMDAQEBAQMDBAUFvjg4HHAGBQUEAwMBAQEBAwMEBQUGcAYFBQQDAwEBAQEDAwQFBYb88AMQOPyABgsKCQcGBAMDBAYHCQoLA4wLCgkHBgQDAQMGBgkJCwAAAwAAAAAD+ALgAAMABwALAAABITUhJRUhNQMhESEBkAGI/ngB+PzwcAPw/BAByHA44OD+sAHAAAAFAAAAAAP4A2wAAwAHAAoADgASAAABFSE1AyERISU3IzcVITUDIREhA8D8gDgD8PwQAvRUqOD88HAD8PwQAavg4P7oAVBycDioqP7oAYgAAAMAAAAAA8ADwABAAMABQAAAARUfDz8PLw8PDiUfDw8fLx8/Hx8OJQ8PHx8/Hy8fDw4BPAEDBQYJCQwMDg8RERITExQUExMSEREPDgwMCQkGBQMBAQMFBgkJDAwODxEREhMTFBQTExIREQ8ODAwJCQYFAwHBDQsLCgkJBwcGBgUEAwICAQECAgMEBQYGBwcJCQoLCw0MDg0ODw8PEBAQERESEhMTExMSERIREBAQDw8PDg0ODA0LCwoJCQcHBgYFAwQCAgEBAgIEAwUGBgcHCQkKCwsNDA4NDg8PDxAQEBESERMSExMTEhIRERAQEA8PDw4NDv3QDw4ODAwKCggIBwUFBAMCAQECAwQFBQcICAoKDAwODg8QERESEhITFBQVFRUXFhcYGBcWFxUVFRQUExISEhEREA8ODgwMCgoICAcFBQQDAgEBAgMEBQUHCAgKCgwMDg4PEBEREhISExQUFRUVFxYXGBgXFhcVFRUUFBMSEhIREQIACgoTExIREQ8ODAwJCQYFAwEBAwUGCQkMDA4PERESExMUFBMTEhERDw4MDAkJBgUDAQEDBQYJCQwMDg8RERITE+oMDg0ODw8PEBAQERIREhMTExMSEhEREBAQDw8PDg0ODA0LCwoJCQcHBgYFBAMCAgEBAgIDBAUGBgcHCQkKCwsNDA4NDg8PDxAQEBEREhITExMTEhIRERAQEA8PDw4NDgwNCwsKCQkHBwYGBQQDAgIBAQICAwQFBgYHBwkJCgsLMxARERISEhMUFBUVFRcWFxgYFxYXFRUVFBQTEhISEREQDw4ODAwKCggIBwUFBAMCAQECAwQFBQcICAoKDAwODg8QERESEhITFBQVFRUXFhcYGBcWFxUVFRQUExISEhEREA8ODgwMCgoICAcFBQQDAgEBAgMEBQUHCAgKCgwMDg4AAAQAAAAAA/gC4AADAAcACwAPAAABMzUjBzM1IyUVITUDIREhAVhwcKhwcALY/PBwA/D8EAHIcHBwOODg/rABwAAJAAAAAAP4A/cAAwAHAAsADwATABcAHAAgAHQAACUVIzUjFSM1JRUjNSMVIzUlFSM1IxUjNQMzIREhNxUjNSsBDwoVERUfCTsBNSMRMxUhNTMVMz0BLwojLw4rAQ8OAvx+P34BO34/fgE7fj9+P70Buf2Kfn4//AYHBgYKCgcGAgIBAQICBgcKCgYGBgf8vT8B+D9+AQICBgcKCgYGBwb8AwMEBQcICg0HBwkICgoLCwsLCgoICAgHDAoJBgUEAwLFfn5+fr1+fn5+vX5+fn79yQJ2/D8/AQEBAgYICQsGBgYH/Q0GBgYGCwkIBgICAX4Cdj8/P34GBwYFCwkIBgIBAQEdCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwkAAAAACgAAAAAD+AP3AAEABQAJAA0AEQAVABkAHgAiAHYAACU1JRUjNSMVIzUjFSM1JRUjNSMVIzUjFSM1AzMhESE3FSM1KwEPChURFR8JOwE1IxEzFSE1MxUzPQEvCiMvDisBDw4BwQH4fj9+P34B+H4/fj9+Pz8CN/2Kfn4//AYHBgYKCgcGAgIBAQICBgcKCgYGBgf8vT8B+D9+AQICBgcKCgYGBwb8AwMEBQcICg0HBwkICgoLCwsLCgoICAgHDAoJBgUEAwJHfr1+fn5+fn69fn5+fn5+/ckCdvw/PwEBAQIGCAkLBgYGB/0NBgYGBgsJCAYCAgF+AnY/Pz9+BgcGBQsJCAYCAQEBHQsLDAwLCwkFAwQDAgIBAQICAwQDBQkLCwwMCwsJAAAKAAAAAAP4A/cAAwAHAAsADwATABcAIwAnACsAgAAAJRUjNSMVIzUlFSM1IxUjNSUVIzUjFSM1IxUjFTMVIxUzFSMRJxEhESUVIzUrAQ8KFREVHwo7ATUjETMVITUzFTM9AS8JKwEvDisBDw4DuX4/fgE7fj9+ATt+P34/fn5+fn4/Anb+CH4//AYHBgYKCgcGAgIBAQICAwYJCgUGBgYH/L0/Afg/fgECAgYHCgoGBgYH/AMDBAUHCAoNBwcJCAoKCwsLCwoKCAgIBwwKCQYFBAMCxX5+fn69fn5+fr1+fn5+fj9+P34B+D/9igJ2/D8/AQEBAgYICQsGBgYH/Q0GBgYGBgoIBwMCAgF+AnY/Pz9+BgYGBgsJCAYCAQEeCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwkACAAAAAAD+AP3AAMABwALAA8AFwAbAB8AcwAAARUjNSMVIzUlFSM1IxUjNSUVIREhFSERAyERITcVIzUrAQ8KFREVHwk7ATUjETMVITUzFTM9AS8KIy8OKwEPDgO5fj9+ATt+P34BO/6GAXr+CD8Cdv2Kfn4//AYHBgYKCgcGAgIBAQICBgcKCgYGBgf8vT8B+D9+AQICBgcKCgYGBwb8AwMEBQcICg0HBwkICgoLCwsLCgoICAgHDAoJBgUEAwIBI15eXl6eX19fX34//oY/Afj9yQJ2/D8/AQEBAgYICQsGBgYH/Q0GBgYGCwkIBgICAX4Cdj8/P34GBwYFCwkIBgIBAQEdCwsMDAsLCQUDBAMCAgEBAgIDBAMFCQsLDAwLCwkAAAkAAAAAA/gD9wADAAcAEgAWABoAHgAjACcAfQAAJRUjNSMVIzUHMyE1IRUzFSM1IwEVIzUjFSM1IxUjNQcVITUhNxUjNScHIw8JFREVHwozNSMRMxUzNSE1MxUzPQEvCSsBLw8PDwO5fj9+/L0Buf3Jfn4/Ajd+P34/fj8Cdv2Kfn4//AYHBgYKCgcGAgIBAQICBgcKCgYGBgf8vT9+AXo/fgECAgYHCgoGBgcG/AMDBAUHCAoNBwcJCAoKCwsLCwoKCAgIBwwKCQYFBAMCxX5+fn69/D9+vQE7fn5+fn5+fj/8+z8/AQEBAQMFCAoKBgYHBv0OBwYGBgsJCAYCAQEBfgJ2QAE/P34GBgYGCwkIBQICAR4LCwwLDAoKBAQDAwMBAQEBAQEDAwMEBAoKDAsMCwsKAAAAAAwAAAAAA/gD+AADAAcACwAPABMAFwAjACcAKwAvADMANwAAJTM1IwczNSMHMzUjBzM1IyUzNSMFMzUjBSMVMxUzNTM1IzUjITM1IwUzNSMBFSE1IxUhNQMhESEBgj8/fj8/fj8/fj8/AXo/P/6GPz8C9H5+fn5+fv6GPz/+hj8/A3L+xX7+xX4D8PwQhj8/Pz8/Pz8/Pz8/P35+fn5+Pz8/Abn8/Pz8/oYB+AACAAAAAAP4A7kACAATAAABESMRIREjETcBMxEhETMRIREzAQL8Zf7SZfz+CJcBL2QBL5f+CAJE/msBN/7JAZXq/rj+YQE3/skBnwHTAAAAAAAAEgDeAAEAAAAAAAAAAQAAAAEAAAAAAAEABwABAAEAAAAAAAIABwAIAAEAAAAAAAMABwAPAAEAAAAAAAQABwAWAAEAAAAAAAUACwAdAAEAAAAAAAYABwAoAAEAAAAAAAoALAAvAAEAAAAAAAsAEgBbAAMAAQQJAAAAAgBtAAMAAQQJAAEADgBvAAMAAQQJAAIADgB9AAMAAQQJAAMADgCLAAMAAQQJAAQADgCZAAMAAQQJAAUAFgCnAAMAAQQJAAYADgC9AAMAAQQJAAoAWADLAAMAAQQJAAsAJAEjIGUtaWNvbnNSZWd1bGFyZS1pY29uc2UtaWNvbnNWZXJzaW9uIDEuMGUtaWNvbnNGb250IGdlbmVyYXRlZCB1c2luZyBTeW5jZnVzaW9uIE1ldHJvIFN0dWRpb3d3dy5zeW5jZnVzaW9uLmNvbQAgAGUALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBlAC0AaQBjAG8AbgBzAGUALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAGUALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAdQBzAGkAbgBnACAAUwB5AG4AYwBmAHUAcwBpAG8AbgAgAE0AZQB0AHIAbwAgAFMAdAB1AGQAaQBvAHcAdwB3AC4AcwB5AG4AYwBmAHUAcwBpAG8AbgAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAACewECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+AT8BQAFBAUIBQwFEAUUBRgFHAUgBSQFKAUsBTAFNAU4BTwFQAVEBUgFTAVQBVQFWAVcBWAFZAVoBWwFcAV0BXgFfAWABYQFiAWMBZAFlAWYBZwFoAWkBagFrAWwBbQFuAW8BcAFxAXIBcwF0AXUBdgF3AXgBeQF6AXsBfAF9AX4BfwGAAYEBggGDAYQBhQGGAYcBiAGJAYoBiwGMAY0BjgGPAZABkQGSAZMBlAGVAZYBlwGYAZkBmgGbAZwBnQGeAZ8BoAGhAaIBowGkAaUBpgGnAagBqQGqAasBrAGtAa4BrwGwAbEBsgGzAbQBtQG2AbcBuAG5AboBuwG8Ab0BvgG/AcABwQHCAcMBxAHFAcYBxwHIAckBygHLAcwBzQHOAc8B0AHRAdIB0wHUAdUB1gHXAdgB2QHaAdsB3AHdAd4B3wHgAeEB4gHjAeQB5QHmAecB6AHpAeoB6wHsAe0B7gHvAfAB8QHyAfMB9AH1AfYB9wH4AfkB+gH7AfwB/QH+Af8CAAIBAgICAwIEAgUCBgIHAggCCQIKAgsCDAINAg4CDwIQAhECEgITAhQCFQIWAhcCGAIZAhoCGwIcAh0CHgIfAiACIQIiAiMCJAIlAiYCJwIoAikCKgIrAiwCLQIuAi8CMAIxAjICMwI0AjUCNgI3AjgCOQI6AjsCPAI9Aj4CPwJAAkECQgJDAkQCRQJGAkcCSAJJAkoCSwJMAk0CTgJPAlACUQJSAlMCVAJVAlYCVwJYAlkCWgJbAlwCXQJeAl8CYAJhAmICYwJkAmUCZgJnAmgCaQJqAmsCbAJtAm4CbwJwAnECcgJzAnQCdQJ2AncCeAJ5AnoCewJ8An0CfgJ/AoACgQKCAoMChAKFAoYChwKIAokCigKLAowCjQKOAo8CkAKRApICkwKUApUClgKXApgCmQKaApsCnAKdAp4CnwKgAqECogKjAqQCpQKmAqcCqAKpAqoCqwKsAq0CrgKvArACsQKyArMCtAK1ArYCtwK4ArkCugK7ArwCvQK+Ar8CwALBAsICwwLEAsUCxgLHAsgCyQLKAssCzALNAs4CzwLQAtEC0gLTAtQC1QLWAtcC2ALZAtoC2wLcAt0C3gLfAuAC4QLiAuMC5ALlAuYC5wLoAukC6gLrAuwC7QLuAu8C8ALxAvIC8wL0AvUC9gL3AvgC+QL6AvsC/AL9Av4C/wMAAwEDAgMDAwQDBQMGAwcDCAMJAwoDCwMMAw0DDgMPAxADEQMSAxMDFAMVAxYDFwMYAxkDGgMbAxwDHQMeAx8DIAMhAyIDIwMkAyUDJgMnAygDKQMqAysDLAMtAy4DLwMwAzEDMgMzAzQDNQM2AzcDOAM5AzoDOwM8Az0DPgM/A0ADQQNCA0MDRANFA0YDRwNIA0kDSgNLA0wDTQNOA08DUANRA1IDUwNUA1UDVgNXA1gDWQNaA1sDXANdA14DXwNgA2EDYgNjA2QDZQNmA2cDaANpA2oDawNsA20DbgNvA3ADcQNyA3MDdAN1A3YDdwN4A3kDegN7A3wACmV4cG9ydC1wZGYKZXhwb3J0LWNzdgxleHBvcnQtZXhjZWwKZGF0ZS1yYW5nZQxmaWx0ZXItY2xlYXIGZmlsdGVyCGJ1bGxldC02CGJ1bGxldC0xBG5vbmUIYnVsbGV0LTURYm9yZGVyLWRpYWdvbmFsLTIRYm9yZGVyLWRpYWdvbmFsLTEIYnVsbGV0LTQIYnVsbGV0LTIIYnVsbGV0LTMUY2hldnJvbi1yaWdodC1kb3VibGUTY2hldnJvbi1sZWZ0LWRvdWJsZRNjaGV2cm9uLWRvd24tZG91YmxlEWNoZXZyb24tdXAtZG91YmxlBnJlcGVhdA9yZWN1cnJlbmNlLWVkaXQIbG9jYXRpb24LZGVzY3JpcHRpb24JdGltZS16b25lCGNhbGVuZGFyD3RpbWVsaW5lLWFnZW5kYQl3b3JrLXdlZWsEd2VlawNkYXkRYWdlbmRhLWRhdGUtcmFuZ2UJZGF0ZS10aW1lBnBlb3BsZQx0aW1lbGluZS1kYXkNdGltZWxpbmUtd2VlaxJ0aW1lbGluZS13b3JrLXdlZWsOdGltZWxpbmUtbW9udGgFdGFibGUEY29weQh0aC1zbWFsbAZzYXZlLTILcGFyYWdyYXBoLTIGZWRpdC02DWNsb3NlLWxhcmdlLTELZXhwb3J0LXdvcmQMY2lyY2xlLWNsb3NlCGZpbHRlci0yCnBsdXMtc21hbGwFY2xvc2UFY2hlY2sHcHJpbnQtMgZlZGl0LTIEcGx1cw1jbG9zZS1sYXJnZS0yEWNoZXZyb24tZG93bi10aGluEWNoZXZyb24tdXAtZmlsbC0yEWNoZXZyb24tZG93bi1maWxsD2NoZXZyb24tdXAtZmlsbBNjaGV2cm9uLWRvd24tZmlsbC0yCmFycm93LWRvd24IYXJyb3ctdXAUY2hldnJvbi1yaWdodC1maWxsLTMTY2hldnJvbi1sZWZ0LWZpbGwtMghkZWxldGUtMRFjaGV2cm9uLWxlZnQtZmlsbBJjaGV2cm9uLXJpZ2h0LWZpbGwKYXJyb3ctbGVmdAthcnJvdy1yaWdodAlzb3J0aW5nLTEEZWRpdApmaXJzdC1wYWdlCWxhc3QtcGFnZQ50aW1lbGluZS10b2RheQxjaGV2cm9uLWxlZnQIZmlsdGVyLTEKY2hldnJvbi11cA1jaGV2cm9uLXJpZ2h0DGNoZXZyb24tZG93bg5jaXJjbGUtY2xvc2UtMhFjaGV2cm9uLXVwLWZpbGwtMxNjaGV2cm9uLWRvd24tZmlsbC0zDWZpbHRlci1jYW5jZWwOY2hldnJvbi1sZWZ0LTIKZ3JvdXAtaWNvbglzZWxlY3Rpb24HY2xvc2UtMgdjaGVjay0yEmludGVybWVkaWF0ZS1zdGF0ZQ5jaGV2cm9uLWxlZnQtMwZlZGl0LTMHY2xvc2UtMw9jaGV2cm9uLXJpZ2h0LTIGcGx1cy0yE2NoZXZyb24tZG93bi1maWxsLTUNY2lyY2xlLXJlbW92ZQxhcnJvdy1sZWZ0LTIPbW9yZS12ZXJ0aWNhbC0xBnNlYXJjaAVtb250aAV0cmFzaA5jaGV2cm9uLWRvd24tMgRzYXZlBG1lbnUHcmVmcmVzaBNjaXJjbGUtY2xvc2UtZmlsbC0zBWNsb2NrDWZyZWV6ZS1jb2x1bW4OZXJyb3ItdHJlZXZpZXcPY2lyY2xlLXJlbW92ZS0yCmNpcmNsZS1hZGQXZHJhZy1hbmQtZHJvcC1pbmRpY2F0b3IPY2hldnJvbi1yaWdodC0zD2NoZXZyb24tcmlnaHQtNARwbGF5BXBhdXNlEHBhcmEtb3B0aW9uLWRvd24Ic2VhcmNoLTINYm9yZGVyLWNlbnRlcgxyZXN0YXJ0LWF0LTEOaHlwZXJsaW5rLW9wZW4FY3V0LTIGY29weS0yCmJvcmRlci10b3ANZGVsZXRlLWNvbHVtbgpkZWxldGUtcm93DGluc2VydC1yaWdodAtpbnNlcnQtbGVmdBBoeXBlcmxpbmstcmVtb3ZlDWJvcmRlci1taWRkbGUMYm9yZGVyLXJpZ2h0Dmh5cGVybGluay1lZGl0BmxpbmstMgtib3JkZXItbGVmdAx0YWJsZS1kZWxldGUQdGFibGUtcHJvcGVydGllcw5oeXBlcmxpbmstY29weQ1ib3JkZXItYm90dG9tB3Bhc3RlLTISY29udGludWUtbnVtYmVyaW5nDGluc2VydC1iZWxvdwxpbnNlcnQtYWJvdmUPdGFibGUtY2VsbC1ub25lA2JveANhbGwRdGFibGUtYWxpZ24tcmlnaHQTdGFibGUtYm9yZGVyLWN1c3RvbRB0YWJsZS1hbGlnbi1sZWZ0EnRhYmxlLWFsaWduLWNlbnRlcg9saW5lLXZlcnktc21hbGwLbGluZS1ub3JtYWwKbGluZS1zbWFsbA5wYXJhLW9wdGlvbi11cBV2ZXJ0aWNhbC1hbGlnbi1ib3R0b20VdmVydGljYWwtYWxpZ24tY2VudGVyEnZlcnRpY2FsLWFsaWduLXRvcAxjbGVhci1mb3JtYXQNc3RyaWtldGhyb3VnaAp1cHBlci1jYXNlB2p1c3RpZnkFaW1hZ2UGcmVzaXplEGV4aXQtZnVsbC1zY3JlZW4GZWRpdC00BGJvbGQKYWxpZ24tbGVmdANjdXQQdGV4dC1hbHRlcm5hdGl2ZQZjb3B5LTEIZGVsZXRlLTIPaW5jcmVhc2UtaW5kZW50BWVyYXNlBHVuZG8LZnVsbC1zY3JlZW4JdW5kZXJsaW5lDmxpc3QtdW5vcmRlcmVkA2V5ZQxsaXN0LW9yZGVyZWQKbG93ZXItY2FzZQtsaW5rLXJlbW92ZQd6b29tLWluCW9wZW4tbGluawVwcmludApmb250LWNvbG9yC2FsaWduLXJpZ2h0BGxpbmsJdmlldy1zaWRlCWNvZGUtdmlldwh6b29tLW91dAtzdXBlcnNjcmlwdAlwYXJhZ3JhcGgEcmVkbwVwYXN0ZQtpbnNlcnQtY29kZQlzdWJzY3JpcHQHZGlzcGxheQdyZXBsYWNlBml0YWxpYwdjYXB0aW9uDHBhaW50LWJ1Y2tldA9kZWNyZWFzZS1pbmRlbnQMYWxpZ24tY2VudGVyCWZvbnQtbmFtZQ9kcmFnLWFuZC1kcm9wLTIOZmllbGQtc2V0dGluZ3MKdHdvLWNvbHVtbgd0d28tcm93A3N1bQhmaWx0ZXItMwtjbG9zZS1sYXJnZQ5maWx0ZXItY2xlYXItMgxjaXJjbGUtY2hlY2sMYWxpZ24tYm90dG9tDmluc2VydC1hYm92ZS0yDmluc2VydC1iZWxvdy0yDGFsaWduLW1pZGRsZQ9kZWxldGUtY29sdW1uLTIMZGVsZXRlLXJvdy0yDWluc2VydC1sZWZ0LTIJYWxpZ24tdG9wDmluc2VydC1yaWdodC0yBmVkaXQtNQ5hbGlnbi1taWRkbGUtMg9mcmVlemUtY29sdW1uLTIFc3R5bGUIZGVsZXRlLTMKZnJlZXplLXJvdwt0ZXh0LWhlYWRlchFtb3JlLWhvcml6b250YWwtMQdyZXNpemVyBmZvbGRlcgxmaXJzdC1wYWdlLTIIcHJldmlvdXMEbmV4dAtsYXN0LXBhZ2UtMgp6b29tLW91dC0yCXpvb20taW4tMghkb3dubG9hZAhib29rbWFyawhzZWFyY2gtMw90ZXh0LWFubm90YXRpb24HY2xvc2UtNAhjb21tZW50cwZzYXZlLTMMYWxpZ24tbGVmdC0yB3N0eWxlLTIGdW5kby0yD2hpZ2hsaWdodC1jb2xvcg9tb3JlLXZlcnRpY2FsLTMLdW5kZXJsaW5lLTIPc3RyaWtldGhyb3VnaC0yDnBhaW50LWJ1Y2tldC0yA3BhbgdvcGFjaXR5CGRlbGV0ZS00DW1vdXNlLXBvaW50ZXITY2hldnJvbi1yaWdodC1zbWFsbAxzdHJva2UtY29sb3IHcHJpbnQtMwZyZWRvLTIMZm9udC1jb2xvci0yBnNoYXBlcxJjaGV2cm9uLWxlZnQtc21hbGwMc3Ryb2tlLXdpZHRoD2Fubm90YXRpb24tZWRpdAl0aHVtYm5haWwFc3RhbXAKYnJlYWstcGFnZQRmaWxlCmNvbGxhcHNlLTIGZXhwYW5kD2RvdWJsZS1yZXNpemUtMg9kb3VibGUtcmVzaXplLTEPc2luZ2xlLXJlc2l6ZS0xD3NpbmdsZS1yZXNpemUtMg9zaW5nbGUtcmVzaXplLTMPc2luZ2xlLXJlc2l6ZS00DWRyYWctYW5kLWRyb3ARY2hldnJvbi11cC1maWxsLTQTY2hldnJvbi1kb3duLWZpbGwtNBRjaGV2cm9uLXJpZ2h0LWZpbGwtMhNjaGV2cm9uLWxlZnQtZmlsbC0zD21vcmUtdmVydGljYWwtNA1maWx0ZXItYWN0aXZlC2NvZGUtdmlldy0yCWdyaWQtdmlldwdwYXN0ZS0zB3RyYXNoLTIKZG93bmxvYWQtMgVjdXQtMxBsaXN0LXVub3JkZXJlZC0yCXJlZnJlc2gtMgtjaXJjbGUtaW5mbxJjaGV2cm9uLXJpZ2h0LXRoaW4IZm9sZGVyLTIHY2xvc2UtNQtmb2xkZXItZmlsbAZyZW5hbWUGY29weS0zCHNlYXJjaC00CHVwbG9hZC0xBGJhY2sKc2VsZWN0LWFsbAlzb3J0aW5nLTIPbW9yZS12ZXJ0aWNhbC01B2NoZWNrLTMRbW9yZS1ob3Jpem9udGFsLTMOZXhwb3J0LWV4Y2VsLTIMZXhwb3J0LWNzdi0yBnNhdmUtNAdzYXZlLWFzBmV4cG9ydAhkZWxldGUtNQtncmFuZC10b3RhbAd0YWJsZS0yCXN1Yi10b3RhbAhmaWxlLW5ldxFudW1iZXItZm9ybWF0dGluZwhyZW5hbWUtMgxleHBvcnQtcGRmLTINZnVsbC1zY3JlZW4tMgVjaGFydAh1cGxvYWQtMglmb250LXR5cGUHY2xvc2UtNgxsaW5lLXNwYWNpbmcEbG9jawxib3JkZXItb3V0ZXIGbGluay0zDmFsaWduLWJvdHRvbS0yDGJvcmRlci1hbGwtMhB0YWJsZS1vZi1jb250ZW50DnBhZ2UtbnVtYmVyaW5nBmJvbGQtMgthbGlnbi10b3AtMg5hbGlnbi1taWRkbGUtMwpwYWdlLXNldHVwDHN0cm9rZS1zdHlsZQdpbWFnZS0yDWJvb2ttYXJrLWZpbGwGaGVhZGVyEGxpc3QtdW5vcmRlcmVkLTMPc2hvdy1oaWRlLXBhbmVsDWFsaWduLXJpZ2h0LTIGZm9vdGVyCmJvcmRlci1hbGwMYm9yZGVyLWlubmVyBGNlbGwLYWxpZ24tdG9wLTMOYWxpZ24tYm90dG9tLTMOYWxpZ24tbWlkZGxlLTQHY2hlY2stNAVicmVhawxicmVhay1wYWdlLTINYnJlYWstc2VjdGlvbhBhdXRvLWZpdC1jb250ZW50EmZpeGVkLWNvbHVtbi13aWR0aA9hdXRvLWZpdC13aW5kb3cNYnJpbmctZm9yd2FyZA5icmluZy10by1mcm9udAxzZW5kLXRvLWJhY2sNc2VuZC1iYWNrd2FyZAl1bmdyb3VwLTEHZ3JvdXAtMQVvcmRlchJjaGV2cm9uLXVwLXNtYWxsLTIUY2hldnJvbi1kb3duLXNtYWxsLTIVY2hldnJvbi1yaWdodC1zbWFsbC0yFGNoZXZyb24tbGVmdC1zbWFsbC0yFmNoZXZyb24tcmlnaHQtZG91YmxlLTIVY2hldnJvbi1sZWZ0LWRvdWJsZS0yC3pvb20tdG8tZml0CWFkZC1hYm92ZQlhZGQtYmVsb3cEbGluZQ5hcnJvdy1yaWdodC11cAlyZWN0YW5nbGUGY2lyY2xlCHBlbnRhZ2FuBmxlbmd0aAlwZXJpbWV0ZXIEYXJlYQZyYWRpdXMGdm9sdW1lEmNoYW5nZS1zY2FsZS1yYXRpbwhzZXR0aW5ncwljb21tZW50LTINdGh1bWJzLWRvd24tMQl0aHVtYnMtdXANdGh1bWJzLWRvd24tMgpleHBvcnQtanBnCmV4cG9ydC1wbmcKZXhwb3J0LXN2ZxZjb25kaXRpb25hbC1mb3JtYXR0aW5nEGhpZGUtZm9ybXVsYS1iYXINaGlkZS1oZWFkaW5ncw5oaWRlLWdyaWRsaW5lcwlleWUtc2xhc2gKZXhwb3J0LXhscwxleHBvcnQtY3N2LTMDbWR4CHJlbmFtZS0zC2ZvbGRlci1vcGVuCW5hbWVkLXNldA1ncmlwLXZlcnRpY2FsCWRpbWVuc2lvbgdsZXZlbC0xB2xldmVsLTIHbGV2ZWwtMwdsZXZlbC00B2xldmVsLTUMdXNlci1kZWZpbmVkA2twaQlzb3J0LWRvd24Jc29ydGluZy0zB3NvcnQtdXARY2FsY3VsYXRlZC1tZW1iZXILY3VzdG9tLXNvcnQPc29ydC1kZXNjZW5kaW5nDnNvcnQtYXNjZW5kaW5nC2NvbW1lbnQtYWRkBXJlcGx5BnNlbmQtMQxjb21tZW50LXNob3cJc2lnbmF0dXJlC2ZpbHRlci1tYWluCXRleHQtd3JhcAp1bmZpbHRlcmVkGGZpbHRlcmVkLXNvcnQtZGVzY2VuZGluZxFzb3J0LWRlc2NlbmRpbmctMhBzb3J0LWFzY2VuZGluZy0yF2ZpbHRlcmVkLXNvcnQtYXNjZW5kaW5nCGZpbHRlcmVkDmZpbHRlci1jbGVhci0zB3JlYXBwbHkHZ3JvdXAtMgl1bmdyb3VwLTIPcGFzdGUtdGV4dC1vbmx5C3Bhc3RlLXN0eWxlDXBhc3RlLXNwZWNpYWwXcGFzdGUtbWF0Y2gtZGVzdGluYXRpb24Lc3BlbGwtY2hlY2sOY29tbWVudC1yZW9wZW4Kd2ViLWxheW91dAxwcmludC1sYXlvdXQLYm9yZGVyLW5vbmUPZGF0YS12YWxpZGF0aW9uDXByb3RlY3Qtc2hlZXQJdGV4dC1mb3JtDHByb3BlcnRpZXMtMgpjbGVhci1mb3JtCWRyb3AtZG93bgpmb3JtLWZpZWxkCWNoZWNrLWJveAx0YWJsZS11cGRhdGUOY2hhbmdlcy1hY2NlcHQSZGlzcGxheS1mb3ItcmV2aWV3DmNoYW5nZXMtcmVqZWN0EGNoYW5nZXMtcHJldmlvdXMLc2hvdy1tYXJrdXAMY2hhbmdlcy1uZXh0DWNoYW5nZXMtdHJhY2scY29uZGl0aW9uYWwtZm9ybWF0dGluZy1sYXJnZQloaWdobGlnaHQQdG9wLWJvdHRvbS1ydWxlcwlkYXRhLWJhcnMMY29sb3Itc2NhbGVzCGljb25zZXRzC2NsZWFyLXJ1bGVzCW5ldy1ydWxlcwxncmVhdGVyLXRoYW4JbGVzcy10aGFuB2JldHdlZW4HZXF1YWx0bxJ0ZXh0LXRoYXQtY29udGFpbnMOZGF0ZS1vY2N1cnJpbmcGdG9wLTEwD2JvdHRvbS0xMC1pdGVtcwlib3R0b20tMTANYWJvdmUtYXZlcmFnZQ1iZWxvdy1hdmVyYWdlDmR1cGxpY2F0ZS1jZWxsCGZvb3Rub3RlDGVuZC1mb290bm90ZRNjaGFydC1pbnNlcnQtY29sdW1uEGNoYXJ0LWRhdGEtdGFibGUMY2hhcnQtbGVnZW5kGGNoYXJ0LWluc2VydC14LXktc2NhdHRlchZjaGFydC1pbnNlcnQtd2F0ZXJmYWxsEWNoYXJ0LXVwZG93bi1iYXJzEWFkZC1jaGFydC1lbGVtZW50D2NoYXJ0LWdyaWRsaW5lcxdpbnNlcnQtaGllcmFyY2h5LWNoYXJ0cxFjaGFydC1pbnNlcnQtbGluZRdjaGFydC1zd2l0Y2gtcm93LWNvbHVtbhBjaGFydC1lcnJvci1iYXJzD2NoYXJ0LXRyZW5kbGluZQpjaGFydC1heGVzEWNoYXJ0LXNlbGVjdC1kYXRhC2NoYXJ0LWxpbmVzEWNoYXJ0LWF4aXMtdGl0bGVzC2NoYXJ0LXRpdGxlEGNoYXJ0LWluc2VydC1waWURY2hhbmdlLWNoYXJ0LXR5cGUWaW5zZXJ0LXN0YXRpc3RpYy1jaGFydBFjaGFydC1kYXRhLWxhYmVscxJjaGFydC1pbnNlcnQtY29tYm8kY2hhcnQtYXhpcy10aXRsZXMtcHJpbWFyeS1ob3Jpem9udGFsFWNoYXJ0LWxpbmVhci1mb3JlY2FzdBFjaGFydC1sZWdlbmQtbm9uZRJjaGFydC1sZWdlbmQtcmlnaHQSY2hhcnQtZGF0YS1jYWxsb3V0HGNoYXJ0LXByaW1hcnktbWlub3ItdmVydGljYWwbY2hhcnQtYXhlcy1wcmltYXJ5LXZlcnRpY2FsGGNoYXJ0LWRhdGEtbGFiZWxzLWNlbnRlchVjaGFydC1kYXRhLXRhYmxlLW5vbmUWY2hhcnQtZGF0YS1sYWJlbHMtbm9uZRxjaGFydC1wcmltYXJ5LW1ham9yLXZlcnRpY2FsE2NoYXJ0LWxlZ2VuZC1saW5lYXIbY2hhcnQtZXJyb3ItYmFycy1wZXJjZW50YWdlFGNoYXJ0LW5vLWxlZ2VuZC1rZXlzF2NoYXJ0LXRpdGxlLWFib3ZlLWNoYXJ0FGNoYXJ0LXRyZW5kbGluZS1ub25lFmNoYXJ0LXdpdGgtbGVnZW5kLWtleXMdY2hhcnQtYXhlcy1wcmltYXJ5LWhvcml6b250YWwjY2hhcnQtZXJyb3ItYmFycy1zdGFuZGFyZC1kZXZpYXRpb24QY2hhcnQtbGVnZW5kLXRvcB5jaGFydC1wcmltYXJ5LW1pbm9yLWhvcml6b250YWwVY2hhcnQtZXJyb3ItYmFycy1ub25lFGNoYXJ0LXVwLWRvd24tYmFycy0yEGNoYXJ0LWRyb3AtbGluZXMQY2hhcnQtbGluZXMtbm9uZR5jaGFydC1wcmltYXJ5LW1ham9yLWhvcml6b250YWwTY2hhcnQtbGVnZW5kLWJvdHRvbRJjaGFydC11cC1kb3duLW5vbmUdY2hhcnQtZGF0YS1sYWJlbHMtb3V0c2lkZS1lbmQiY2hhcnQtYXhpcy10aXRsZXMtcHJpbWFyeS12ZXJ0aWNhbBFjaGFydC1sZWdlbmQtbGVmdB1jaGFydC1kYXRhLWxhYmVscy1pbnNpZGUtYmFzZRRjaGFydC1oaWdoLWxvdy1saW5lcxtjaGFydC10cmVuZGxpbmUtZXhwb25lbnRpYWweY2hhcnQtdHJlbmRsaW5lLW1vdmluZy1hdmVyYWdlHGNoYXJ0LWRhdGEtbGFiZWxzLWluc2lkZS1lbmQQY2hhcnQtdGl0bGUtbm9uZRxjaGFydC10aXRsZS1jZW50ZXJlZC1vdmVybGF5H2NoYXJ0LWVycm9yLWJhcnMtc3RhbmRhcmQtZXJyb3IPY2hhcnQtM2QtYXJlYS0xFGNoYXJ0LTJkLXN0YWNrZWQtYmFyEmNoYXJ0LTNkLXN1cmZhY2UtMRZjaGFydC1oaXN0b2dyYW0tcGFyZXRvJmNoYXJ0LXN0b2NrLXZvbHVtbi1vcGVuLWhpZ2gtbG93LWNsb3NlGmNoYXJ0LXN0b2NrLWhpZ2gtbG93LWNsb3NlH2NoYXJ0LXN0b2NrLW9wZW4taGlnaC1sb3ctY2xvc2UrY2hhcnQtMmQtbGluZS0xMDAtc3RhY2tlZC1saW5lLXdpdGgtbWFya2VycxJjaGFydC1maWxsZWQtcmFkYXIZY2hhcnQtM2QtY2x1c3RlcmVkLWNvbHVtbg5jaGFydC1zdW5idXJzdA1jaGFydC10cmVlbWFwIWNoYXJ0LTNkLTEwMC1wZXJjZW50LXN0YWNrZWQtYXJlYQxjaGFydC0zZC1waWURY2hhcnQtM2QtY29sdW1uLTQSbW9yZS1jb2x1bW4tY2hhcnRzFWNoYXJ0LTJkLXN0YWNrZWQtbGluZQtjaGFydC1kb251dBZjaGFydC0zZC1jbHVzdGVyZWQtYmFyDGNoYXJ0LWZ1bm5lbA5jaGFydC0yZC1waWUtMg1jaGFydC0zZC1saW5lGWNoYXJ0LTJkLWNsdXN0ZXJlZC1jb2x1bW4hY2hhcnQtMmQtMTAwLXBlcmNlbnQtc3RhY2tlZC1hcmVhEG1vcmUtbGluZS1jaGFydHMgY2hhcnQtM2QtMTAwLXBlcmNlbnQtc3RhY2tlZC1iYXIRbW9yZS1zdG9jay1jaGFydHMhY2hhcnQtc3RvY2stdm9sdW1uLWhpZ2gtbG93LWNsb3NlEGNoYXJ0LWJhci1vZi1waWUtY2hhcnQtY2x1c3RlcmVkLWNvbHVtbi1saW5lLW9uLXNlY29uZGFyeS1heGlzFmNoYXJ0LTJkLWNsdXN0ZXJlZC1iYXILY2hhcnQtcmFkYXIjY2hhcnQtM2QtMTAwLXBlcmNlbnQtc3RhY2tlZC1jb2x1bW4fY2hhcnQtc3RhY2tlZGxpbmVzLXdpdGgtbWFya2VycxpjaGFydC13aXJlZnJhbWUtM2Qtc3VyZmFjZRpjaGFydC0yZC1saW5lLXdpdGgtbWFya2VycxVjaGFydC1ib3gtYW5kLXdoaXNrZXIZY3JlYXRlLWN1c3RvbS1jb21iby1jaGFydCBjaGFydC0yZC0xMDAtcGVyY2VudC1zdGFja2VkLWJhciFjaGFydC1zY2F0dGVyLXdpdGgtc3RyYWlnaHQtbGluZXMXbW9yZS1zdGF0aXN0aWNhbC1jaGFydHMVY2hhcnQtM2Qtc3RhY2tlZC1hcmVhDWNoYXJ0LTJkLWxpbmUjY2hhcnQtMmQtMTAwLXBlcmNlbnQtc3RhY2tlZC1jb2x1bW4PbW9yZS1waWUtY2hhcnRzDmNoYXJ0LWJ1YmJsZS0xIWNoYXJ0LTJkLTEwMC1wZXJjZW50LXN0YWNrZWQtbGluZQ9jaGFydC1oaXN0b2dyYW0VbW9yZS1oaWVyYXJjaHktY2hhcnRzIWNoYXJ0LWNvbWJvLWNsdXN0ZXJlZC1jb2x1bW4tbGluZRVjaGFydC0yZC1zdGFja2VkLWFyZWEXY2hhcnQtM2Qtc3RhY2tlZC1jb2x1bW4QY2hhcnQtaW5zZXJ0LWJhch9jaGFydC1zY2F0dGVyLXdpdGgtc21vb3RoLWxpbmVzH2NoYXJ0LXN1cmZhY2Utd2lyZWZyYW1lLWNvbnRvdXIUY2hhcnQtM2Qtc3RhY2tlZC1iYXITY2hhcnQtMmQtcGllLW9mLXBpZRJjaGFydC0zZC1zdXJmYWNlLTINY2hhcnQtMmQtYXJlYSljaGFydC1jb21iby1zdGFja2VkLWFyZWEtY2x1c3RlcmVkLWNvbHVtbg9jaGFydC13YXRlcmZhbGwVY2hhcnQtc3VyZmFjZS1jb250b3VyE21vcmUtc2NhdHRlci1jaGFydHMXY2hhcnQtMmQtc3RhY2tlZC1jb2x1bW4QcHJvdGVjdC13b3JrYm9vawtjaGFuZ2UtY2FzZQxleHBvcnQtcGRmLTMLZnJlZXplLXBhbmUTZnJlZXplLWZpcnN0LWNvbHVtbg5mcmVlemUtdG9wLXJvdwttZXJnZS1jZWxscw5zcGxpdC12ZXJ0aWNhbAp0YWJsZS1jZWxsEHNwbGl0LWhvcml6b250YWwIbGlzdC1ib3gLdGV4dC1mb3JtLTIFbGFiZWwLY2hlY2stYm94LTITYWRkLWVkaXQtZm9ybS1maWVsZAZidXR0b24LZHJvcC1kb3duLTIMcmFkaW8tYnV0dG9uCHBhc3N3b3JkE3RhYmxlLWluc2VydC1jb2x1bW4QdGFibGUtaW5zZXJ0LXJvdxV0YWJsZS1vdmVyd3JpdGUtY2VsbHMMdGFibGUtbmVzdGVkC3RhYmxlLW1lcmdlCWRyYWctZmlsbARob21lAAAAAAA=) format("truetype"); } .e-icons { font-family: "e-icons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .e-icons.e-small { font-size: 8px; } .e-icons.e-medium { font-size: 16px; } .e-icons.e-large { font-size: 24px; } .e-icons.e-export-pdf:before { content: "\e240"; } .e-icons.e-export-csv:before { content: "\e241"; } .e-icons.e-export-excel:before { content: "\e242"; } .e-icons.e-date-range:before { content: "\e245"; } .e-icons.e-filter-clear:before { content: "\e248"; } .e-icons.e-filter:before { content: "\e251"; } .e-icons.e-bullet-6:before { content: "\e253"; } .e-icons.e-bullet-1:before { content: "\e254"; } .e-icons.e-none:before { content: "\e256"; } .e-icons.e-bullet-5:before { content: "\e259"; } .e-icons.e-border-diagonal-2:before { content: "\e262"; } .e-icons.e-border-diagonal-1:before { content: "\e265"; } .e-icons.e-bullet-4:before { content: "\e267"; } .e-icons.e-bullet-2:before { content: "\e270"; } .e-icons.e-bullet-3:before { content: "\e271"; } .e-icons.e-chevron-right-double:before { content: "\e300"; } .e-icons.e-chevron-left-double:before { content: "\e302"; } .e-icons.e-chevron-down-double:before { content: "\e304"; } .e-icons.e-chevron-up-double:before { content: "\e306"; } .e-icons.e-repeat:before { content: "\e308"; } .e-icons.e-recurrence-edit:before { content: "\e30a"; } .e-icons.e-location:before { content: "\e30c"; } .e-icons.e-description:before { content: "\e30d"; } .e-icons.e-time-zone:before { content: "\e30e"; } .e-icons.e-calendar:before { content: "\e322"; } .e-icons.e-timeline-agenda:before { content: "\e313"; } .e-icons.e-work-week:before { content: "\e314"; } .e-icons.e-week:before { content: "\e315"; } .e-icons.e-day:before { content: "\e31b"; } .e-icons.e-agenda-date-range:before { content: "\e31d"; } .e-icons.e-date-time:before { content: "\e421"; } .e-icons.e-people:before { content: "\e424"; } .e-icons.e-timeline-day:before { content: "\ea85"; } .e-icons.e-timeline-week:before { content: "\ea88"; } .e-icons.e-timeline-work-week:before { content: "\ea8b"; } .e-icons.e-timeline-month:before { content: "\ea8e"; } .e-icons.e-table:before { content: "\e705"; } .e-icons.e-copy:before { content: "\e70a"; } .e-icons.e-th-small:before { content: "\e714"; } .e-icons.e-save-2:before { content: "\e735"; } .e-icons.e-paragraph-2:before { content: "\e75e"; } .e-icons.e-edit-6:before { content: "\e7a3"; } .e-icons.e-close-large-1:before { content: "\e7a7"; } .e-icons.e-export-word:before { content: "\e7b0"; } .e-icons.e-circle-close:before { content: "\e7e9"; } .e-icons.e-filter-2:before { content: "\e7ee"; } .e-icons.e-plus-small:before { content: "\e7f9"; } .e-icons.e-close:before { content: "\e7fc"; } .e-icons.e-check:before { content: "\e7ff"; } .e-icons.e-print-2:before { content: "\e813"; } .e-icons.e-edit-2:before { content: "\e81e"; } .e-icons.e-plus:before { content: "\e823"; } .e-icons.e-close-large-2:before { content: "\e825"; } .e-icons.e-chevron-down-thin:before { content: "\e36a"; } .e-icons.e-chevron-up-fill-2:before { content: "\e82a"; } .e-icons.e-chevron-down-fill:before { content: "\e82e"; } .e-icons.e-chevron-up-fill:before { content: "\e834"; } .e-icons.e-chevron-down-fill-2:before { content: "\e83d"; } .e-icons.e-arrow-down:before { content: "\e83f"; } .e-icons.e-arrow-up:before { content: "\e840"; } .e-icons.e-chevron-right-fill-3:before { content: "\e848"; } .e-icons.e-chevron-left-fill-2:before { content: "\e84b"; } .e-icons.e-delete-1:before { content: "\e84e"; } .e-icons.e-chevron-left-fill:before { content: "\e854"; } .e-icons.e-chevron-right-fill:before { content: "\e859"; } .e-icons.e-arrow-left:before { content: "\e85b"; } .e-icons.e-arrow-right:before { content: "\e85f"; } .e-icons.e-sorting-1:before { content: "\e890"; } .e-icons.e-edit:before { content: "\e891"; } .e-icons.e-first-page:before { content: "\e896"; } .e-icons.e-last-page:before { content: "\e897"; } .e-icons.e-timeline-today:before { content: "\e901"; } .e-icons.e-chevron-left:before { content: "\e904"; } .e-icons.e-filter-1:before { content: "\e909"; } .e-icons.e-chevron-up:before { content: "\e910"; } .e-icons.e-chevron-right:before { content: "\e913"; } .e-icons.e-chevron-down:before { content: "\e916"; } .e-icons.e-circle-close-2:before { content: "\e917"; } .e-icons.e-chevron-up-fill-3:before { content: "\e918"; } .e-icons.e-chevron-down-fill-3:before { content: "\e919"; } .e-icons.e-filter-cancel:before { content: "\e920"; } .e-icons.e-chevron-left-2:before { content: "\e921"; } .e-icons.e-group-icon:before { content: "\e926"; } .e-icons.e-selection:before { content: "\e930"; } .e-icons.e-close-2:before { content: "\e932"; } .e-icons.e-check-2:before { content: "\e933"; } .e-icons.e-intermediate-state:before { content: "\e934"; } .e-icons.e-chevron-left-3:before { content: "\e937"; } .e-icons.e-edit-3:before { content: "\e944"; } .e-icons.e-close-3:before { content: "\e945"; } .e-icons.e-chevron-right-2:before { content: "\e956"; } .e-icons.e-plus-2:before { content: "\e963"; } .e-icons.e-chevron-down-fill-5:before { content: "\e969"; } .e-icons.e-circle-remove:before { content: "\e974"; } .e-icons.e-arrow-left-2:before { content: "\e977"; } .e-icons.e-more-vertical-1:before { content: "\e984"; } .e-icons.e-search:before { content: "\e993"; } .e-icons.e-month:before { content: "\e93c"; } .e-icons.e-trash:before { content: "\e94a"; } .e-icons.e-chevron-down-2:before { content: "\e94d"; } .e-icons.e-save:before { content: "\e98e"; } .e-icons.e-menu:before { content: "\e99a"; } .e-icons.e-refresh:before { content: "\e99d"; } .e-icons.e-circle-close-fill-3:before { content: "\e208"; } .e-icons.e-clock:before { content: "\e20c"; } .e-icons.e-freeze-column:before { content: "\e21e"; } .e-icons.e-error-treeview:before { content: "\e22a"; } .e-icons.e-circle-remove-2:before { content: "\e22b"; } .e-icons.e-circle-add:before { content: "\e22c"; } .e-icons.e-drag-and-drop-indicator:before { content: "\e22d"; } .e-icons.e-chevron-right-3:before { content: "\e22f"; } .e-icons.e-chevron-right-4:before { content: "\e430"; } .e-icons.e-play:before { content: "\e324"; } .e-icons.e-pause:before { content: "\e326"; } .e-icons.e-para-option-down:before { content: "\e274"; } .e-icons.e-search-2:before { content: "\e275"; } .e-icons.e-border-center:before { content: "\e276"; } .e-icons.e-restart-at-1:before { content: "\e277"; } .e-icons.e-hyperlink-open:before { content: "\e278"; } .e-icons.e-cut-2:before { content: "\e279"; } .e-icons.e-copy-2:before { content: "\e280"; } .e-icons.e-border-top:before { content: "\e281"; } .e-icons.e-delete-column:before { content: "\e282"; } .e-icons.e-delete-row:before { content: "\e283"; } .e-icons.e-insert-right:before { content: "\e284"; } .e-icons.e-insert-left:before { content: "\e285"; } .e-icons.e-hyperlink-remove:before { content: "\e286"; } .e-icons.e-border-middle:before { content: "\e287"; } .e-icons.e-border-right:before { content: "\e288"; } .e-icons.e-hyperlink-edit:before { content: "\e289"; } .e-icons.e-link-2:before { content: "\e290"; } .e-icons.e-border-left:before { content: "\e291"; } .e-icons.e-table-delete:before { content: "\e292"; } .e-icons.e-table-properties:before { content: "\e294"; } .e-icons.e-hyperlink-copy:before { content: "\e295"; } .e-icons.e-border-bottom:before { content: "\e298"; } .e-icons.e-paste-2:before { content: "\e501"; } .e-icons.e-continue-numbering:before { content: "\e503"; } .e-icons.e-insert-below:before { content: "\e505"; } .e-icons.e-insert-above:before { content: "\e506"; } .e-icons.e-table-cell-none:before { content: "\e507"; } .e-icons.e-box:before { content: "\e509"; } .e-icons.e-all:before { content: "\e511"; } .e-icons.e-table-align-right:before { content: "\e515"; } .e-icons.e-table-border-custom:before { content: "\e516"; } .e-icons.e-table-align-left:before { content: "\e517"; } .e-icons.e-table-align-center:before { content: "\e518"; } .e-icons.e-line-very-small:before { content: "\e520"; } .e-icons.e-line-normal:before { content: "\e521"; } .e-icons.e-line-small:before { content: "\e522"; } .e-icons.e-para-option-up:before { content: "\e523"; } .e-icons.e-vertical-align-bottom:before { content: "\e525"; } .e-icons.e-vertical-align-center:before { content: "\e526"; } .e-icons.e-vertical-align-top:before { content: "\e527"; } .e-icons.e-clear-format:before { content: "\e331"; } .e-icons.e-strikethrough:before { content: "\e332"; } .e-icons.e-upper-case:before { content: "\e333"; } .e-icons.e-justify:before { content: "\e334"; } .e-icons.e-image:before { content: "\e335"; } .e-icons.e-resize:before { content: "\e336"; } .e-icons.e-exit-full-screen:before { content: "\e337"; } .e-icons.e-edit-4:before { content: "\e338"; } .e-icons.e-bold:before { content: "\e339"; } .e-icons.e-align-left:before { content: "\e33a"; } .e-icons.e-cut:before { content: "\e33b"; } .e-icons.e-text-alternative:before { content: "\e33c"; } .e-icons.e-copy-1:before { content: "\e33d"; } .e-icons.e-delete-2:before { content: "\e33e"; } .e-icons.e-increase-indent:before { content: "\e33f"; } .e-icons.e-erase:before { content: "\e340"; } .e-icons.e-undo:before { content: "\e341"; } .e-icons.e-full-screen:before { content: "\e342"; } .e-icons.e-underline:before { content: "\e343"; } .e-icons.e-list-unordered:before { content: "\e344"; } .e-icons.e-eye:before { content: "\e345"; } .e-icons.e-list-ordered:before { content: "\e346"; } .e-icons.e-lower-case:before { content: "\e347"; } .e-icons.e-link-remove:before { content: "\e348"; } .e-icons.e-zoom-in:before { content: "\e349"; } .e-icons.e-open-link:before { content: "\e34a"; } .e-icons.e-print:before { content: "\e34b"; } .e-icons.e-font-color:before { content: "\e34c"; } .e-icons.e-align-right:before { content: "\e34d"; } .e-icons.e-link:before { content: "\e34e"; } .e-icons.e-view-side:before { content: "\e34f"; } .e-icons.e-code-view:before { content: "\e350"; } .e-icons.e-zoom-out:before { content: "\e351"; } .e-icons.e-superscript:before { content: "\e352"; } .e-icons.e-paragraph:before { content: "\e353"; } .e-icons.e-redo:before { content: "\e354"; } .e-icons.e-paste:before { content: "\e355"; } .e-icons.e-insert-code:before { content: "\e356"; } .e-icons.e-subscript:before { content: "\e357"; } .e-icons.e-display:before { content: "\e358"; } .e-icons.e-replace:before { content: "\e359"; } .e-icons.e-italic:before { content: "\e35a"; } .e-icons.e-caption:before { content: "\e35b"; } .e-icons.e-paint-bucket:before { content: "\e35c"; } .e-icons.e-decrease-indent:before { content: "\e35d"; } .e-icons.e-align-center:before { content: "\e35e"; } .e-icons.e-font-name:before { content: "\e35f"; } .e-icons.e-drag-and-drop-2:before { content: "\e330"; } .e-icons.e-field-settings:before { content: "\e434"; } .e-icons.e-two-column:before { content: "\ea74"; } .e-icons.e-two-row:before { content: "\ea75"; } .e-icons.e-sum:before { content: "\ea76"; } .e-icons.e-filter-3:before { content: "\ea77"; } .e-icons.e-close-large:before { content: "\ea7f"; } .e-icons.e-filter-clear-2:before { content: "\ea82"; } .e-icons.e-circle-check:before { content: "\ea84"; } .e-icons.e-align-bottom:before { content: "\ea91"; } .e-icons.e-insert-above-2:before { content: "\ea92"; } .e-icons.e-insert-below-2:before { content: "\ea93"; } .e-icons.e-align-middle:before { content: "\ea94"; } .e-icons.e-delete-column-2:before { content: "\ea95"; } .e-icons.e-delete-row-2:before { content: "\ea96"; } .e-icons.e-insert-left-2:before { content: "\ea97"; } .e-icons.e-align-top:before { content: "\ea98"; } .e-icons.e-insert-right-2:before { content: "\ea99"; } .e-icons.e-edit-5:before { content: "\ea9a"; } .e-icons.e-align-middle-2:before { content: "\ea9b"; } .e-icons.e-freeze-column-2:before { content: "\ea9e"; } .e-icons.e-style:before { content: "\ea9f"; } .e-icons.e-delete-3:before { content: "\eb00"; } .e-icons.e-freeze-row:before { content: "\eb02"; } .e-icons.e-text-header:before { content: "\eb03"; } .e-icons.e-more-horizontal-1:before { content: "\eb04"; } .e-icons.e-resizer:before { content: "\eb05"; } .e-icons.e-folder:before { content: "\ec04"; } .e-icons.e-first-page-2:before { content: "\ec05"; } .e-icons.e-previous:before { content: "\ec06"; } .e-icons.e-next:before { content: "\ec07"; } .e-icons.e-last-page-2:before { content: "\ec08"; } .e-icons.e-zoom-out-2:before { content: "\ec09"; } .e-icons.e-zoom-in-2:before { content: "\ec0a"; } .e-icons.e-download:before { content: "\ec0b"; } .e-icons.e-bookmark:before { content: "\ec0c"; } .e-icons.e-search-3:before { content: "\ec0d"; } .e-icons.e-text-annotation:before { content: "\ec0e"; } .e-icons.e-close-4:before { content: "\ec0f"; } .e-icons.e-comments:before { content: "\ec10"; } .e-icons.e-save-3:before { content: "\ec11"; } .e-icons.e-align-left-2:before { content: "\ec12"; } .e-icons.e-style-2:before { content: "\ec13"; } .e-icons.e-undo-2:before { content: "\ec14"; } .e-icons.e-highlight-color:before { content: "\ec15"; } .e-icons.e-more-vertical-3:before { content: "\ec16"; } .e-icons.e-underline-2:before { content: "\ec17"; } .e-icons.e-strikethrough-2:before { content: "\ec18"; } .e-icons.e-paint-bucket-2:before { content: "\ec19"; } .e-icons.e-pan:before { content: "\ec1a"; } .e-icons.e-opacity:before { content: "\ec1b"; } .e-icons.e-delete-4:before { content: "\ec1c"; } .e-icons.e-mouse-pointer:before { content: "\ec1d"; } .e-icons.e-chevron-right-small:before { content: "\ec1e"; } .e-icons.e-stroke-color:before { content: "\ec1f"; } .e-icons.e-print-3:before { content: "\ec20"; } .e-icons.e-redo-2:before { content: "\ec21"; } .e-icons.e-font-color-2:before { content: "\ec22"; } .e-icons.e-shapes:before { content: "\ec23"; } .e-icons.e-chevron-left-small:before { content: "\ec24"; } .e-icons.e-stroke-width:before { content: "\ec25"; } .e-icons.e-annotation-edit:before { content: "\ec26"; } .e-icons.e-thumbnail:before { content: "\ec27"; } .e-icons.e-stamp:before { content: "\ec28"; } .e-icons.e-break-page:before { content: "\ec29"; } .e-icons.e-file:before { content: "\ec2a"; } .e-icons.e-collapse-2:before { content: "\e554"; } .e-icons.e-expand:before { content: "\e556"; } .e-icons.e-double-resize-2:before { content: "\e557"; } .e-icons.e-double-resize-1:before { content: "\e558"; } .e-icons.e-single-resize-1:before { content: "\e559"; } .e-icons.e-single-resize-2:before { content: "\e56a"; } .e-icons.e-single-resize-3:before { content: "\e56b"; } .e-icons.e-single-resize-4:before { content: "\e56c"; } .e-icons.e-drag-and-drop:before { content: "\e903"; } .e-icons.e-chevron-up-fill-4:before { content: "\e56d"; } .e-icons.e-chevron-down-fill-4:before { content: "\e56e"; } .e-icons.e-chevron-right-fill-2:before { content: "\e56f"; } .e-icons.e-chevron-left-fill-3:before { content: "\e570"; } .e-icons.e-more-vertical-4:before { content: "\e571"; } .e-icons.e-filter-active:before { content: "\ebb3"; } .e-icons.e-code-view-2:before { content: "\e907"; } .e-icons.e-grid-view:before { content: "\e600"; } .e-icons.e-paste-3:before { content: "\e601"; } .e-icons.e-trash-2:before { content: "\e602"; } .e-icons.e-download-2:before { content: "\e603"; } .e-icons.e-cut-3:before { content: "\e604"; } .e-icons.e-list-unordered-2:before { content: "\e605"; } .e-icons.e-refresh-2:before { content: "\e606"; } .e-icons.e-circle-info:before { content: "\e607"; } .e-icons.e-chevron-right-thin:before { content: "\e608"; } .e-icons.e-folder-2:before { content: "\e609"; } .e-icons.e-close-5:before { content: "\e60a"; } .e-icons.e-folder-fill:before { content: "\e60b"; } .e-icons.e-rename:before { content: "\e60c"; } .e-icons.e-copy-3:before { content: "\e60d"; } .e-icons.e-search-4:before { content: "\e60e"; } .e-icons.e-upload-1:before { content: "\e60f"; } .e-icons.e-back:before { content: "\e610"; } .e-icons.e-select-all:before { content: "\e611"; } .e-icons.e-sorting-2:before { content: "\e612"; } .e-icons.e-more-vertical-5:before { content: "\e613"; } .e-icons.e-check-3:before { content: "\e614"; } .e-icons.e-more-horizontal-3:before { content: "\e615"; } .e-icons.e-export-excel-2:before { content: "\e700"; } .e-icons.e-export-csv-2:before { content: "\e701"; } .e-icons.e-save-4:before { content: "\e703"; } .e-icons.e-save-as:before { content: "\e704"; } .e-icons.e-export:before { content: "\e711"; } .e-icons.e-delete-5:before { content: "\e706"; } .e-icons.e-grand-total:before { content: "\e707"; } .e-icons.e-table-2:before { content: "\e708"; } .e-icons.e-sub-total:before { content: "\e709"; } .e-icons.e-file-new:before { content: "\e712"; } .e-icons.e-number-formatting:before { content: "\e70b"; } .e-icons.e-rename-2:before { content: "\e70c"; } .e-icons.e-export-pdf-2:before { content: "\e70d"; } .e-icons.e-full-screen-2:before { content: "\e70e"; } .e-icons.e-chart:before { content: "\e70f"; } .e-icons.e-upload-2:before { content: "\e710"; } .e-icons.e-font-type:before { content: "\e273"; } .e-icons.e-close-6:before { content: "\eb36"; } .e-icons.e-line-spacing:before { content: "\eb37"; } .e-icons.e-lock:before { content: "\eb3a"; } .e-icons.e-border-outer:before { content: "\eb66"; } .e-icons.e-link-3:before { content: "\eb3c"; } .e-icons.e-align-bottom-2:before { content: "\eb3d"; } .e-icons.e-border-all-2:before { content: "\eb3e"; } .e-icons.e-table-of-content:before { content: "\eb41"; } .e-icons.e-page-numbering:before { content: "\eb43"; } .e-icons.e-bold-2:before { content: "\eb47"; } .e-icons.e-align-top-2:before { content: "\eb49"; } .e-icons.e-align-middle-3:before { content: "\eb4a"; } .e-icons.e-page-setup:before { content: "\eb4c"; } .e-icons.e-stroke-style:before { content: "\eb4d"; } .e-icons.e-image-2:before { content: "\eb4f"; } .e-icons.e-bookmark-fill:before { content: "\eb51"; } .e-icons.e-header:before { content: "\eb53"; } .e-icons.e-list-unordered-3:before { content: "\eb5b"; } .e-icons.e-show-hide-panel:before { content: "\eb5d"; } .e-icons.e-align-right-2:before { content: "\eb5f"; } .e-icons.e-footer:before { content: "\eb60"; } .e-icons.e-border-all:before { content: "\eb95"; } .e-icons.e-border-inner:before { content: "\eb88"; } .e-icons.e-cell:before { content: "\eb93"; } .e-icons.e-align-top-3:before { content: "\eb35"; } .e-icons.e-align-bottom-3:before { content: "\eb0e"; } .e-icons.e-align-middle-4:before { content: "\eb0d"; } .e-icons.e-check-4:before { content: "\e935"; } .e-icons.e-break:before { content: "\eba6"; } .e-icons.e-break-page-2:before { content: "\eba0"; } .e-icons.e-break-section:before { content: "\eba2"; } .e-icons.e-auto-fit-content:before { content: "\eba8"; } .e-icons.e-fixed-column-width:before { content: "\eba9"; } .e-icons.e-auto-fit-window:before { content: "\ebaa"; } .e-icons.e-bring-forward:before { content: "\e5a1"; } .e-icons.e-bring-to-front:before { content: "\e5a2"; } .e-icons.e-send-to-back:before { content: "\e5a3"; } .e-icons.e-send-backward:before { content: "\e5a4"; } .e-icons.e-ungroup-1:before { content: "\e5a6"; } .e-icons.e-group-1:before { content: "\e5a7"; } .e-icons.e-order:before { content: "\e4a4"; } .e-icons.e-chevron-up-small-2:before { content: "\e651"; } .e-icons.e-chevron-down-small-2:before { content: "\e652"; } .e-icons.e-chevron-right-small-2:before { content: "\e653"; } .e-icons.e-chevron-left-small-2:before { content: "\e654"; } .e-icons.e-chevron-right-double-2:before { content: "\e655"; } .e-icons.e-chevron-left-double-2:before { content: "\e656"; } .e-icons.e-zoom-to-fit:before { content: "\e657"; } .e-icons.e-add-above:before { content: "\e658"; } .e-icons.e-add-below:before { content: "\e659"; } .e-icons.e-line:before { content: "\e668"; } .e-icons.e-arrow-right-up:before { content: "\e669"; } .e-icons.e-rectangle:before { content: "\e670"; } .e-icons.e-circle:before { content: "\e671"; } .e-icons.e-pentagan:before { content: "\e672"; } .e-icons.e-length:before { content: "\e673"; } .e-icons.e-perimeter:before { content: "\e674"; } .e-icons.e-area:before { content: "\e675"; } .e-icons.e-radius:before { content: "\e676"; } .e-icons.e-volume:before { content: "\e677"; } .e-icons.e-change-scale-ratio:before { content: "\e678"; } .e-icons.e-settings:before { content: "\e679"; } .e-icons.e-comment-2:before { content: "\e680"; } .e-icons.e-thumbs-down-1:before { content: "\e681"; } .e-icons.e-thumbs-up:before { content: "\e682"; } .e-icons.e-thumbs-down-2:before { content: "\e683"; } .e-icons.e-export-jpg:before { content: "\e713"; } .e-icons.e-export-png:before { content: "\e715"; } .e-icons.e-export-svg:before { content: "\e716"; } .e-icons.e-conditional-formatting:before { content: "\e725"; } .e-icons.e-hide-formula-bar:before { content: "\e717"; } .e-icons.e-hide-headings:before { content: "\e718"; } .e-icons.e-hide-gridlines:before { content: "\e719"; } .e-icons.e-eye-slash:before { content: "\e721"; } .e-icons.e-export-xls:before { content: "\e726"; } .e-icons.e-export-csv-3:before { content: "\e727"; } .e-icons.e-mdx:before { content: "\e724"; } .e-icons.e-rename-3:before { content: "\e728"; } .e-icons.e-folder-open:before { content: "\e65f"; } .e-icons.e-named-set:before { content: "\e65d"; } .e-icons.e-grip-vertical:before { content: "\e65c"; } .e-icons.e-dimension:before { content: "\e65b"; } .e-icons.e-level-1:before { content: "\e65a"; } .e-icons.e-level-2:before { content: "\e662"; } .e-icons.e-level-3:before { content: "\e65e"; } .e-icons.e-level-4:before { content: "\e660"; } .e-icons.e-level-5:before { content: "\e661"; } .e-icons.e-user-defined:before { content: "\e663"; } .e-icons.e-kpi:before { content: "\e664"; } .e-icons.e-sort-down:before { content: "\e665"; } .e-icons.e-sorting-3:before { content: "\e666"; } .e-icons.e-sort-up:before { content: "\e667"; } .e-icons.e-calculated-member:before { content: "\e729"; } .e-icons.e-custom-sort:before { content: "\e732"; } .e-icons.e-sort-descending:before { content: "\e733"; } .e-icons.e-sort-ascending:before { content: "\e734"; } .e-icons.e-comment-add:before { content: "\e814"; } .e-icons.e-reply:before { content: "\e815"; } .e-icons.e-send-1:before { content: "\e816"; } .e-icons.e-comment-show:before { content: "\e817"; } .e-icons.e-signature:before { content: "\e737"; } .e-icons.e-filter-main:before { content: "\e736"; } .e-icons.e-text-wrap:before { content: "\e824"; } .e-icons.e-unfiltered:before { content: "\e73a"; } .e-icons.e-filtered-sort-descending:before { content: "\e73b"; } .e-icons.e-sort-descending-2:before { content: "\e73c"; } .e-icons.e-sort-ascending-2:before { content: "\e73d"; } .e-icons.e-filtered-sort-ascending:before { content: "\e73e"; } .e-icons.e-filtered:before { content: "\e73f"; } .e-icons.e-filter-clear-3:before { content: "\e738"; } .e-icons.e-reapply:before { content: "\e74a"; } .e-icons.e-group-2:before { content: "\e74b"; } .e-icons.e-ungroup-2:before { content: "\e74c"; } .e-icons.e-paste-text-only:before { content: "\e685"; } .e-icons.e-paste-style:before { content: "\e686"; } .e-icons.e-paste-special:before { content: "\e687"; } .e-icons.e-paste-match-destination:before { content: "\e688"; } .e-icons.e-spell-check:before { content: "\e689"; } .e-icons.e-comment-reopen:before { content: "\e818"; } .e-icons.e-web-layout:before { content: "\e193"; } .e-icons.e-print-layout:before { content: "\e194"; } .e-icons.e-border-none:before { content: "\e195"; } .e-icons.e-data-validation:before { content: "\e196"; } .e-icons.e-protect-sheet:before { content: "\e197"; } .e-icons.e-text-form:before { content: "\e198"; } .e-icons.e-properties-2:before { content: "\e199"; } .e-icons.e-clear-form:before { content: "\e19a"; } .e-icons.e-drop-down:before { content: "\e19b"; } .e-icons.e-form-field:before { content: "\e19c"; } .e-icons.e-check-box:before { content: "\e192"; } .e-icons.e-table-update:before { content: "\e19e"; } .e-icons.e-changes-accept:before { content: "\e19f"; } .e-icons.e-display-for-review:before { content: "\e203"; } .e-icons.e-changes-reject:before { content: "\e204"; } .e-icons.e-changes-previous:before { content: "\e205"; } .e-icons.e-show-markup:before { content: "\e206"; } .e-icons.e-changes-next:before { content: "\e209"; } .e-icons.e-changes-track:before { content: "\e20a"; } .e-icons.e-conditional-formatting-large:before { content: "\e401"; } .e-icons.e-highlight:before { content: "\e402"; } .e-icons.e-top-bottom-rules:before { content: "\e403"; } .e-icons.e-data-bars:before { content: "\e404"; } .e-icons.e-color-scales:before { content: "\e405"; } .e-icons.e-iconsets:before { content: "\e406"; } .e-icons.e-clear-rules:before { content: "\e407"; } .e-icons.e-new-rules:before { content: "\e408"; } .e-icons.e-greater-than:before { content: "\e409"; } .e-icons.e-less-than:before { content: "\e410"; } .e-icons.e-between:before { content: "\e411"; } .e-icons.e-equalto:before { content: "\e412"; } .e-icons.e-text-that-contains:before { content: "\e413"; } .e-icons.e-date-occurring:before { content: "\e414"; } .e-icons.e-top-10:before { content: "\e415"; } .e-icons.e-bottom-10-items:before { content: "\e416"; } .e-icons.e-bottom-10:before { content: "\e417"; } .e-icons.e-above-average:before { content: "\e418"; } .e-icons.e-below-average:before { content: "\e419"; } .e-icons.e-duplicate-cell:before { content: "\e420"; } .e-icons.e-footnote:before { content: "\e435"; } .e-icons.e-end-footnote:before { content: "\e436"; } .e-icons.e-chart-insert-column:before { content: "\e440"; } .e-icons.e-chart-data-table:before { content: "\e441"; } .e-icons.e-chart-legend:before { content: "\e442"; } .e-icons.e-chart-insert-x-y-scatter:before { content: "\e443"; } .e-icons.e-chart-insert-waterfall:before { content: "\e444"; } .e-icons.e-chart-updown-bars:before { content: "\e445"; } .e-icons.e-add-chart-element:before { content: "\e446"; } .e-icons.e-chart-gridlines:before { content: "\e447"; } .e-icons.e-insert-hierarchy-charts:before { content: "\e448"; } .e-icons.e-chart-insert-line:before { content: "\e449"; } .e-icons.e-chart-switch-row-column:before { content: "\e450"; } .e-icons.e-chart-error-bars:before { content: "\e451"; } .e-icons.e-chart-trendline:before { content: "\e452"; } .e-icons.e-chart-axes:before { content: "\e453"; } .e-icons.e-chart-select-data:before { content: "\e454"; } .e-icons.e-chart-lines:before { content: "\e455"; } .e-icons.e-chart-axis-titles:before { content: "\e456"; } .e-icons.e-chart-title:before { content: "\e457"; } .e-icons.e-chart-insert-pie:before { content: "\e458"; } .e-icons.e-change-chart-type:before { content: "\e459"; } .e-icons.e-insert-statistic-chart:before { content: "\e460"; } .e-icons.e-chart-data-labels:before { content: "\e461"; } .e-icons.e-chart-insert-combo:before { content: "\e462"; } .e-icons.e-chart-axis-titles-primary-horizontal:before { content: "\e486"; } .e-icons.e-chart-linear-forecast:before { content: "\e487"; } .e-icons.e-chart-legend-none:before { content: "\e488"; } .e-icons.e-chart-legend-right:before { content: "\e489"; } .e-icons.e-chart-data-callout:before { content: "\e490"; } .e-icons.e-chart-primary-minor-vertical:before { content: "\e491"; } .e-icons.e-chart-axes-primary-vertical:before { content: "\e492"; } .e-icons.e-chart-data-labels-center:before { content: "\e493"; } .e-icons.e-chart-data-table-none:before { content: "\e115"; } .e-icons.e-chart-data-labels-none:before { content: "\e495"; } .e-icons.e-chart-primary-major-vertical:before { content: "\e496"; } .e-icons.e-chart-legend-linear:before { content: "\e497"; } .e-icons.e-chart-error-bars-percentage:before { content: "\e498"; } .e-icons.e-chart-no-legend-keys:before { content: "\e499"; } .e-icons.e-chart-title-above-chart:before { content: "\e121"; } .e-icons.e-chart-trendline-none:before { content: "\e122"; } .e-icons.e-chart-with-legend-keys:before { content: "\e123"; } .e-icons.e-chart-axes-primary-horizontal:before { content: "\e124"; } .e-icons.e-chart-error-bars-standard-deviation:before { content: "\e125"; } .e-icons.e-chart-legend-top:before { content: "\e126"; } .e-icons.e-chart-primary-minor-horizontal:before { content: "\e145"; } .e-icons.e-chart-error-bars-none:before { content: "\e127"; } .e-icons.e-chart-up-down-bars-2:before { content: "\e128"; } .e-icons.e-chart-drop-lines:before { content: "\e129"; } .e-icons.e-chart-lines-none:before { content: "\e130"; } .e-icons.e-chart-primary-major-horizontal:before { content: "\e131"; } .e-icons.e-chart-legend-bottom:before { content: "\e132"; } .e-icons.e-chart-up-down-none:before { content: "\e111"; } .e-icons.e-chart-data-labels-outside-end:before { content: "\e905"; } .e-icons.e-chart-axis-titles-primary-vertical:before { content: "\e143"; } .e-icons.e-chart-legend-left:before { content: "\e892"; } .e-icons.e-chart-data-labels-inside-base:before { content: "\e893"; } .e-icons.e-chart-high-low-lines:before { content: "\e894"; } .e-icons.e-chart-trendline-exponential:before { content: "\e133"; } .e-icons.e-chart-trendline-moving-average:before { content: "\e134"; } .e-icons.e-chart-data-labels-inside-end:before { content: "\e135"; } .e-icons.e-chart-title-none:before { content: "\e136"; } .e-icons.e-chart-title-centered-overlay:before { content: "\e895"; } .e-icons.e-chart-error-bars-standard-error:before { content: "\e911"; } .e-icons.e-chart-3d-area-1:before { content: "\e144"; } .e-icons.e-chart-2d-stacked-bar:before { content: "\e889"; } .e-icons.e-chart-3d-surface-1:before { content: "\e827"; } .e-icons.e-chart-histogram-pareto:before { content: "\e114"; } .e-icons.e-chart-stock-volumn-open-high-low-close:before { content: "\e137"; } .e-icons.e-chart-stock-high-low-close:before { content: "\e138"; } .e-icons.e-chart-stock-open-high-low-close:before { content: "\e831"; } .e-icons.e-chart-2d-line-100-stacked-line-with-markers:before { content: "\e832"; } .e-icons.e-chart-filled-radar:before { content: "\e833"; } .e-icons.e-chart-3d-clustered-column:before { content: "\e142"; } .e-icons.e-chart-sunburst:before { content: "\e835"; } .e-icons.e-chart-treemap:before { content: "\e836"; } .e-icons.e-chart-3d-100-percent-stacked-area:before { content: "\e139"; } .e-icons.e-chart-3d-pie:before { content: "\e838"; } .e-icons.e-chart-3d-column-4:before { content: "\e839"; } .e-icons.e-more-column-charts:before { content: "\e899"; } .e-icons.e-chart-2d-stacked-line:before { content: "\e841"; } .e-icons.e-chart-donut:before { content: "\e112"; } .e-icons.e-chart-3d-clustered-bar:before { content: "\e843"; } .e-icons.e-chart-funnel:before { content: "\e140"; } .e-icons.e-chart-2d-pie-2:before { content: "\e141"; } .e-icons.e-chart-3d-line:before { content: "\e846"; } .e-icons.e-chart-2d-clustered-column:before { content: "\e847"; } .e-icons.e-chart-2d-100-percent-stacked-area:before { content: "\e900"; } .e-icons.e-more-line-charts:before { content: "\e849"; } .e-icons.e-chart-3d-100-percent-stacked-bar:before { content: "\e850"; } .e-icons.e-more-stock-charts:before { content: "\e851"; } .e-icons.e-chart-stock-volumn-high-low-close:before { content: "\e852"; } .e-icons.e-chart-bar-of-pie:before { content: "\e113"; } .e-icons.e-chart-clustered-column-line-on-secondary-axis:before { content: "\e912"; } .e-icons.e-chart-2d-clustered-bar:before { content: "\e855"; } .e-icons.e-chart-radar:before { content: "\e856"; } .e-icons.e-chart-3d-100-percent-stacked-column:before { content: "\e857"; } .e-icons.e-chart-stackedlines-with-markers:before { content: "\e858"; } .e-icons.e-chart-wireframe-3d-surface:before { content: "\e902"; } .e-icons.e-chart-2d-line-with-markers:before { content: "\e860"; } .e-icons.e-chart-box-and-whisker:before { content: "\e861"; } .e-icons.e-create-custom-combo-chart:before { content: "\e862"; } .e-icons.e-chart-2d-100-percent-stacked-bar:before { content: "\e863"; } .e-icons.e-chart-scatter-with-straight-lines:before { content: "\e864"; } .e-icons.e-more-statistical-charts:before { content: "\e865"; } .e-icons.e-chart-3d-stacked-area:before { content: "\e866"; } .e-icons.e-chart-2d-line:before { content: "\e867"; } .e-icons.e-chart-2d-100-percent-stacked-column:before { content: "\e868"; } .e-icons.e-more-pie-charts:before { content: "\e869"; } .e-icons.e-chart-bubble-1:before { content: "\e870"; } .e-icons.e-chart-2d-100-percent-stacked-line:before { content: "\e871"; } .e-icons.e-chart-histogram:before { content: "\e872"; } .e-icons.e-more-hierarchy-charts:before { content: "\e873"; } .e-icons.e-chart-combo-clustered-column-line:before { content: "\e874"; } .e-icons.e-chart-2d-stacked-area:before { content: "\e875"; } .e-icons.e-chart-3d-stacked-column:before { content: "\e876"; } .e-icons.e-chart-insert-bar:before { content: "\e877"; } .e-icons.e-chart-scatter-with-smooth-lines:before { content: "\e878"; } .e-icons.e-chart-surface-wireframe-contour:before { content: "\e879"; } .e-icons.e-chart-3d-stacked-bar:before { content: "\e880"; } .e-icons.e-chart-2d-pie-of-pie:before { content: "\e881"; } .e-icons.e-chart-3d-surface-2:before { content: "\e882"; } .e-icons.e-chart-2d-area:before { content: "\e883"; } .e-icons.e-chart-combo-stacked-area-clustered-column:before { content: "\e884"; } .e-icons.e-chart-waterfall:before { content: "\e885"; } .e-icons.e-chart-surface-contour:before { content: "\e886"; } .e-icons.e-more-scatter-charts:before { content: "\e887"; } .e-icons.e-chart-2d-stacked-column:before { content: "\e888"; } .e-icons.e-protect-workbook:before { content: "\e88a"; } .e-icons.e-change-case:before { content: "\e88c"; } .e-icons.e-export-pdf-3:before { content: "\e88b"; } .e-icons.e-freeze-pane:before { content: "\e88d"; } .e-icons.e-freeze-first-column:before { content: "\e88e"; } .e-icons.e-freeze-top-row:before { content: "\e88f"; } .e-icons.e-merge-cells:before { content: "\e89a"; } .e-icons.e-split-vertical:before { content: "\e89b"; } .e-icons.e-table-cell:before { content: "\e89c"; } .e-icons.e-split-horizontal:before { content: "\e89d"; } .e-icons.e-list-box:before { content: "\e89e"; } .e-icons.e-text-form-2:before { content: "\e89f"; } .e-icons.e-label:before { content: "\e90a"; } .e-icons.e-check-box-2:before { content: "\e90b"; } .e-icons.e-add-edit-form-field:before { content: "\e90c"; } .e-icons.e-button:before { content: "\e90d"; } .e-icons.e-drop-down-2:before { content: "\e90e"; } .e-icons.e-radio-button:before { content: "\e90f"; } .e-icons.e-password:before { content: "\e91a"; } .e-icons.e-table-insert-column:before { content: "\e91b"; } .e-icons.e-table-insert-row:before { content: "\e91c"; } .e-icons.e-table-overwrite-cells:before { content: "\e91d"; } .e-icons.e-table-nested:before { content: "\e91e"; } .e-icons.e-table-merge:before { content: "\e91f"; } .e-icons.e-drag-fill:before { content: "\e92a"; } .e-icons.e-home:before { content: "\e92b"; } /*! common core */ .e-control, .e-css { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 12px; font-weight: normal; } .sf-license-warning { background: #e82824; color: #fff; font-family: 'Segoe UI'; font-size: medium; left: 0; line-height: 45px; opacity: .75; position: fixed; right: 0; text-align: center; top: 0; z-index: 999999999; } .sf-license-close-btn { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg=="); cursor: pointer; height: 20px; margin-top: 14px; padding-top: 10px; position: absolute; right: 20px; width: 20px; } .sf-license-warning a, .sf-license-warning a:hover { color: #ffd800; } .e-error { color: #f44336; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 12px; font-weight: normal; } .e-control, .e-control [class^='e-'], .e-control [class*=' e-'] { box-sizing: border-box; } .e-control:focus, .e-control *:focus { outline: none; } .e-rtl { direction: rtl; text-align: right; } .e-overlay { background-color: #383838; filter: alpha(opacity=50); height: 100%; opacity: .5; pointer-events: none; touch-action: none; width: 100%; } .e-hidden { display: none; } .e-blazor-hidden { visibility: hidden; } .e-disabled { background-image: none; cursor: default; filter: alpha(Opacity=35); opacity: .35; } .e-ul { list-style-type: none; } .e-prevent-select { -webkit-user-select: none; user-select: none; } .e-warning { color: #ffca1c; } .e-success { color: #22b24b; } .e-information { color: #489bd5; } .e-block-touch { touch-action: pinch-zoom; } /*! animation keyframes */ @keyframes SlideLeftOut { from { transform: translate(0, 0); } to { transform: translate(-100%, 0); } } @keyframes SlideLeftIn { from { transform: translate(-100%, 0); } to { transform: translate(0, 0); } } @keyframes SlideRightIn { from { transform: translate(100%, 0); } to { transform: translate(0, 0); } } @keyframes SlideRightOut { from { transform: translate(0, 0); } to { transform: translate(100%, 0); } } @keyframes SlideBottomIn { from { transform: translate(0, 100%); } to { transform: translate(0, 0); } } @keyframes SlideBottomOut { from { transform: translate(0, 0); } to { transform: translate(0, 100%); } } @keyframes SlideTopIn { from { transform: translate(0, -100%); } to { transform: translate(0, 0); } } @keyframes SlideTopOut { from { transform: translate(0, 0); } to { transform: translate(0, -100%); } } @keyframes SlideRight { from { width: 0; } to { width: 100%; } } @keyframes SlideLeft { from { width: 100%; } to { width: 0; } } @keyframes SlideDown { from { height: 0; } to { height: 100%; } } @keyframes SlideUp { from { height: 100%; } to { height: 0; } } @keyframes FadeIn { 0% { filter: alpha(opacity=0); opacity: 0; } 100% { filter: alpha(opacity=100); opacity: 1; } } @keyframes FadeOut { from { filter: alpha(opacity=100); opacity: 1; } to { filter: alpha(opacity=0); opacity: 0; } } @keyframes ZoomIn { from { transform: translate(0, 0) scale(0); } to { transform: translate(0, 0) scale(1); } } @keyframes ZoomOut { from { transform: translate(0, 0) scale(1); } to { transform: translate(0, 0) scale(0); } } @keyframes FadeZoomIn { from { filter: alpha(opacity=0); opacity: 0; transform: scale(0); } to { filter: alpha(opacity=100); opacity: 1; transform: scale(1); } } @keyframes FadeZoomOut { from { filter: alpha(opacity=100); opacity: 1; transform: scale(1); } to { filter: alpha(opacity=0); opacity: 0; transform: scale(0); } } @keyframes FlipRightDownIn { from { transform: perspective(400px) rotateY(-180deg); transform-origin: right center; transform-style: preserve-3d; } to { transform: rotateY(0deg); transform-origin: right center; transform-style: preserve-3d; } } @keyframes FlipRightDownOut { from { transform: perspective(400px) rotateY(0deg); transform-origin: right center; transform-style: preserve-3d; } to { transform: rotateY(-180deg); transform-origin: right center; transform-style: preserve-3d; } } @keyframes FlipRightUpIn { from { transform: perspective(400px) rotateY(135deg); transform-origin: right center; transform-style: preserve-3d; } to { transform: rotateY(0deg); transform-origin: right center; transform-style: preserve-3d; } } @keyframes FlipRightUpOut { from { transform: perspective(400px) rotateY(0deg); transform-origin: right center; transform-style: preserve-3d; } to { transform: rotateY(135deg); transform-origin: right center; transform-style: preserve-3d; } } @keyframes FlipLeftDownIn { from { transform: perspective(400px) rotateY(-180deg); transform-origin: left center; transform-style: preserve-3d; } to { transform: rotateY(0deg); transform-origin: left center; transform-style: preserve-3d; } } @keyframes FlipLeftDownOut { from { transform: perspective(400px) rotateY(0deg); transform-origin: left center; transform-style: preserve-3d; } to { transform: rotateY(135deg); transform-origin: left center; transform-style: preserve-3d; } } @keyframes FlipLeftUpIn { from { transform: perspective(400px) rotateY(-135deg); transform-origin: left center; transform-style: preserve-3d; } to { transform: rotateY(0deg); transform-origin: left center; transform-style: preserve-3d; } } @keyframes FlipLeftUpOut { from { transform: perspective(400px) rotateY(0deg); transform-origin: left center; transform-style: preserve-3d; } to { transform: rotateY(135deg) perspective(200px); transform-origin: left center; transform-style: preserve-3d; } } @keyframes FlipYLeftIn { from { filter: alpha(opacity=0); opacity: 0; transform: perspective(400px) rotateY(180deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateY(90deg); } to { filter: alpha(opacity=100); opacity: 1; transform: rotateY(0deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipYLeftOut { from { filter: alpha(opacity=100); opacity: 1; transform: perspective(400px) rotateY(0deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateY(90deg); } 75% { transform: perspective(850px) rotateY(125deg); } to { filter: alpha(opacity=0); opacity: 0; transform: rotateY(180deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipYRightIn { from { filter: alpha(opacity=0); opacity: 0; transform: perspective(400px) rotateY(-180deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateY(-90deg); } to { filter: alpha(opacity=100); opacity: 1; transform: rotateY(0deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipYRightOut { from { filter: alpha(opacity=100); opacity: 1; transform: perspective(400px) rotateY(0deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateY(-90deg); } to { filter: alpha(opacity=0); opacity: 0; transform: rotateY(-180deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipXDownIn { from { filter: alpha(opacity=0); opacity: 0; transform: perspective(400px) rotateX(180deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateX(90deg); } to { filter: alpha(opacity=100); opacity: 1; transform: rotateX(0deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipXDownOut { from { filter: alpha(opacity=100); opacity: 1; transform: perspective(400px) rotateX(0deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateX(90deg); } 75% { transform: perspective(850px) rotateX(125deg); } to { filter: alpha(opacity=0); opacity: 0; transform: rotateX(180deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipXUpIn { from { filter: alpha(opacity=0); opacity: 0; transform: perspective(400px) rotateX(-180deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateX(-90deg); } to { filter: alpha(opacity=100); opacity: 1; transform: rotateX(0deg); transform-origin: center center; transform-style: preserve-3d; } } @keyframes FlipXUpOut { from { filter: alpha(opacity=100); opacity: 1; transform: perspective(400px) rotateX(0deg); transform-origin: center center; transform-style: preserve-3d; } 50% { transform: perspective(700px) rotateX(-90deg); } to { filter: alpha(opacity=0); opacity: 0; transform: rotateX(-180deg); transform-origin: center center; transform-style: preserve-3d; } } .e-ripple, .e-ripple-style { overflow: hidden; position: relative; transform: translate3d(0, 0, 0); } .e-ripple-element, .e-ripple-style::after { background-color: rgba(0, 0, 0, 0.1); border-radius: 100%; overflow: hidden; pointer-events: none; position: absolute; transform: scale(0); transition: opacity, transform 0ms cubic-bezier(0, 0.1, 0.2, 1); } .e-ripple-style::after { background: rgba(0, 0, 0, 0.3); content: ''; display: block; height: 50%; left: 25%; opacity: 0; top: 25%; transform: scale(3); transition: transform .5s, opacity .5s; width: 50%; } .e-ripple-style:active::after { opacity: 1; transform: scale(0); transition: 0s; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-base/styles/material.css (1) ***! \***********************************************************************************************************************************************************************************************************************************************************/ /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-buttons/styles/material.css (1) ***! \******************************************************************************************************************************************************************************************************************************************************/ /*! button layout */ .e-btn, .e-css.e-btn { -webkit-font-smoothing: antialiased; border: 1px solid; border-radius: 2px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: 500; justify-content: center; line-height: 1.143em; outline: none; padding: 6px 12px 4px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } .e-btn:disabled, .e-css.e-btn:disabled { cursor: default; } .e-btn:hover, .e-btn:focus, .e-css.e-btn:hover, .e-css.e-btn:focus { text-decoration: none; } .e-btn::-moz-focus-inner, .e-css.e-btn::-moz-focus-inner { border: 0; padding: 0; } .e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon { display: inline-block; font-size: 12px; margin-top: -2px; vertical-align: middle; width: 1em; } .e-btn .e-btn-icon.e-icon-left, .e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -0.6667em; width: 2.25em; } .e-btn .e-btn-icon.e-icon-right, .e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -0.6667em; width: 2.25em; } .e-btn .e-btn-icon.e-icon-top, .e-css.e-btn .e-btn-icon.e-icon-top { display: block; margin-top: 0; padding-bottom: 6px; width: auto; } .e-btn .e-btn-icon.e-icon-bottom, .e-css.e-btn .e-btn-icon.e-icon-bottom { display: block; margin-top: 0; padding-top: 6px; width: auto; } .e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn { padding: 6px 7px 4px; } .e-btn.e-top-icon-btn, .e-btn.e-bottom-icon-btn, .e-css.e-btn.e-top-icon-btn, .e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-btn.e-round, .e-css.e-btn.e-round { border-radius: 50%; height: 3em; line-height: 1; padding: 0; width: 3em; } .e-btn.e-round .e-btn-icon, .e-css.e-btn.e-round .e-btn-icon { font-size: 14px; line-height: 2.8572em; margin-top: 0; width: auto; } .e-btn.e-rtl .e-icon-right, .e-css.e-btn.e-rtl .e-icon-right { margin-left: -0.6667em; margin-right: 0; } .e-btn.e-rtl .e-icon-left, .e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.6667em; } .e-btn.e-flat, .e-css.e-btn.e-flat { border: 1px solid; } .e-btn.e-small, .e-css.e-btn.e-small { font-size: 12px; line-height: 1.5834em; padding: 2px 12px 1px; } .e-btn.e-small .e-btn-icon, .e-css.e-btn.e-small .e-btn-icon { font-size: 11px; width: 1.091em; } .e-btn.e-small .e-btn-icon.e-icon-left, .e-css.e-btn.e-small .e-btn-icon.e-icon-left { margin-left: -0.7273em; width: 2.182em; } .e-btn.e-small .e-btn-icon.e-icon-right, .e-css.e-btn.e-small .e-btn-icon.e-icon-right { margin-right: -0.7273em; width: 2.182em; } .e-btn.e-small .e-btn-icon.e-icon-top, .e-css.e-btn.e-small .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-btn.e-small.e-icon-btn, .e-css.e-btn.e-small.e-icon-btn { padding: 2px 5px 1px; } .e-btn.e-small.e-top-icon-btn, .e-btn.e-small.e-bottom-icon-btn, .e-css.e-btn.e-small.e-top-icon-btn, .e-css.e-btn.e-small.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-btn.e-small.e-round, .e-css.e-btn.e-small.e-round { height: 2.5em; line-height: 1; padding: 0; width: 2.5em; } .e-btn.e-small.e-round .e-btn-icon, .e-css.e-btn.e-small.e-round .e-btn-icon { font-size: 12px; line-height: 2.3334em; width: auto; } .e-btn.e-small.e-rtl .e-icon-right, .e-css.e-btn.e-small.e-rtl .e-icon-right { margin-left: -0.7273em; margin-right: 0; } .e-btn.e-small.e-rtl .e-icon-left, .e-css.e-btn.e-small.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.7273em; } .e-btn.e-block, .e-css.e-btn.e-block { display: block; width: 100%; } .e-small .e-btn, .e-small.e-btn, .e-small .e-css.e-btn, .e-small.e-css.e-btn { font-size: 12px; line-height: 1.5834em; padding: 2px 12px 1px; } .e-small .e-btn .e-btn-icon, .e-small.e-btn .e-btn-icon, .e-small .e-css.e-btn .e-btn-icon, .e-small.e-css.e-btn .e-btn-icon { font-size: 11px; width: 1.091em; } .e-small .e-btn .e-btn-icon.e-icon-left, .e-small.e-btn .e-btn-icon.e-icon-left, .e-small .e-css.e-btn .e-btn-icon.e-icon-left, .e-small.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -0.7273em; width: 2.182em; } .e-small .e-btn .e-btn-icon.e-icon-right, .e-small.e-btn .e-btn-icon.e-icon-right, .e-small .e-css.e-btn .e-btn-icon.e-icon-right, .e-small.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -0.7273em; width: 2.182em; } .e-small .e-btn .e-btn-icon.e-icon-top, .e-small.e-btn .e-btn-icon.e-icon-top, .e-small .e-css.e-btn .e-btn-icon.e-icon-top, .e-small.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-small .e-btn .e-btn-icon.e-icon-bottom, .e-small.e-btn .e-btn-icon.e-icon-bottom, .e-small .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-small.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-small .e-btn.e-icon-btn, .e-small.e-btn.e-icon-btn, .e-small .e-css.e-btn.e-icon-btn, .e-small.e-css.e-btn.e-icon-btn { padding: 2px 5px 1px; } .e-small .e-btn.e-top-icon-btn, .e-small .e-btn.e-bottom-icon-btn, .e-small.e-btn.e-top-icon-btn, .e-small.e-btn.e-bottom-icon-btn, .e-small .e-css.e-btn.e-top-icon-btn, .e-small .e-css.e-btn.e-bottom-icon-btn, .e-small.e-css.e-btn.e-top-icon-btn, .e-small.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-small .e-btn.e-round, .e-small.e-btn.e-round, .e-small .e-css.e-btn.e-round, .e-small.e-css.e-btn.e-round { height: 2.5em; line-height: 1; padding: 0; width: 2.5em; } .e-small .e-btn.e-round .e-btn-icon, .e-small.e-btn.e-round .e-btn-icon, .e-small .e-css.e-btn.e-round .e-btn-icon, .e-small.e-css.e-btn.e-round .e-btn-icon { font-size: 12px; line-height: 2.3334em; width: auto; } .e-small .e-btn.e-rtl .e-icon-right, .e-small.e-btn.e-rtl .e-icon-right, .e-small .e-css.e-btn.e-rtl .e-icon-right, .e-small.e-css.e-btn.e-rtl .e-icon-right { margin-left: -0.7273em; margin-right: 0; } .e-small .e-btn.e-rtl .e-icon-left, .e-small.e-btn.e-rtl .e-icon-left, .e-small .e-css.e-btn.e-rtl .e-icon-left, .e-small.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.7273em; } .e-bigger.e-small .e-btn, .e-bigger.e-small .e-btn, .e-bigger.e-small .e-css.e-btn, .e-bigger.e-small.e-css.e-btn { font-size: 14px; line-height: 2em; padding: 3px 16px 1px; } .e-bigger.e-small .e-btn .e-btn-icon, .e-bigger.e-small .e-btn .e-btn-icon, .e-bigger.e-small .e-css.e-btn .e-btn-icon, .e-bigger.e-small.e-css.e-btn .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -1em; width: 2.6667em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -1em; width: 2.6667em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-bigger.e-small .e-btn.e-icon-btn, .e-bigger.e-small .e-btn.e-icon-btn, .e-bigger.e-small .e-css.e-btn.e-icon-btn, .e-bigger.e-small.e-css.e-btn.e-icon-btn { padding: 3px 10px 1px; } .e-bigger.e-small .e-btn.e-top-icon-btn, .e-bigger.e-small .e-btn.e-bottom-icon-btn, .e-bigger.e-small .e-btn.e-top-icon-btn, .e-bigger.e-small .e-btn.e-bottom-icon-btn, .e-bigger.e-small .e-css.e-btn.e-top-icon-btn, .e-bigger.e-small .e-css.e-btn.e-bottom-icon-btn, .e-bigger.e-small.e-css.e-btn.e-top-icon-btn, .e-bigger.e-small.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger.e-small .e-btn.e-round, .e-bigger.e-small .e-btn.e-round, .e-bigger.e-small .e-css.e-btn.e-round, .e-bigger.e-small.e-css.e-btn.e-round { height: 2.8572em; line-height: 1; padding: 0; width: 2.8572em; } .e-bigger.e-small .e-btn.e-round .e-btn-icon, .e-bigger.e-small .e-btn.e-round .e-btn-icon, .e-bigger.e-small .e-css.e-btn.e-round .e-btn-icon, .e-bigger.e-small.e-css.e-btn.e-round .e-btn-icon { font-size: 14px; line-height: 2.7143em; width: auto; } .e-bigger.e-small .e-btn.e-rtl .e-icon-right, .e-bigger.e-small .e-btn.e-rtl .e-icon-right, .e-bigger.e-small .e-css.e-btn.e-rtl .e-icon-right, .e-bigger.e-small.e-css.e-btn.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger.e-small .e-btn.e-rtl .e-icon-left, .e-bigger.e-small .e-btn.e-rtl .e-icon-left, .e-bigger.e-small .e-css.e-btn.e-rtl .e-icon-left, .e-bigger.e-small.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } .e-bigger .e-btn, .e-bigger .e-btn, .e-bigger .e-css.e-btn, .e-bigger.e-css.e-btn { font-size: 14px; line-height: 2em; padding: 4px 16px 2px; } .e-bigger .e-btn .e-btn-icon, .e-bigger .e-btn .e-btn-icon, .e-bigger .e-css.e-btn .e-btn-icon, .e-bigger.e-css.e-btn .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger .e-btn .e-btn-icon.e-icon-left, .e-bigger .e-btn .e-btn-icon.e-icon-left, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-left, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -1em; width: 3em; } .e-bigger .e-btn .e-btn-icon.e-icon-right, .e-bigger .e-btn .e-btn-icon.e-icon-right, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-right, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -1em; width: 3em; } .e-bigger .e-btn .e-btn-icon.e-icon-top, .e-bigger .e-btn .e-btn-icon.e-icon-top, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-top, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 8px; width: auto; } .e-bigger .e-btn .e-btn-icon.e-icon-bottom, .e-bigger .e-btn .e-btn-icon.e-icon-bottom, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 8px; width: auto; } .e-bigger .e-btn.e-icon-btn, .e-bigger .e-btn.e-icon-btn, .e-bigger .e-css.e-btn.e-icon-btn, .e-bigger.e-css.e-btn.e-icon-btn { padding: 4px 11px 2px; } .e-bigger .e-btn.e-top-icon-btn, .e-bigger .e-btn.e-bottom-icon-btn, .e-bigger .e-btn.e-top-icon-btn, .e-bigger .e-btn.e-bottom-icon-btn, .e-bigger .e-css.e-btn.e-top-icon-btn, .e-bigger .e-css.e-btn.e-bottom-icon-btn, .e-bigger.e-css.e-btn.e-top-icon-btn, .e-bigger.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger .e-btn.e-round, .e-bigger .e-btn.e-round, .e-bigger .e-css.e-btn.e-round, .e-bigger.e-css.e-btn.e-round { height: 3.7143em; line-height: 1; padding: 0; width: 3.7143em; } .e-bigger .e-btn.e-round .e-btn-icon, .e-bigger .e-btn.e-round .e-btn-icon, .e-bigger .e-css.e-btn.e-round .e-btn-icon, .e-bigger.e-css.e-btn.e-round .e-btn-icon { font-size: 16px; line-height: 3.125em; width: auto; } .e-bigger .e-btn.e-rtl .e-icon-right, .e-bigger .e-btn.e-rtl .e-icon-right, .e-bigger .e-css.e-btn.e-rtl .e-icon-right, .e-bigger.e-css.e-btn.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger .e-btn.e-rtl .e-icon-left, .e-bigger .e-btn.e-rtl .e-icon-left, .e-bigger .e-css.e-btn.e-rtl .e-icon-left, .e-bigger.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } .e-bigger .e-btn.e-small, .e-bigger .e-btn.e-small, .e-bigger .e-css.e-btn.e-small, .e-bigger.e-css.e-btn.e-small { font-size: 14px; line-height: 2em; padding: 3px 16px 1px; } .e-bigger .e-btn.e-small .e-btn-icon, .e-bigger .e-btn.e-small .e-btn-icon, .e-bigger .e-css.e-btn.e-small .e-btn-icon, .e-bigger.e-css.e-btn.e-small .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-left { margin-left: -1em; width: 2.6667em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-right { margin-right: -1em; width: 2.6667em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-bigger .e-btn.e-small.e-icon-btn, .e-bigger .e-btn.e-small.e-icon-btn, .e-bigger .e-css.e-btn.e-small.e-icon-btn, .e-bigger.e-css.e-btn.e-small.e-icon-btn { padding: 3px 10px 1px; } .e-bigger .e-btn.e-small.e-top-icon-btn, .e-bigger .e-btn.e-small.e-bottom-icon-btn, .e-bigger .e-btn.e-small.e-top-icon-btn, .e-bigger .e-btn.e-small.e-bottom-icon-btn, .e-bigger .e-css.e-btn.e-small.e-top-icon-btn, .e-bigger .e-css.e-btn.e-small.e-bottom-icon-btn, .e-bigger.e-css.e-btn.e-small.e-top-icon-btn, .e-bigger.e-css.e-btn.e-small.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger .e-btn.e-small.e-round, .e-bigger .e-btn.e-small.e-round, .e-bigger .e-css.e-btn.e-small.e-round, .e-bigger.e-css.e-btn.e-small.e-round { height: 2.8572em; line-height: 1; padding: 0; width: 2.8572em; } .e-bigger .e-btn.e-small.e-round .e-btn-icon, .e-bigger .e-btn.e-small.e-round .e-btn-icon, .e-bigger .e-css.e-btn.e-small.e-round .e-btn-icon, .e-bigger.e-css.e-btn.e-small.e-round .e-btn-icon { font-size: 14px; line-height: 2.7143em; width: auto; } .e-bigger .e-btn.e-small.e-rtl .e-icon-right, .e-bigger .e-btn.e-small.e-rtl .e-icon-right, .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-right, .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger .e-btn.e-small.e-rtl .e-icon-left, .e-bigger .e-btn.e-small.e-rtl .e-icon-left, .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-left, .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } /*! button theme */ .e-btn, .e-css.e-btn { -webkit-tap-highlight-color: transparent; background-color: #fafafa; border-color: transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .e-btn:hover, .e-css.e-btn:hover { background-color: rgba(226, 226, 226, 0.9844); border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn:focus, .e-css.e-btn:focus { background-color: rgba(0, 0, 0, 0.18); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn:active, .e-css.e-btn:active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-active, .e-css.e-btn.e-active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn:disabled, .e-css.e-btn:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn .e-ripple-element, .e-css.e-btn .e-ripple-element { background-color: rgba(0, 0, 0, 0.24); } .e-btn.e-round, .e-css.e-btn.e-round { background-color: #fafafa; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-btn.e-round:hover, .e-css.e-btn.e-round:hover { background-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn.e-round:focus, .e-css.e-btn.e-round:focus { background-color: rgba(0, 0, 0, 0.18); border-color: transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; } .e-btn.e-round:active, .e-css.e-btn.e-round:active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; } .e-btn.e-round:disabled, .e-css.e-btn.e-round:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-round.e-primary:focus, .e-css.e-btn.e-round.e-primary:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-success:focus, .e-css.e-btn.e-round.e-success:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-info:focus, .e-css.e-btn.e-round.e-info:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-warning:focus, .e-css.e-btn.e-round.e-warning:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-danger:focus, .e-css.e-btn.e-round.e-danger:focus { outline: #fafafa 0 solid; } .e-btn.e-primary, .e-css.e-btn.e-primary { background-color: #e3165b; border-color: transparent; color: #fff; } .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover { background-color: #e6326f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus { background-color: #ea4e82; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-primary:active, .e-css.e-btn.e-primary:active { background-color: #ec618f; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-primary.e-active, .e-css.e-btn.e-primary.e-active { background-color: #ec618f; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-primary:disabled, .e-css.e-btn.e-primary:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-primary .e-ripple-element, .e-css.e-btn.e-primary .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-success, .e-css.e-btn.e-success { background-color: #4d841d; border-color: transparent; color: #fff; } .e-btn.e-success:hover, .e-css.e-btn.e-success:hover { background-color: #629338; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-success:focus, .e-css.e-btn.e-success:focus { background-color: #78a253; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-success:active, .e-btn.e-success.e-active, .e-css.e-btn.e-success:active, .e-css.e-btn.e-success.e-active { background-color: #86ab65; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-success:disabled, .e-css.e-btn.e-success:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-success .e-ripple-element, .e-css.e-btn.e-success .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-info, .e-css.e-btn.e-info { background-color: #0378d5; border-color: transparent; color: #fff; } .e-btn.e-info:hover, .e-css.e-btn.e-info:hover { background-color: #2188da; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-info:focus, .e-css.e-btn.e-info:focus { background-color: #3f98df; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-info:active, .e-btn.e-info.e-active, .e-css.e-btn.e-info:active, .e-css.e-btn.e-info.e-active { background-color: #54a3e2; color: #fff; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-info:disabled, .e-css.e-btn.e-info:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-info .e-ripple-element, .e-css.e-btn.e-info .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-warning, .e-css.e-btn.e-warning { background-color: #c15700; border-color: transparent; color: #fff; } .e-btn.e-warning:hover, .e-css.e-btn.e-warning:hover { background-color: #c86b1f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-warning:focus, .e-css.e-btn.e-warning:focus { background-color: #d07f3d; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-warning:active, .e-btn.e-warning.e-active, .e-css.e-btn.e-warning:active, .e-css.e-btn.e-warning.e-active { background-color: #d58d52; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-warning:disabled, .e-css.e-btn.e-warning:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-warning .e-ripple-element, .e-css.e-btn.e-warning .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-danger, .e-css.e-btn.e-danger { background-color: #d64113; border-color: transparent; color: #fff; } .e-btn.e-danger:hover, .e-css.e-btn.e-danger:hover { background-color: #db582f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-danger:focus, .e-css.e-btn.e-danger:focus { background-color: #e06f4c; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-danger:active, .e-css.e-btn.e-danger:active { background-color: #e37e5f; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-danger.e-active, .e-css.e-btn.e-danger.e-active { background-color: #e37e5f; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-danger:disabled, .e-css.e-btn.e-danger:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-danger .e-ripple-element, .e-css.e-btn.e-danger .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-flat, .e-css.e-btn.e-flat { background-color: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover { background-color: rgba(0, 0, 0, 0.0348); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-flat:focus, .e-css.e-btn.e-flat:focus { background-color: rgba(0, 0, 0, 0.1044); border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-btn.e-flat:active, .e-btn.e-flat.e-active, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat.e-active { background-color: rgba(0, 0, 0, 0.2088); border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-btn.e-flat:disabled, .e-css.e-btn.e-flat:disabled { background-color: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat .e-ripple-element, .e-css.e-btn.e-flat .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary { background-color: transparent; border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover { background-color: rgba(227, 22, 91, 0.04); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus { background-color: rgba(227, 22, 91, 0.12); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-css.e-btn.e-flat.e-primary:active, .e-css.e-btn.e-flat.e-primary.e-active { background-color: rgba(227, 22, 91, 0.24); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:disabled, .e-css.e-btn.e-flat.e-primary:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-primary .e-ripple-element, .e-css.e-btn.e-flat.e-primary .e-ripple-element { background-color: rgba(227, 22, 91, 0.12); } .e-btn.e-flat.e-success, .e-css.e-btn.e-flat.e-success { background-color: transparent; border-color: transparent; color: #4d841d; } .e-btn.e-flat.e-success:hover, .e-css.e-btn.e-flat.e-success:hover { background-color: rgba(77, 132, 29, 0.04); border-color: transparent; box-shadow: none; color: #4d841d; } .e-btn.e-flat.e-success:focus, .e-css.e-btn.e-flat.e-success:focus { background-color: rgba(77, 132, 29, 0.12); border-color: transparent; color: #4d841d; box-shadow: none; } .e-btn.e-flat.e-success:active, .e-btn.e-flat.e-success.e-active, .e-css.e-btn.e-flat.e-success:active, .e-css.e-btn.e-flat.e-success.e-active { background-color: rgba(77, 132, 29, 0.24); border-color: transparent; color: #4d841d; box-shadow: none; } .e-btn.e-flat.e-success:disabled, .e-css.e-btn.e-flat.e-success:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-success .e-ripple-element, .e-css.e-btn.e-flat.e-success .e-ripple-element { background-color: rgba(77, 132, 29, 0.12); } .e-btn.e-flat.e-info, .e-css.e-btn.e-flat.e-info { background-color: transparent; border-color: transparent; color: #0378d5; } .e-btn.e-flat.e-info:hover, .e-css.e-btn.e-flat.e-info:hover { background-color: rgba(3, 120, 213, 0.04); border-color: transparent; box-shadow: none; color: #0378d5; } .e-btn.e-flat.e-info:focus, .e-css.e-btn.e-flat.e-info:focus { background-color: rgba(3, 120, 213, 0.12); border-color: transparent; color: #0378d5; box-shadow: none; } .e-btn.e-flat.e-info:active, .e-btn.e-flat.e-info.e-active, .e-css.e-btn.e-flat.e-info:active, .e-css.e-btn.e-flat.e-info.e-active { background-color: rgba(3, 120, 213, 0.24); border-color: transparent; color: #0378d5; box-shadow: none; } .e-btn.e-flat.e-info:disabled, .e-css.e-btn.e-flat.e-info:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-info .e-ripple-element, .e-css.e-btn.e-flat.e-info .e-ripple-element { background-color: rgba(3, 120, 213, 0.12); } .e-btn.e-flat.e-warning, .e-css.e-btn.e-flat.e-warning { background-color: transparent; border-color: transparent; color: #c15700; } .e-btn.e-flat.e-warning:hover, .e-css.e-btn.e-flat.e-warning:hover { background-color: rgba(193, 87, 0, 0.04); border-color: transparent; box-shadow: none; color: #c15700; } .e-btn.e-flat.e-warning:focus, .e-css.e-btn.e-flat.e-warning:focus { background-color: rgba(193, 87, 0, 0.12); border-color: transparent; color: #c15700; box-shadow: none; } .e-btn.e-flat.e-warning:active, .e-btn.e-flat.e-warning.e-active, .e-css.e-btn.e-flat.e-warning:active, .e-css.e-btn.e-flat.e-warning.e-active { background-color: rgba(193, 87, 0, 0.24); border-color: transparent; color: #c15700; box-shadow: none; } .e-btn.e-flat.e-warning:disabled, .e-css.e-btn.e-flat.e-warning:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-warning .e-ripple-element, .e-css.e-btn.e-flat.e-warning .e-ripple-element { background-color: rgba(193, 87, 0, 0.12); } .e-btn.e-flat.e-danger, .e-css.e-btn.e-flat.e-danger { background-color: transparent; border-color: transparent; color: #d64113; } .e-btn.e-flat.e-danger:hover, .e-css.e-btn.e-flat.e-danger:hover { background-color: rgba(214, 65, 19, 0.04); border-color: transparent; box-shadow: none; color: #d64113; } .e-btn.e-flat.e-danger:focus, .e-css.e-btn.e-flat.e-danger:focus { background-color: rgba(214, 65, 19, 0.12); border-color: transparent; color: #d64113; box-shadow: none; } .e-btn.e-flat.e-danger:active, .e-btn.e-flat.e-danger.e-active, .e-css.e-btn.e-flat.e-danger:active, .e-css.e-btn.e-flat.e-danger.e-active { background-color: rgba(214, 65, 19, 0.24); border-color: transparent; color: #d64113; box-shadow: none; } .e-btn.e-flat.e-danger:disabled, .e-css.e-btn.e-flat.e-danger:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-danger .e-ripple-element, .e-css.e-btn.e-flat.e-danger .e-ripple-element { background-color: rgba(214, 65, 19, 0.12); } .e-btn.e-outline, .e-css.e-btn.e-outline { background-color: transparent; border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:hover, .e-css.e-btn.e-outline:hover { background-color: rgba(0, 0, 0, 0.12); border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:focus, .e-css.e-btn.e-outline:focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-outline:active, .e-btn.e-outline.e-active, .e-css.e-btn.e-outline:active, .e-css.e-btn.e-outline.e-active { background-color: rgba(0, 0, 0, 0.32); border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:disabled, .e-css.e-btn.e-outline:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-primary, .e-css.e-btn.e-outline.e-primary { background-color: transparent; border-color: #e3165b; color: #e3165b; } .e-btn.e-outline.e-primary:hover, .e-css.e-btn.e-outline.e-primary:hover { background-color: #e6326f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-primary:active, .e-btn.e-outline.e-primary.e-active, .e-css.e-btn.e-outline.e-primary:active, .e-css.e-btn.e-outline.e-primary.e-active { background-color: #ec618f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-primary:disabled, .e-css.e-btn.e-outline.e-primary:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-success, .e-css.e-btn.e-outline.e-success { background-color: transparent; border-color: #4d841d; color: #4d841d; } .e-btn.e-outline.e-success:hover, .e-css.e-btn.e-outline.e-success:hover { background-color: #629338; border-color: transparent; color: #fff; } .e-btn.e-outline.e-success:active, .e-btn.e-outline.e-success.e-active, .e-css.e-btn.e-outline.e-success:active, .e-css.e-btn.e-outline.e-success.e-active { background-color: #86ab65; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-success:disabled, .e-css.e-btn.e-outline.e-success:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-info, .e-css.e-btn.e-outline.e-info { background-color: transparent; border-color: #0378d5; color: #0378d5; } .e-btn.e-outline.e-info:hover, .e-css.e-btn.e-outline.e-info:hover { background-color: #2188da; border-color: transparent; color: #fff; } .e-btn.e-outline.e-info:active, .e-btn.e-outline.e-info.e-active, .e-css.e-btn.e-outline.e-info:active, .e-css.e-btn.e-outline.e-info.e-active { background-color: #54a3e2; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-info:disabled, .e-css.e-btn.e-outline.e-info:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-warning, .e-css.e-btn.e-outline.e-warning { background-color: transparent; border-color: #c15700; color: #c15700; } .e-btn.e-outline.e-warning:hover, .e-css.e-btn.e-outline.e-warning:hover { background-color: #c86b1f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-warning:active, .e-btn.e-outline.e-warning.e-active, .e-css.e-btn.e-outline.e-warning:active, .e-css.e-btn.e-outline.e-warning.e-active { background-color: #d58d52; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-warning:disabled, .e-css.e-btn.e-outline.e-warning:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-danger, .e-css.e-btn.e-outline.e-danger { background-color: transparent; border-color: #d64113; color: #d64113; } .e-btn.e-outline.e-danger:hover, .e-css.e-btn.e-outline.e-danger:hover { background-color: #db582f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-danger:active, .e-btn.e-outline.e-danger.e-active, .e-css.e-btn.e-outline.e-danger:active, .e-css.e-btn.e-outline.e-danger.e-active { background-color: #e37e5f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-danger:disabled, .e-css.e-btn.e-outline.e-danger:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-link, .e-css.e-btn.e-link { background-color: transparent; border-color: transparent; border-radius: 0; box-shadow: none; color: #0d47a1; } .e-btn.e-link:hover, .e-css.e-btn.e-link:hover { border-radius: 0; color: #0a3576; text-decoration: underline; } .e-btn.e-link:focus, .e-css.e-btn.e-link:focus { border-radius: 0; text-decoration: underline; color: #0a3576; } .e-btn.e-link:disabled, .e-css.e-btn.e-link:disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; box-shadow: none; text-decoration: none; } .e-checkbox-wrapper .e-check::before, .e-css.e-checkbox-wrapper .e-check::before { content: '\e933'; } .e-checkbox-wrapper .e-stop::before, .e-css.e-checkbox-wrapper .e-stop::before { content: '\e934'; } /*! checkbox layout */ .e-checkbox-wrapper, .e-css.e-checkbox-wrapper { cursor: pointer; display: inline-block; line-height: 1; outline: none; -webkit-user-select: none; user-select: none; } .e-checkbox-wrapper label, .e-css.e-checkbox-wrapper label { cursor: pointer; display: inline-block; line-height: 0; margin: 0; position: relative; white-space: nowrap; } .e-checkbox-wrapper:focus .e-frame, .e-css.e-checkbox-wrapper:focus .e-frame { box-shadow: none; } .e-checkbox-wrapper .e-ripple-container, .e-css.e-checkbox-wrapper .e-ripple-container { border-radius: 50%; bottom: -9px; height: 36px; left: -9px; pointer-events: none; position: absolute; right: -9px; top: -9px; width: 36px; z-index: 1; } .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label { cursor: pointer; display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: normal; line-height: 18px; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: normal; } .e-checkbox-wrapper .e-checkbox, .e-css.e-checkbox-wrapper .e-checkbox { height: 1px; opacity: 0; position: absolute; width: 1px; } .e-checkbox-wrapper .e-checkbox + .e-label, .e-css.e-checkbox-wrapper .e-checkbox + .e-label { margin-right: 10px; } .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame { border: 2px solid; border-radius: 2px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: 'e-icons'; height: 18px; line-height: 10px; padding: 2px 0; text-align: center; vertical-align: middle; width: 18px; } .e-checkbox-wrapper .e-frame + .e-label, .e-css.e-checkbox-wrapper .e-frame + .e-label { margin-left: 10px; } .e-checkbox-wrapper .e-frame + .e-ripple-container, .e-css.e-checkbox-wrapper .e-frame + .e-ripple-container { left: auto; } .e-checkbox-wrapper .e-check, .e-css.e-checkbox-wrapper .e-check { font-size: 12px; } .e-checkbox-wrapper .e-stop, .e-css.e-checkbox-wrapper .e-stop { font-size: 10px; line-height: 10px; } .e-checkbox-wrapper.e-checkbox-disabled, .e-css.e-checkbox-wrapper.e-checkbox-disabled { cursor: default; pointer-events: none; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame { cursor: default; } .e-checkbox-wrapper.e-checkbox-disabled .e-label, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label { cursor: default; } .e-checkbox-wrapper.e-rtl .e-ripple-container, .e-css.e-checkbox-wrapper.e-rtl .e-ripple-container { right: -9px; } .e-checkbox-wrapper.e-rtl .e-frame, .e-css.e-checkbox-wrapper.e-rtl .e-frame { margin: 0; } .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container { left: -9px; right: auto; } .e-checkbox-wrapper.e-rtl .e-label, .e-css.e-checkbox-wrapper.e-rtl .e-label { margin-left: 0; margin-right: 10px; } .e-checkbox-wrapper.e-rtl .e-label + .e-frame, .e-css.e-checkbox-wrapper.e-rtl .e-label + .e-frame { margin: 0; } .e-checkbox-wrapper.e-rtl .e-checkbox + .e-label, .e-css.e-checkbox-wrapper.e-rtl .e-checkbox + .e-label { margin-left: 10px; margin-right: 0; } .e-checkbox-wrapper.e-small .e-frame, .e-css.e-checkbox-wrapper.e-small .e-frame { height: 14px; line-height: 6px; width: 14px; } .e-checkbox-wrapper.e-small .e-check, .e-css.e-checkbox-wrapper.e-small .e-check { font-size: 10px; } .e-checkbox-wrapper.e-small .e-stop, .e-css.e-checkbox-wrapper.e-small .e-stop { font-size: 8px; line-height: 6px; } .e-checkbox-wrapper.e-small .e-label, .e-css.e-checkbox-wrapper.e-small .e-label { font-size: 13px; line-height: 14px; } .e-checkbox-wrapper.e-small .e-ripple-container, .e-css.e-checkbox-wrapper.e-small .e-ripple-container { bottom: -9px; height: 32px; left: -9px; right: -9px; top: -9px; width: 32px; } .e-small .e-checkbox-wrapper .e-frame, .e-small.e-checkbox-wrapper .e-frame, .e-small .e-css.e-checkbox-wrapper .e-frame, .e-small.e-css.e-checkbox-wrapper .e-frame { height: 14px; line-height: 6px; width: 14px; } .e-small .e-checkbox-wrapper .e-check, .e-small.e-checkbox-wrapper .e-check, .e-small .e-css.e-checkbox-wrapper .e-check, .e-small.e-css.e-checkbox-wrapper .e-check { font-size: 10px; } .e-small .e-checkbox-wrapper .e-stop, .e-small.e-checkbox-wrapper .e-stop, .e-small .e-css.e-checkbox-wrapper .e-stop, .e-small.e-css.e-checkbox-wrapper .e-stop { font-size: 8px; line-height: 6px; } .e-small .e-checkbox-wrapper .e-label, .e-small.e-checkbox-wrapper .e-label, .e-small .e-css.e-checkbox-wrapper .e-label, .e-small.e-css.e-checkbox-wrapper .e-label { font-size: 13px; line-height: 14px; } .e-small .e-checkbox-wrapper .e-ripple-container, .e-small.e-checkbox-wrapper .e-ripple-container, .e-small .e-css.e-checkbox-wrapper .e-ripple-container, .e-small.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 32px; left: -9px; right: -9px; top: -9px; width: 32px; } .e-bigger.e-small .e-checkbox-wrapper .e-frame, .e-bigger.e-small.e-checkbox-wrapper .e-frame, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-frame, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-frame { height: 20px; line-height: 12px; width: 20px; } .e-bigger.e-small .e-checkbox-wrapper .e-check, .e-bigger.e-small.e-checkbox-wrapper .e-check, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-check, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-check { font-size: 12px; } .e-bigger.e-small .e-checkbox-wrapper .e-stop, .e-bigger.e-small.e-checkbox-wrapper .e-stop, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-stop, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-stop { font-size: 10px; line-height: 12px; } .e-bigger.e-small .e-checkbox-wrapper .e-label, .e-bigger.e-small.e-checkbox-wrapper .e-label, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-label, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-label { font-size: 14px; line-height: 20px; } .e-bigger.e-small .e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 38px; left: -9px; right: -9px; top: -9px; width: 38px; } .e-bigger .e-checkbox-wrapper .e-frame, .e-bigger.e-checkbox-wrapper .e-frame, .e-bigger .e-css.e-checkbox-wrapper .e-frame, .e-bigger.e-css.e-checkbox-wrapper .e-frame { height: 22px; line-height: 14px; width: 22px; } .e-bigger .e-checkbox-wrapper .e-frame + .e-label, .e-bigger.e-checkbox-wrapper .e-frame + .e-label, .e-bigger .e-css.e-checkbox-wrapper .e-frame + .e-label, .e-bigger.e-css.e-checkbox-wrapper .e-frame + .e-label { font-size: 14px; line-height: 22px; margin-left: 12px; } .e-bigger .e-checkbox-wrapper .e-check, .e-bigger.e-checkbox-wrapper .e-check, .e-bigger .e-css.e-checkbox-wrapper .e-check, .e-bigger.e-css.e-checkbox-wrapper .e-check { font-size: 16px; } .e-bigger .e-checkbox-wrapper .e-stop, .e-bigger.e-checkbox-wrapper .e-stop, .e-bigger .e-css.e-checkbox-wrapper .e-stop, .e-bigger.e-css.e-checkbox-wrapper .e-stop { font-size: 12px; line-height: 14px; } .e-bigger .e-checkbox-wrapper .e-label, .e-bigger.e-checkbox-wrapper .e-label, .e-bigger .e-css.e-checkbox-wrapper .e-label, .e-bigger.e-css.e-checkbox-wrapper .e-label { font-size: 14px; } .e-bigger .e-checkbox-wrapper .e-ripple-container, .e-bigger.e-checkbox-wrapper .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 40px; left: -9px; right: -9px; top: -9px; width: 40px; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame { margin: 0; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label { margin-left: 0; margin-right: 12px; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container { right: auto; } .e-bigger .e-checkbox-wrapper.e-small .e-frame, .e-bigger.e-checkbox-wrapper.e-small .e-frame, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-frame, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-frame { height: 20px; line-height: 12px; width: 20px; } .e-bigger .e-checkbox-wrapper.e-small .e-check, .e-bigger.e-checkbox-wrapper.e-small .e-check, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-check, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-check { font-size: 12px; } .e-bigger .e-checkbox-wrapper.e-small .e-stop, .e-bigger.e-checkbox-wrapper.e-small .e-stop, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-stop, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-stop { font-size: 10px; line-height: 12px; } .e-bigger .e-checkbox-wrapper.e-small .e-label, .e-bigger.e-checkbox-wrapper.e-small .e-label, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-label, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-label { font-size: 14px; line-height: 20px; } .e-bigger .e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger.e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-ripple-container { bottom: -9px; height: 38px; left: -9px; right: -9px; top: -9px; width: 38px; } /*! checkbox theme */ .e-checkbox-wrapper, .e-css.e-checkbox-wrapper { -webkit-tap-highlight-color: transparent; } .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame { background-color: #fff; border-color: #757575; } .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop { background-color: #fff; border-color: #757575; color: #757575; } .e-checkbox-wrapper .e-ripple-element, .e-css.e-checkbox-wrapper .e-ripple-element { background: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper .e-ripple-check .e-ripple-element, .e-css.e-checkbox-wrapper .e-ripple-check .e-ripple-element { background: rgba(0, 0, 0, 0.26); } .e-checkbox-wrapper:active .e-ripple-element, .e-css.e-checkbox-wrapper:active .e-ripple-element { background: rgba(0, 0, 0, 0.26); } .e-checkbox-wrapper:active .e-ripple-check .e-ripple-element, .e-css.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element { background: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame { background-color: #fff; border-color: #757575; box-shadow: none; } .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check { background-color: #e3165b; border-color: transparent; box-shadow: none; color: #fff; } .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop { box-shadow: none; color: #757575; } .e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame { background-color: #fff; border-color: #757575; box-shadow: none; } .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check { background-color: #e3165b; border-color: transparent; box-shadow: none; color: #fff; } .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-stop { box-shadow: none; color: #757575; } .e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame { background-color: #fff; border-color: #757575; } .e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-checkbox-wrapper:hover .e-frame.e-stop, .e-css.e-checkbox-wrapper:hover .e-frame.e-stop { color: #757575; } .e-checkbox-wrapper:hover .e-label, .e-css.e-checkbox-wrapper:hover .e-label { color: rgba(0, 0, 0, 0.87); } .e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame { background-color: #fff; border-color: #bdbdbd; color: #bdbdbd; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check { background-color: #bdbdbd; border-color: #bdbdbd; color: #fff; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop { background-color: #fff; border-color: #bdbdbd; color: #bdbdbd; } .e-checkbox-wrapper.e-checkbox-disabled .e-label, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label { color: #bdbdbd; } .e-checkbox-wrapper.e-focus .e-ripple-container, .e-css.e-checkbox-wrapper.e-focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check, .e-css.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check { background-color: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper.e-focus .e-frame, .e-css.e-checkbox-wrapper.e-focus .e-frame { outline: #fff 0 solid; outline-offset: 0; } .e-checkbox-wrapper.e-focus .e-frame.e-check, .e-css.e-checkbox-wrapper.e-focus .e-frame.e-check { outline: #fff 0 solid; outline-offset: 0; } /*! radiobutton layout */ .e-radio-wrapper { display: inline-block; line-height: 1; position: relative; } .e-radio { -webkit-appearance: none; height: 1px; opacity: 0; position: absolute; width: 1px; } .e-radio:not(:checked):hover + label.e-rtl::after, .e-radio:not(:checked):hover + label.e-right::after { left: auto; } .e-radio + label { -webkit-tap-highlight-color: transparent; cursor: pointer; display: inline-block; margin: 0; position: relative; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } .e-radio + label .e-label { display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: normal; line-height: 18px; padding-left: 28px; vertical-align: text-top; white-space: normal; } .e-radio + label::before { border: 2px solid; border-radius: 50%; box-sizing: border-box; content: ''; height: 18px; left: 0; position: absolute; top: 0; width: 18px; } .e-radio + label:focus::before { box-shadow: none; } .e-radio + label::after { border: 1px solid; border-radius: 50%; box-sizing: border-box; content: ''; height: 8px; left: 5px; position: absolute; top: 5px; transform: scale(0); width: 8px; } .e-radio + label .e-ripple-container { border-radius: 50%; height: 34px; left: -8px; position: absolute; top: -8px; width: 34px; z-index: 1; } .e-radio + label.e-right .e-label, .e-radio + label.e-rtl .e-label { padding-left: 0; padding-right: 28px; } .e-radio + label.e-right::before, .e-radio + label.e-rtl::before { left: auto; right: 0; } .e-radio + label.e-right::after, .e-radio + label.e-rtl::after { left: auto; right: 5px; } .e-radio + label.e-right .e-ripple-container, .e-radio + label.e-rtl .e-ripple-container { left: auto; right: -8px; } .e-radio + label.e-right.e-rtl .e-label { padding-left: 28px; padding-right: 0; } .e-radio + label.e-right.e-rtl::before { left: 0; right: auto; } .e-radio + label.e-right.e-rtl::after { left: 5px; right: auto; } .e-radio + label.e-right.e-rtl .e-ripple-container { left: -8px; right: auto; } .e-radio + label.e-small .e-label { line-height: 14px; padding-left: 24px; } .e-radio + label.e-small::before { height: 14px; width: 14px; } .e-radio + label.e-small::after { height: 6px; left: 4px; top: 4px; width: 6px; } .e-radio + label.e-small .e-ripple-container { left: -10px; top: -10px; } .e-radio + label.e-small.e-right .e-label, .e-radio + label.e-small.e-rtl .e-label { padding-left: 0; padding-right: 24px; } .e-radio + label.e-small.e-right::after, .e-radio + label.e-small.e-rtl::after { left: auto; right: 4px; } .e-radio + label.e-small.e-right .e-ripple-container, .e-radio + label.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-radio + label.e-small.e-right.e-rtl .e-label { padding-left: 24px; padding-right: 0; } .e-radio + label.e-small.e-right.e-rtl::after { left: 4px; right: auto; } .e-radio + label.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-radio:checked + label::after { transform: scale(1); transition: transform ease 280ms, background-color ease 280ms; } .e-small .e-radio + label .e-label, .e-radio + label.e-small .e-label { line-height: 14px; padding-left: 24px; } .e-small .e-radio + label::before, .e-radio + label.e-small::before { height: 14px; width: 14px; } .e-small .e-radio + label::after, .e-radio + label.e-small::after { height: 6px; left: 4px; top: 4px; width: 6px; } .e-small .e-radio + label .e-ripple-container, .e-radio + label.e-small .e-ripple-container { left: -10px; top: -10px; } .e-small .e-radio + label.e-right .e-label, .e-small .e-radio + label.e-rtl .e-label, .e-radio + label.e-small.e-right .e-label, .e-radio + label.e-small.e-rtl .e-label { padding-left: 0; padding-right: 24px; } .e-small .e-radio + label.e-right::after, .e-small .e-radio + label.e-rtl::after, .e-radio + label.e-small.e-right::after, .e-radio + label.e-small.e-rtl::after { left: auto; right: 4px; } .e-small .e-radio + label.e-right .e-ripple-container, .e-small .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-small.e-right .e-ripple-container, .e-radio + label.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-small .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-small.e-right.e-rtl .e-label { padding-left: 24px; padding-right: 0; } .e-small .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-small.e-right.e-rtl::after { left: 4px; right: auto; } .e-small .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-bigger.e-small .e-radio + label .e-label, .e-radio + label.e-bigger.e-small .e-label { line-height: 20px; padding-left: 32px; } .e-bigger.e-small .e-radio + label::before, .e-radio + label.e-bigger.e-small::before { height: 20px; width: 20px; } .e-bigger.e-small .e-radio + label::after, .e-radio + label.e-bigger.e-small::after { height: 8px; left: 6px; top: 6px; width: 8px; } .e-bigger.e-small .e-radio + label .e-ripple-container, .e-radio + label.e-bigger.e-small .e-ripple-container { height: 40px; left: -10px; top: -10px; width: 40px; } .e-bigger.e-small .e-radio + label.e-right .e-label, .e-bigger.e-small .e-radio + label.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right .e-label, .e-radio + label.e-bigger.e-small.e-rtl .e-label { padding-left: 0; padding-right: 32px; } .e-bigger.e-small .e-radio + label.e-right::after, .e-bigger.e-small .e-radio + label.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right::after, .e-radio + label.e-bigger.e-small.e-rtl::after { left: auto; right: 6px; } .e-bigger.e-small .e-radio + label.e-right .e-ripple-container, .e-bigger.e-small .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right .e-ripple-container, .e-radio + label.e-bigger.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger.e-small .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-label { padding-left: 32px; padding-right: 0; } .e-bigger.e-small .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger.e-small .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-bigger .e-radio + label .e-label, .e-radio + label.e-bigger .e-label { font-size: 14px; line-height: 22px; padding-left: 34px; } .e-bigger .e-radio + label::before, .e-radio + label.e-bigger::before { height: 22px; width: 22px; } .e-bigger .e-radio + label::after, .e-radio + label.e-bigger::after { height: 10px; left: 6px; top: 6px; width: 10px; } .e-bigger .e-radio + label .e-ripple-container, .e-radio + label.e-bigger .e-ripple-container { height: 42px; left: -10px; top: -10px; width: 42px; } .e-bigger .e-radio + label.e-right .e-label, .e-bigger .e-radio + label.e-rtl .e-label, .e-radio + label.e-bigger.e-right .e-label, .e-radio + label.e-bigger.e-rtl .e-label { padding-left: 0; padding-right: 34px; } .e-bigger .e-radio + label.e-right::after, .e-bigger .e-radio + label.e-rtl::after, .e-radio + label.e-bigger.e-right::after, .e-radio + label.e-bigger.e-rtl::after { left: auto; right: 6px; } .e-bigger .e-radio + label.e-right .e-ripple-container, .e-bigger .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-right .e-ripple-container, .e-radio + label.e-bigger.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-right.e-rtl .e-label { padding-left: 34px; padding-right: 0; } .e-bigger .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-bigger.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-right.e-rtl .e-ripple-container { left: -12px; right: auto; } .e-bigger .e-radio + label.e-small .e-label, .e-radio + label.e-bigger.e-small .e-label { line-height: 20px; padding-left: 32px; } .e-bigger .e-radio + label.e-small::before, .e-radio + label.e-bigger.e-small::before { height: 20px; width: 20px; } .e-bigger .e-radio + label.e-small::after, .e-radio + label.e-bigger.e-small::after { height: 8px; left: 6px; top: 6px; width: 8px; } .e-bigger .e-radio + label.e-small .e-ripple-container, .e-radio + label.e-bigger.e-small .e-ripple-container { height: 40px; left: -10px; top: -10px; width: 40px; } .e-bigger .e-radio + label.e-small.e-right .e-label, .e-bigger .e-radio + label.e-small.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right .e-label, .e-radio + label.e-bigger.e-small.e-rtl .e-label { padding-left: 0; padding-right: 32px; } .e-bigger .e-radio + label.e-small.e-right::after, .e-bigger .e-radio + label.e-small.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right::after, .e-radio + label.e-bigger.e-small.e-rtl::after { left: auto; right: 6px; } .e-bigger .e-radio + label.e-small.e-right .e-ripple-container, .e-bigger .e-radio + label.e-small.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right .e-ripple-container, .e-radio + label.e-bigger.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-label { padding-left: 32px; padding-right: 0; } .e-bigger .e-radio + label.e-small.e-right.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } /*! radiobutton theme */ .e-radio + label::before { background-color: #fff; border-color: #757575; } .e-radio + label.e-focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-radio + label .e-label { color: rgba(0, 0, 0, 0.87); } .e-radio + label .e-ripple-element { background-color: rgba(227, 22, 91, 0.26); } .e-radio + label:active .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-radio:focus + label::before { border-color: #e3165b; box-shadow: none; } .e-radio:focus + label::before { border-color: #757575; box-shadow: none; } .e-radio:hover + label::before { border-color: #757575; } .e-radio:checked + label::before { background-color: #fff; border-color: #e3165b; } .e-radio:checked + label::after { background-color: #e3165b; color: #e3165b; } .e-radio:checked + label:active .e-ripple-element { background-color: rgba(227, 22, 91, 0.26); } .e-radio:checked + .e-focus .e-ripple-container { background-color: rgba(227, 22, 91, 0.26); } .e-radio:checked + .e-focus::before { outline: #fff 0 solid; outline-offset: 0; } .e-radio:checked:focus + label::before { border-color: #e3165b; } .e-radio:checked:focus + label::after { background-color: #e3165b; } .e-radio:checked + label:hover::before { border-color: #e3165b; } .e-radio:checked + label:hover::after { background-color: #e3165b; } .e-radio:disabled + label { cursor: default; pointer-events: none; } .e-radio:disabled + label::before { border-color: #bdbdbd; cursor: default; } .e-radio:disabled + label .e-ripple-container { background-color: transparent; } .e-radio:disabled + label .e-ripple-container::after { background-color: transparent; cursor: default; } .e-radio:disabled + label .e-label { color: #bdbdbd; } .e-radio:disabled:checked + label::before { background-color: transparent; border-color: #bdbdbd; } .e-radio:disabled:checked + label::after { background-color: #bdbdbd; border-color: #bdbdbd; cursor: default; } .e-radio:disabled:checked + label .e-ripple-container { background-color: transparent; } .e-radio:disabled:checked + label .e-ripple-container::after { background-color: transparent; } /*! switch layout */ .e-switch-wrapper, .e-css.e-switch-wrapper { cursor: pointer; display: inline-block; height: 12px; position: relative; -webkit-user-select: none; user-select: none; width: 34px; } .e-switch-wrapper .e-switch, .e-css.e-switch-wrapper .e-switch { -moz-appearance: none; height: 1px; opacity: 0; position: absolute; width: 1px; } .e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner { -ms-transition: all 0.08s linear; -webkit-transition: all 0.08s linear; border: none; border-radius: 20px; box-sizing: border-box; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transition: all 0.08s linear; width: 100%; } .e-switch-wrapper .e-switch-on, .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-off { -ms-transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); align-items: center; border-radius: inherit; display: flex; font-family: ""; font-size: small; height: 100%; justify-content: center; left: 0; position: absolute; transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on { left: -100%; text-indent: -9999px; } .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off { left: 0; opacity: 0.42; text-indent: -9999px; } .e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle { -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-radius: 50%; bottom: 0; height: 18px; left: 0; margin: auto 0; position: absolute; top: 0; transition: all 0.2s linear; width: 18px; } .e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on { left: 0; opacity: 0.54; } .e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-off { left: 100%; } .e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } .e-switch-wrapper.e-switch-disabled, .e-css.e-switch-wrapper.e-switch-disabled { cursor: default; } .e-switch-wrapper .e-ripple-container, .e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; bottom: -9px; height: 52px; left: -17px; pointer-events: none; position: absolute; top: -17px; width: 52px; z-index: 1; } .e-switch-wrapper.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } .e-switch-wrapper.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; } .e-switch-wrapper.e-rtl .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { border-radius: 50%; height: 18px; left: 0; margin: auto 0; position: absolute; top: 0; transition: all 0.2s linear; width: 18px; } .e-switch-wrapper.e-small, .e-css.e-switch-wrapper.e-small { height: 10px; width: 26px; } .e-switch-wrapper.e-small .e-switch-handle, .e-css.e-switch-wrapper.e-small .e-switch-handle { height: 16px; width: 16px; } .e-switch-wrapper.e-small .e-ripple-container, .e-css.e-switch-wrapper.e-small .e-ripple-container { border-radius: 50%; height: 36px; left: -10px; pointer-events: none; position: absolute; top: -10px; width: 36px; z-index: 1; } .e-switch-wrapper.e-small .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active { left: 100%; margin-left: -16px; } .e-switch-wrapper.e-small .e-switch-on, .e-switch-wrapper.e-small .e-switch-off, .e-css.e-switch-wrapper.e-small .e-switch-on, .e-css.e-switch-wrapper.e-small .e-switch-off { font-size: 9px; } .e-switch-wrapper.e-small .e-switch-on, .e-css.e-switch-wrapper.e-small .e-switch-on { text-indent: -9999px; } .e-switch-wrapper.e-small .e-switch-off, .e-css.e-switch-wrapper.e-small .e-switch-off { text-indent: -9999px; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { left: 100%; margin-left: -16px; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { height: 16px; width: 16px; } .e-switch-wrapper.e-small.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } .e-switch-wrapper.e-small.e-rtl .e-switch-off, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off { left: 0; } .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active { left: 16px; } *.e-small .e-switch-wrapper, *.e-small.e-switch-wrapper, *.e-small .e-css.e-switch-wrapper, *.e-small.e-css.e-switch-wrapper { height: 10px; width: 26px; } *.e-small .e-switch-wrapper .e-switch-handle, *.e-small.e-switch-wrapper .e-switch-handle, *.e-small .e-css.e-switch-wrapper .e-switch-handle, *.e-small.e-css.e-switch-wrapper .e-switch-handle { height: 16px; width: 16px; } *.e-small .e-switch-wrapper .e-ripple-container, *.e-small.e-switch-wrapper .e-ripple-container, *.e-small .e-css.e-switch-wrapper .e-ripple-container, *.e-small.e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; height: 36px; left: -10px; pointer-events: none; position: absolute; top: -10px; width: 36px; z-index: 1; } *.e-small .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -16px; } *.e-small .e-switch-wrapper .e-switch-on, *.e-small .e-switch-wrapper .e-switch-off, *.e-small.e-switch-wrapper .e-switch-on, *.e-small.e-switch-wrapper .e-switch-off, *.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-small.e-css.e-switch-wrapper .e-switch-on, *.e-small.e-css.e-switch-wrapper .e-switch-off { font-size: 9px; } *.e-small .e-switch-wrapper .e-switch-on, *.e-small.e-switch-wrapper .e-switch-on, *.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-small.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-small .e-switch-wrapper .e-switch-off, *.e-small.e-switch-wrapper .e-switch-off, *.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-small.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -16px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 16px; width: 16px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-on, *.e-small.e-switch-wrapper.e-rtl .e-switch-on, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-small .e-switch-wrapper.e-rtl .e-switch-off, *.e-small.e-switch-wrapper.e-rtl .e-switch-off, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 16px; } *.e-bigger.e-small .e-switch-wrapper, *.e-bigger.e-small.e-switch-wrapper, *.e-bigger.e-small .e-css.e-switch-wrapper, *.e-bigger.e-small.e-css.e-switch-wrapper { height: 12px; width: 34px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-handle { height: 18px; left: 0; top: 0; width: 18px; } *.e-bigger.e-small .e-switch-wrapper .e-ripple-container, *.e-bigger.e-small.e-switch-wrapper .e-ripple-container, *.e-bigger.e-small .e-css.e-switch-wrapper .e-ripple-container, *.e-bigger.e-small.e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; height: 50px; left: -16px; pointer-events: none; position: absolute; top: -16px; width: 50px; z-index: 1; } *.e-bigger.e-small .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-switch-wrapper .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-off { font-size: 9px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-switch-wrapper .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 18px; width: 18px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 18px; } *.e-bigger .e-switch-wrapper, *.e-bigger.e-switch-wrapper, *.e-bigger .e-css.e-switch-wrapper, *.e-bigger.e-css.e-switch-wrapper { height: 14px; width: 36px; } *.e-bigger .e-switch-wrapper .e-switch-handle, *.e-bigger.e-switch-wrapper .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper .e-switch-handle { height: 20px; left: 0; top: 0; width: 20px; } *.e-bigger .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -20px; } *.e-bigger .e-switch-wrapper .e-switch-on, *.e-bigger .e-switch-wrapper .e-switch-off, *.e-bigger.e-switch-wrapper .e-switch-on, *.e-bigger.e-switch-wrapper .e-switch-off, *.e-bigger .e-css.e-switch-wrapper .e-switch-on, *.e-bigger .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-css.e-switch-wrapper .e-switch-off { font-size: 0; } *.e-bigger .e-switch-wrapper .e-switch-on, *.e-bigger.e-switch-wrapper .e-switch-on, *.e-bigger .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-bigger .e-switch-wrapper .e-switch-off, *.e-bigger.e-switch-wrapper .e-switch-off, *.e-bigger .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-bigger .e-switch-wrapper .e-ripple-container, *.e-bigger.e-switch-wrapper .e-ripple-container, *.e-bigger .e-css.e-switch-wrapper .e-ripple-container, *.e-bigger.e-css.e-switch-wrapper .e-ripple-container { height: 52px; left: -16px; top: -16px; width: 52px; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 20px; left: 100%; margin-left: -20px; top: 0; width: 20px; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 20px; } *.e-bigger .e-switch-wrapper.e-small, *.e-bigger.e-switch-wrapper.e-small, *.e-bigger .e-css.e-switch-wrapper.e-small, *.e-bigger.e-css.e-switch-wrapper.e-small { height: 12px; width: 34px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-handle { height: 18px; left: 0; top: 0; width: 18px; } *.e-bigger .e-switch-wrapper.e-small .e-ripple-container, *.e-bigger.e-switch-wrapper.e-small .e-ripple-container, *.e-bigger .e-css.e-switch-wrapper.e-small .e-ripple-container, *.e-bigger.e-css.e-switch-wrapper.e-small .e-ripple-container { border-radius: 50%; height: 50px; left: -16px; pointer-events: none; position: absolute; top: -16px; width: 50px; z-index: 1; } *.e-bigger .e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-switch-wrapper.e-small .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-off { font-size: 9px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-on { text-indent: -9999px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-switch-wrapper.e-small .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-off { text-indent: -9999px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { height: 18px; width: 18px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off { left: 0; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active { left: 18px; } /*! switch theme */ .e-switch-wrapper, .e-css.e-switch-wrapper { -webkit-tap-highlight-color: transparent; } .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off { background-color: #000; color: #fff; } .e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle { background-color: #f5f5f5; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on { background-color: #e3165b; color: #fff; } .e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active { background-color: #fff; border-color: transparent; } .e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner { background-color: initial; } .e-switch-wrapper .e-ripple-element, .e-css.e-switch-wrapper .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper .e-ripple-check .e-ripple-element, .e-css.e-switch-wrapper .e-ripple-check .e-ripple-element { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active { box-shadow: none; } .e-switch-wrapper.e-switch-disabled .e-switch-handle, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-handle { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off { opacity: 0.12; background-color: #000; border-color: #bdbdbd; color: transparent; } .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on { color: transparent; opacity: 0.12; background-color: #000; } .e-switch-wrapper.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner { background-color: #000; border-color: transparent; opacity: 0.12; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; border-color: transparent; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner { border-color: transparent; color: transparent; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on { color: transparent; background-color: #000; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-handle, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-handle { background-color: #bdbdbd; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-handle.e-switch-active { background-color: #bdbdbd; } .e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; } .e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner { background-color: transparent; border-color: inherit; } .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on { background-color: #e3165b; color: #fff; } .e-switch-wrapper:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active), .e-css.e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) { background-color: #f5f5f5; } .e-switch-wrapper.e-focus .e-switch-inner, .e-switch-wrapper:focus .e-switch-inner, .e-css.e-switch-wrapper.e-focus .e-switch-inner, .e-css.e-switch-wrapper:focus .e-switch-inner { background-color: transparent; border-color: transparent; box-shadow: none; outline: none; outline-offset: initial; } .e-switch-wrapper.e-focus .e-switch-inner.e-switch-active, .e-switch-wrapper:focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:focus .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-focus .e-ripple-container, .e-switch-wrapper:focus .e-ripple-container, .e-css.e-switch-wrapper.e-focus .e-ripple-container, .e-css.e-switch-wrapper:focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container, .e-switch-wrapper:focus .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper:focus .e-ripple-check.e-ripple-container { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-active .e-switch-inner, .e-switch-wrapper:active .e-switch-inner, .e-css.e-switch-wrapper.e-active .e-switch-inner, .e-css.e-switch-wrapper:active .e-switch-inner { background-color: transparent; border-color: transparent; box-shadow: none; outline: none; outline-offset: initial; } .e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-switch-wrapper:active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:active .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-active .e-ripple-container, .e-switch-wrapper:active .e-ripple-container, .e-css.e-switch-wrapper.e-active .e-ripple-container, .e-css.e-switch-wrapper:active .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-active .e-ripple-check.e-ripple-container, .e-switch-wrapper:active .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper.e-active .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper:active .e-ripple-check.e-ripple-container { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-rtl.e-focus .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-on { background-color: rgba(227, 22, 91, 0.54); } .e-switch-wrapper.e-rtl.e-focus .e-switch-off, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-off { background-color: rgba(227, 22, 91, 0.54); } .e-switch-wrapper.e-rtl.e-focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-on { background-color: #e3165b; } .e-switch-wrapper.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-rtl .e-switch-handle { background-color: #f5f5f5; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { background-color: #000; } .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active { background-color: #fff; border-color: transparent; } .e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; } .e-switch-wrapper.e-rtl:hover .e-switch-inner, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner { border-color: inherit; } .e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on { background-color: #e3165b; } .e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-on { color: transparent; opacity: 0.12; background-color: #000; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-off, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-off { opacity: 0.12; background-color: #000; color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle.e-switch-active { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner { background-color: #000; border-color: transparent; opacity: 0.12; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on { color: transparent; background-color: #000; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; border-color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner { border-color: transparent; color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle.e-switch-active { background-color: #bdbdbd; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle { background-color: #bdbdbd; } .e-switch-wrapper .e-switch:focus, .e-css.e-switch-wrapper .e-switch:focus { box-shadow: none; } .e-switch-wrapper.e-small.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-small.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; } .e-chip-list .e-chip-delete.e-dlt-btn::before { content: '\e208'; } .e-chip-list.e-multi-selection .e-chip::before { content: '\e933'; } .e-chip-list { display: flex; padding: 4px; } .e-chip-list.e-chip, .e-chip-list .e-chip { -webkit-tap-highlight-color: transparent; align-items: center; border: 0 solid; border-radius: 14px; box-shadow: none; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 400; height: 28px; justify-content: center; line-height: 1.5em; margin: 4px; outline: none; overflow: hidden; padding: 0 10px; position: relative; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; user-select: none; } .e-chip-list.e-chip .e-chip-avatar, .e-chip-list .e-chip .e-chip-avatar { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 13px; height: 28px; justify-content: center; line-height: 1; margin: 0 8px 0 -10px; overflow: hidden; width: 28px; } .e-chip-list.e-chip .e-chip-avatar-wrap, .e-chip-list.e-chip.e-chip-avatar-wrap, .e-chip-list .e-chip .e-chip-avatar-wrap, .e-chip-list .e-chip.e-chip-avatar-wrap { border-radius: 14px; } .e-chip-list.e-chip .e-chip-icon, .e-chip-list .e-chip .e-chip-icon { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; overflow: hidden; width: 20px; } .e-chip-list.e-chip .e-chip-text, .e-chip-list .e-chip .e-chip-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-chip-list.e-chip .e-chip-delete, .e-chip-list .e-chip .e-chip-delete { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 14px; justify-content: center; line-height: 1; margin: 0 -2px 0 8px; overflow: hidden; width: 14px; } .e-chip-list.e-chip .e-chip-delete.e-dlt-btn::before, .e-chip-list .e-chip .e-chip-delete.e-dlt-btn::before { font-family: 'e-icons'; } .e-chip-list.e-chip .image-url, .e-chip-list .e-chip .image-url { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; overflow: hidden; width: 20px; } .e-chip-list.e-chip .trailing-icon-url, .e-chip-list .e-chip .trailing-icon-url { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-family: 'e-icons'; font-size: 14px; height: 14px; justify-content: center; line-height: 1; margin: 0 -2px 0 8px; overflow: hidden; width: 14px; } .e-chip-list:not(.e-chip) { flex-wrap: wrap; } .e-chip-list.e-multi-selection .e-chip::before { align-items: center; display: flex; font-family: 'e-icons'; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; margin-top: 0; overflow: hidden; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); width: 20px; } .e-chip-list.e-multi-selection .e-chip:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 0; } .e-chip-list.e-multi-selection .e-chip.e-chip-icon-wrap::before, .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { display: none; } .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { height: 28px; margin: 0 8px 0 -10px; margin-top: 0; width: 28px; } .e-chip-list.e-multi-selection .e-chip.e-active .e-chip-icon, .e-chip-list.e-multi-selection .e-chip.e-active .e-chip-avatar { display: none; } .e-chip-list.e-multi-selection .e-chip.e-active.e-chip-icon-wrap::before, .e-chip-list.e-multi-selection .e-chip.e-active.e-chip-avatar-wrap::before { display: flex; } .e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 20px; } .e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-chip-list.e-rtl .e-chip .e-chip-avatar { margin: 0 -10px 0 8px; } .e-chip-list.e-rtl.e-chip .e-chip-icon, .e-chip-list.e-rtl .e-chip .e-chip-icon { margin: 0 -6px 0 8px; } .e-chip-list.e-rtl.e-chip .e-chip-delete, .e-chip-list.e-rtl .e-chip .e-chip-delete { margin: 0 8px 0 -2px; } .e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap { border-radius: 14px; } .e-chip-list.e-rtl.e-chip .trailing-icon-url, .e-chip-list.e-rtl .e-chip .trailing-icon-url { margin: 0 8px 0 -2px; } .e-chip-list.e-rtl.e-multi-selection .e-chip::before { margin: 0 -6px 0 8px; margin-top: 0; } .e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before { margin: 0 -10px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-chip, .e-bigger .e-chip-list .e-chip, .e-bigger.e-chip-list.e-chip, .e-bigger.e-chip-list .e-chip { border-radius: 16px; font-size: 14px; height: 32px; padding: 0 12px; } .e-bigger .e-chip-list .e-chip-avatar, .e-bigger.e-chip-list .e-chip-avatar { font-size: 15px; height: 32px; margin: 0 8px 0 -12px; width: 32px; } .e-bigger .e-chip-list .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-chip-avatar-wrap, .e-bigger.e-chip-list .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-chip-avatar-wrap { border-radius: 16px; } .e-bigger .e-chip-list .e-chip-icon, .e-bigger.e-chip-list .e-chip-icon { font-size: 16px; height: 24px; margin: 0 4px 0 -8px; width: 24px; } .e-bigger .e-chip-list .e-chip-delete, .e-bigger.e-chip-list .e-chip-delete { font-size: 16px; height: 18px; margin: 0 -4px 0 8px; width: 18px; } .e-bigger .e-chip-list .trailing-icon-url, .e-bigger.e-chip-list .trailing-icon-url { font-size: 16px; height: 18px; margin: 0 -4px 0 8px; width: 18px; } .e-bigger .e-chip-list.e-multi-selection .e-chip::before, .e-bigger.e-chip-list.e-multi-selection .e-chip::before { height: 24px; margin: 0 4px 0 -8px; margin-top: 0; width: 24px; } .e-bigger .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before, .e-bigger.e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { height: 32px; margin: 0 8px 0 -12px; margin-top: 0; width: 32px; } .e-bigger .e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before, .e-bigger.e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 24px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-avatar, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-avatar { margin: 0 -12px 0 8px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-icon, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-icon, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-icon, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-icon { margin: 0 -8px 0 8px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-delete, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-delete, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-delete, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-delete { margin: 0 4px 0 -4px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap { border-radius: 16px; } .e-bigger .e-chip-list.e-rtl.e-multi-selection .e-chip::before, .e-bigger.e-chip-list.e-rtl.e-multi-selection .e-chip::before { margin: 0 -8px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before, .e-bigger.e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before { margin: 0 -12px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-rtl .trailing-icon-url, .e-bigger.e-chip-list.e-rtl .trailing-icon-url { margin: 0 4px 0 -4px; } .e-chip-list.e-chip, .e-chip-list .e-chip { background-color: #e0e0e0; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip .e-chip-icon, .e-chip-list.e-chip .e-chip-delete, .e-chip-list .e-chip .e-chip-icon, .e-chip-list .e-chip .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip .e-chip-delete.e-dlt-btn { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip .e-chip-avatar, .e-chip-list .e-chip .e-chip-avatar { background-color: #c1c1c1; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: rgba(0, 0, 0, 0.7); } .e-chip-list.e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #000; } .e-chip-list.e-chip:hover, .e-chip-list .e-chip:hover { background-color: #d6d6d6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip:hover .e-chip-icon, .e-chip-list.e-chip:hover .e-chip-delete, .e-chip-list .e-chip:hover .e-chip-icon, .e-chip-list .e-chip:hover .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:hover .e-chip-avatar, .e-chip-list .e-chip:hover .e-chip-avatar { background-color: #b7b7b7; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused, .e-chip-list .e-chip.e-focused { background-color: #c1c1c1; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-focused .e-chip-icon, .e-chip-list.e-chip.e-focused .e-chip-delete, .e-chip-list .e-chip.e-focused .e-chip-icon, .e-chip-list .e-chip.e-focused .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-focused .e-chip-avatar { background-color: #b7b7b7; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-active, .e-chip-list .e-chip.e-active { background-color: #bcbcbc; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-active .e-chip-icon, .e-chip-list.e-chip.e-active .e-chip-delete, .e-chip-list .e-chip.e-active .e-chip-icon, .e-chip-list .e-chip.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-active .e-chip-avatar, .e-chip-list .e-chip.e-active .e-chip-avatar { background-color: #9e9e9e; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused.e-active, .e-chip-list .e-chip.e-focused.e-active { background-color: #c1c1c1; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-focused.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-focused.e-active .e-chip-avatar { background-color: #a3a3a3; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:active, .e-chip-list .e-chip:active { background-color: #b7b7b7; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: 0 2px 1px -6px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .e-chip-list.e-chip:active .e-chip-icon, .e-chip-list.e-chip:active .e-chip-delete, .e-chip-list .e-chip:active .e-chip-icon, .e-chip-list .e-chip:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:active .e-chip-avatar, .e-chip-list .e-chip:active .e-chip-avatar { background-color: #999999; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-disabled, .e-chip-list .e-chip.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); opacity: 1; pointer-events: none; } .e-chip-list.e-chip.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline, .e-chip-list .e-chip.e-outline { background-color: transparent; border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); border-width: 1px; } .e-chip-list.e-chip.e-outline .e-chip-icon, .e-chip-list.e-chip.e-outline .e-chip-delete, .e-chip-list .e-chip.e-outline .e-chip-icon, .e-chip-list .e-chip.e-outline .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-outline .e-chip-delete.e-dlt-btn { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-outline .e-chip-avatar { background-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: rgba(0, 0, 0, 0.7); } .e-chip-list.e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #000; } .e-chip-list.e-chip.e-outline:hover, .e-chip-list .e-chip.e-outline:hover { background-color: rgba(0, 0, 0, 0.04); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-outline:hover .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-outline:hover .e-chip-avatar { background-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused, .e-chip-list .e-chip.e-outline.e-focused { background-color: rgba(0, 0, 0, 0.12); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-outline.e-focused .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-focused .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-active, .e-chip-list .e-chip.e-outline.e-active { background-color: rgba(0, 0, 0, 0.14); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-outline.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.14); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-outline.e-focused.e-active { background-color: rgba(0, 0, 0, 0.12); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:active, .e-chip-list .e-chip.e-outline:active { background-color: rgba(0, 0, 0, 0.16); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-outline:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-outline:active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-disabled, .e-chip-list .e-chip.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active { background-color: #e3165b; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline { background-color: #e3165b; border-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip:active { background-color: rgba(227, 22, 91, 0.16); border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-selection .e-chip:active .e-chip-icon, .e-chip-list.e-selection .e-chip:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active .e-chip-avatar { background-color: rgba(171, 17, 69, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active.e-outline { background-color: rgba(227, 22, 91, 0.16); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-icon, .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-avatar { background-color: rgba(171, 17, 69, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-primary, .e-chip-list .e-chip.e-primary { background-color: #e3165b; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary .e-chip-icon, .e-chip-list.e-chip.e-primary .e-chip-delete, .e-chip-list .e-chip.e-primary .e-chip-icon, .e-chip-list .e-chip.e-primary .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-primary .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-primary .e-chip-avatar, .e-chip-list .e-chip.e-primary .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-primary:hover, .e-chip-list .e-chip.e-primary:hover { background-color: #ec3673; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary:hover .e-chip-icon, .e-chip-list.e-chip.e-primary:hover .e-chip-delete, .e-chip-list .e-chip.e-primary:hover .e-chip-icon, .e-chip-list .e-chip.e-primary:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary:hover .e-chip-avatar, .e-chip-list .e-chip.e-primary:hover .e-chip-avatar { background-color: #d01454; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused, .e-chip-list .e-chip.e-primary.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused .e-chip-icon, .e-chip-list.e-chip.e-primary.e-focused .e-chip-delete, .e-chip-list .e-chip.e-primary.e-focused .e-chip-icon, .e-chip-list .e-chip.e-primary.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-active, .e-chip-list .e-chip.e-primary.e-active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active, .e-chip-list .e-chip.e-primary.e-focused.e-active { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary:active, .e-chip-list .e-chip.e-primary:active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary:active .e-chip-icon, .e-chip-list.e-chip.e-primary:active .e-chip-delete, .e-chip-list .e-chip.e-primary:active .e-chip-icon, .e-chip-list .e-chip.e-primary:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary:active .e-chip-avatar, .e-chip-list .e-chip.e-primary:active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-disabled, .e-chip-list .e-chip.e-primary.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-primary.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline, .e-chip-list .e-chip.e-primary.e-outline { background-color: transparent; border-color: #e3165b; color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn { color: rgba(227, 22, 91, 0.8); } .e-chip-list.e-chip.e-primary.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:hover, .e-chip-list .e-chip.e-primary.e-outline:hover { background-color: rgba(227, 22, 91, 0.12); border-color: #e3165b; color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-delete { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused, .e-chip-list .e-chip.e-primary.e-outline.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active, .e-chip-list .e-chip.e-primary.e-outline.e-active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active, .e-chip-list .e-chip.e-primary.e-outline:active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-disabled, .e-chip-list .e-chip.e-primary.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success, .e-chip-list .e-chip.e-success { background-color: #4d841d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success .e-chip-icon, .e-chip-list.e-chip.e-success .e-chip-delete, .e-chip-list .e-chip.e-success .e-chip-icon, .e-chip-list .e-chip.e-success .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-success .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-success .e-chip-avatar, .e-chip-list .e-chip.e-success .e-chip-avatar { background-color: #305212; color: #fff; } .e-chip-list.e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-success:hover, .e-chip-list .e-chip.e-success:hover { background-color: #61a524; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success:hover .e-chip-icon, .e-chip-list.e-chip.e-success:hover .e-chip-delete, .e-chip-list .e-chip.e-success:hover .e-chip-icon, .e-chip-list .e-chip.e-success:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success:hover .e-chip-avatar, .e-chip-list .e-chip.e-success:hover .e-chip-avatar { background-color: #437319; color: #fff; } .e-chip-list.e-chip.e-success.e-focused, .e-chip-list .e-chip.e-success.e-focused { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-focused .e-chip-icon, .e-chip-list.e-chip.e-success.e-focused .e-chip-delete, .e-chip-list .e-chip.e-success.e-focused .e-chip-icon, .e-chip-list .e-chip.e-success.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-success.e-focused .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-active, .e-chip-list .e-chip.e-success.e-active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active, .e-chip-list .e-chip.e-success.e-focused.e-active { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success:active, .e-chip-list .e-chip.e-success:active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success:active .e-chip-icon, .e-chip-list.e-chip.e-success:active .e-chip-delete, .e-chip-list .e-chip.e-success:active .e-chip-icon, .e-chip-list .e-chip.e-success:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success:active .e-chip-avatar, .e-chip-list .e-chip.e-success:active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-disabled, .e-chip-list .e-chip.e-success.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-success.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-success.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-success.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-success.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline, .e-chip-list .e-chip.e-success.e-outline { background-color: transparent; border-color: #4d841d; color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline .e-chip-delete { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-success.e-outline .e-chip-delete.e-dlt-btn { color: rgba(77, 132, 29, 0.8); } .e-chip-list.e-chip.e-success.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-success.e-outline:hover, .e-chip-list .e-chip.e-success.e-outline:hover { background-color: rgba(77, 132, 29, 0.12); border-color: #4d841d; color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-delete { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused, .e-chip-list .e-chip.e-success.e-outline.e-focused { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active, .e-chip-list .e-chip.e-success.e-outline.e-active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active, .e-chip-list .e-chip.e-success.e-outline:active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-disabled, .e-chip-list .e-chip.e-success.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info, .e-chip-list .e-chip.e-info { background-color: #0378d5; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info .e-chip-icon, .e-chip-list.e-chip.e-info .e-chip-delete, .e-chip-list .e-chip.e-info .e-chip-icon, .e-chip-list .e-chip.e-info .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-info .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-info .e-chip-avatar, .e-chip-list .e-chip.e-info .e-chip-avatar { background-color: #025699; color: #fff; } .e-chip-list.e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-info:hover, .e-chip-list .e-chip.e-info:hover { background-color: #058efb; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info:hover .e-chip-icon, .e-chip-list.e-chip.e-info:hover .e-chip-delete, .e-chip-list .e-chip.e-info:hover .e-chip-icon, .e-chip-list .e-chip.e-info:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info:hover .e-chip-avatar, .e-chip-list .e-chip.e-info:hover .e-chip-avatar { background-color: #036dc1; color: #fff; } .e-chip-list.e-chip.e-info.e-focused, .e-chip-list .e-chip.e-info.e-focused { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-focused .e-chip-icon, .e-chip-list.e-chip.e-info.e-focused .e-chip-delete, .e-chip-list .e-chip.e-info.e-focused .e-chip-icon, .e-chip-list .e-chip.e-info.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-info.e-focused .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-active, .e-chip-list .e-chip.e-info.e-active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active, .e-chip-list .e-chip.e-info.e-focused.e-active { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info:active, .e-chip-list .e-chip.e-info:active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info:active .e-chip-icon, .e-chip-list.e-chip.e-info:active .e-chip-delete, .e-chip-list .e-chip.e-info:active .e-chip-icon, .e-chip-list .e-chip.e-info:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info:active .e-chip-avatar, .e-chip-list .e-chip.e-info:active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-disabled, .e-chip-list .e-chip.e-info.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-info.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-info.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-info.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-info.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline, .e-chip-list .e-chip.e-info.e-outline { background-color: transparent; border-color: #0378d5; color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline .e-chip-delete { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-info.e-outline .e-chip-delete.e-dlt-btn { color: rgba(3, 120, 213, 0.8); } .e-chip-list.e-chip.e-info.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-info.e-outline:hover, .e-chip-list .e-chip.e-info.e-outline:hover { background-color: rgba(3, 120, 213, 0.12); border-color: #0378d5; color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-delete { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused, .e-chip-list .e-chip.e-info.e-outline.e-focused { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active, .e-chip-list .e-chip.e-info.e-outline.e-active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active, .e-chip-list .e-chip.e-info.e-outline:active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-disabled, .e-chip-list .e-chip.e-info.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning, .e-chip-list .e-chip.e-warning { background-color: #c15700; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning .e-chip-icon, .e-chip-list.e-chip.e-warning .e-chip-delete, .e-chip-list .e-chip.e-warning .e-chip-icon, .e-chip-list .e-chip.e-warning .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-warning .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-warning .e-chip-avatar, .e-chip-list .e-chip.e-warning .e-chip-avatar { background-color: #843b00; color: #fff; } .e-chip-list.e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-warning:hover, .e-chip-list .e-chip.e-warning:hover { background-color: #ea6900; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning:hover .e-chip-icon, .e-chip-list.e-chip.e-warning:hover .e-chip-delete, .e-chip-list .e-chip.e-warning:hover .e-chip-icon, .e-chip-list .e-chip.e-warning:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning:hover .e-chip-avatar, .e-chip-list .e-chip.e-warning:hover .e-chip-avatar { background-color: #ad4e00; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused, .e-chip-list .e-chip.e-warning.e-focused { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused .e-chip-icon, .e-chip-list.e-chip.e-warning.e-focused .e-chip-delete, .e-chip-list .e-chip.e-warning.e-focused .e-chip-icon, .e-chip-list .e-chip.e-warning.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-focused .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-active, .e-chip-list .e-chip.e-warning.e-active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active, .e-chip-list .e-chip.e-warning.e-focused.e-active { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning:active, .e-chip-list .e-chip.e-warning:active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning:active .e-chip-icon, .e-chip-list.e-chip.e-warning:active .e-chip-delete, .e-chip-list .e-chip.e-warning:active .e-chip-icon, .e-chip-list .e-chip.e-warning:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning:active .e-chip-avatar, .e-chip-list .e-chip.e-warning:active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-disabled, .e-chip-list .e-chip.e-warning.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-warning.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline, .e-chip-list .e-chip.e-warning.e-outline { background-color: transparent; border-color: #c15700; color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline .e-chip-delete { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-warning.e-outline .e-chip-delete.e-dlt-btn { color: rgba(193, 87, 0, 0.8); } .e-chip-list.e-chip.e-warning.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:hover, .e-chip-list .e-chip.e-warning.e-outline:hover { background-color: rgba(193, 87, 0, 0.12); border-color: #c15700; color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-delete { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused, .e-chip-list .e-chip.e-warning.e-outline.e-focused { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active, .e-chip-list .e-chip.e-warning.e-outline.e-active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active, .e-chip-list .e-chip.e-warning.e-outline:active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-disabled, .e-chip-list .e-chip.e-warning.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger, .e-chip-list .e-chip.e-danger { background-color: #d64113; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger .e-chip-icon, .e-chip-list.e-chip.e-danger .e-chip-delete, .e-chip-list .e-chip.e-danger .e-chip-icon, .e-chip-list .e-chip.e-danger .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-danger .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-danger .e-chip-avatar, .e-chip-list .e-chip.e-danger .e-chip-avatar { background-color: #9e300e; color: #fff; } .e-chip-list.e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-danger:hover, .e-chip-list .e-chip.e-danger:hover { background-color: #ec5526; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger:hover .e-chip-icon, .e-chip-list.e-chip.e-danger:hover .e-chip-delete, .e-chip-list .e-chip.e-danger:hover .e-chip-icon, .e-chip-list .e-chip.e-danger:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger:hover .e-chip-avatar, .e-chip-list .e-chip.e-danger:hover .e-chip-avatar { background-color: #c33b11; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused, .e-chip-list .e-chip.e-danger.e-focused { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused .e-chip-icon, .e-chip-list.e-chip.e-danger.e-focused .e-chip-delete, .e-chip-list .e-chip.e-danger.e-focused .e-chip-icon, .e-chip-list .e-chip.e-danger.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-focused .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-active, .e-chip-list .e-chip.e-danger.e-active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active, .e-chip-list .e-chip.e-danger.e-focused.e-active { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger:active, .e-chip-list .e-chip.e-danger:active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger:active .e-chip-icon, .e-chip-list.e-chip.e-danger:active .e-chip-delete, .e-chip-list .e-chip.e-danger:active .e-chip-icon, .e-chip-list .e-chip.e-danger:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger:active .e-chip-avatar, .e-chip-list .e-chip.e-danger:active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-disabled, .e-chip-list .e-chip.e-danger.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-danger.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline, .e-chip-list .e-chip.e-danger.e-outline { background-color: transparent; border-color: #d64113; color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline .e-chip-delete { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-danger.e-outline .e-chip-delete.e-dlt-btn { color: rgba(214, 65, 19, 0.8); } .e-chip-list.e-chip.e-danger.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:hover, .e-chip-list .e-chip.e-danger.e-outline:hover { background-color: rgba(214, 65, 19, 0.12); border-color: #d64113; color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-delete { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused, .e-chip-list .e-chip.e-danger.e-outline.e-focused { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active, .e-chip-list .e-chip.e-danger.e-outline.e-active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active, .e-chip-list .e-chip.e-danger.e-outline:active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-disabled, .e-chip-list .e-chip.e-danger.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-inputs/styles/material.css (1) ***! \*****************************************************************************************************************************************************************************************************************************************************/ .e-signature { border: 1px solid; } .e-signature { background-color: #fff; border: 1px solid; border-color: #e0e0e0; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e932'; font-family: 'e-icons'; } .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e932'; font-family: 'e-icons'; } .e-filled.e-float-input .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-filled.e-input-group .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-outline.e-float-input .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-outline.e-input-group .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } /*! input layout */ .e-input-group, .e-input-group.e-control-wrapper { display: table; line-height: 1.4; margin-bottom: 4px; } input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border: 0 solid; border-width: 0 0 1px 0; height: auto; line-height: inherit; margin: 0; margin-bottom: 4px; outline: none; padding: 4px 0 4px; text-indent: 0; width: 100%; } input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { font: inherit; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, input.e-input:focus, .e-input-group input.e-input:focus, .e-input-group input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group.e-control-wrapper input:focus, .e-float-input input:focus, .e-float-input.e-input-group input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input.e-control-wrapper.e-input-group input:focus { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-input-group.e-input-focus input.e-input, .e-input-group.e-input-focus input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input, .e-float-input.e-input-group.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-control-wrapper.e-input-group.e-input-focus input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-control-wrapper { border-radius: 0; } .e-input:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-small:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 5px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 4px; } .e-input:focus { padding-bottom: 3px; } .e-input.e-small:focus { padding-bottom: 3px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 4px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 3px; } .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 4px 0 4px; } .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus { padding: 4px 0 4px; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper, .e-input-group.e-bigger.e-disabled, .e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { font: inherit; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { line-height: inherit; margin-bottom: 8px; padding: 5px 0 5px; } .e-input-group.e-bigger .e-input:focus, .e-bigger .e-input-group .e-input:focus, .e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-input-group.e-control-wrapper .e-input:focus, .e-input-group.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus .e-input { padding: 5px 0 5px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { align-items: center; border: 0 solid; border-width: 0; box-sizing: content-box; cursor: pointer; flex-direction: column; font-size: 12px; justify-content: center; line-height: 1; min-height: 18px; min-width: 18px; padding: 0; text-align: center; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { min-height: 20px; min-width: 20px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; padding: 0; } .e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 32px; min-width: 32px; padding: 0; } .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 28px; min-width: 28px; padding: 0; } .e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active { background: transparent; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { cursor: auto; } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-disabled input, .e-input-group.e-disabled input.e-input, .e-input-group.e-disabled textarea, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled, .e-input-group.e-control-wrapper.e-disabled input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled textarea, .e-input-group.e-control-wrapper.e-disabled textarea.e-input, .e-float-input.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-input-group.e-disabled span, .e-input-group.e-control-wrapper.e-disabled span { cursor: not-allowed; } .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input.e-disabled, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper.e-disabled input { filter: alpha(opacity=100); opacity: 1; } .e-input.e-rtl, .e-input-group.e-rtl, .e-input-group.e-control-wrapper.e-rtl { direction: rtl; } .e-input.e-corner { border-radius: 0; } .e-input-group, .e-input-group.e-control-wrapper { display: inline-flex; vertical-align: middle; } .e-float-input:not(.e-input-group), .e-float-input.e-control-wrapper:not(.e-input-group) { display: inline-block; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { display: flex; } .e-input-group .e-input-group-icon:first-child, .e-input-group.e-control-wrapper .e-input-group-icon:first-child { border-left-width: 0; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { white-space: nowrap; } .e-input-group .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper .e-input-group-icon:not(:last-child) { border-right-width: 0; } .e-input + .e-input-group-icon, .e-input-group .e-input + .e-input-group-icon, .e-input-group.e-control-wrapper .e-input + .e-input-group-icon { border-left-width: 0; } .e-input-group.e-corner .e-input:first-child, .e-input-group.e-corner .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner .e-input:first-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .e-input-group.e-corner .e-input:last-child, .e-input-group.e-corner .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner .e-input:last-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .e-input-group.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:first-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:not(:last-child) { border-left-width: 0; } .e-input-group.e-rtl .e-input-group-icon + .e-input, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input { border-right-width: 0; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input, .e-input-group.e-small, .e-small .e-input-group, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-disabled, .e-small .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-input-group.e-small .e-input, .e-input-group.e-small.e-control-wrapper .e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input { font: inherit; } .e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input { line-height: inherit; padding: 4px 0 4px; } .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-small.e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-input-group.e-control-wrapper, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-bigger, .e-small .e-input-group.e-control-wrapper.e-bigger { font-size: 13px; } .e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-input.e-small.e-disabled, .e-small .e-input.e-bigger.e-disabled, .e-bigger .e-input-group.e-small.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-bigger.e-disabled, .e-small .e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-input.e-small.e-bigger, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger { padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input, .e-input-group.e-small .e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input { font: inherit; padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input:focus, .e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; min-height: 16px; min-width: 16px; padding: 0; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-small .e-bigger.e-input-group .e-input-group-icon, .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { font-size: 12px; min-height: 18px; min-width: 18px; padding: 0; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; user-select: none; white-space: nowrap; width: 100%; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -11px; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { content: ''; font-style: normal; } .e-float-input.e-bigger label.e-float-text, .e-float-input label.e-float-text.e-bigger, .e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small label.e-float-text, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-small label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; font-style: normal; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -11px; } .e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -8px; } .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -10px; } .e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -10px; } .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input input:focus ~ label.e-float-text, .e-small .e-float-input input:valid ~ label.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.86); } .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-small .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: -9px; } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: -9px; } .e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -9px; } .e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 12px; top: -8px; } .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -8px; } .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -7px; } .e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text { top: -10px; } .e-float-input, .e-float-input.e-control-wrapper { line-height: 1.4; margin-bottom: 4px; margin-top: 16px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { line-height: 1.5; margin-bottom: 8px; margin-top: 17px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-small, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { line-height: 1.35; margin-bottom: 4px; margin-top: 16px; padding-top: 0; } .e-float-input.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-small, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-control-wrapper.e-small, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { line-height: 1.4; margin-bottom: 4px; margin-top: 17px; padding-top: 0; } .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper { line-height: 1.5; } .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-small, .e-bigger .e-input-group.e-small, .e-small .e-input-group.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-control-wrapper.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper.e-bigger { line-height: normal; } .e-float-input.e-no-float-label, .e-float-input.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-no-float-label, .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-no-float-label, .e-float-input.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-bigger.e-no-float-label, .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-bigger.e-no-float-label { margin-top: 0; } .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0 0 1px 0; display: block; font: inherit; width: 100%; } .e-float-input input, .e-float-input.e-control-wrapper input { min-width: 0; padding: 4px 0 4px; } .e-float-input input, .e-input-group input, .e-float-input.e-control-wrapper input, .e-input-group.e-control-wrapper input { text-indent: 0; } .e-float-input textarea, .e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-input-group.e-control-wrapper textarea { text-indent: 0; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { font-size: 14px; } .e-float-input.e-bigger.e-disabled, .e-bigger .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { font: inherit; line-height: inherit; padding: 5px 0 5px; } .e-float-input.e-small, .e-small .e-float-input, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { font-size: 12px; } .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input.e-small.e-bigger, .e-small.e-bigger .e-float-input, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-float-input.e-control-wrapper, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { font-size: 13px; } .e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-disabled, .e-bigger .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-bigger.e-disabled, .e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-disabled, .e-bigger .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-bigger.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input textarea:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input { outline: none; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text { font-family: inherit; } .e-float-input input:valid ~ label.e-float-text, .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text.e-label-top, .e-float-input input ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { -webkit-user-select: text; user-select: text; } .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text.e-label-top, .e-float-input textarea ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top { -webkit-user-select: text; user-select: text; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { bottom: 0; content: ''; height: 2px; position: absolute; transition: .2s ease; width: 0; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before { left: 50%; } .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { right: 50%; } .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::after { width: 50%; } .e-float-input .e-float-line, .e-float-input.e-control-wrapper .e-float-line { display: block; position: relative; width: 100%; } .e-float-input.e-rtl, .e-float-input.e-control-wrapper.e-rtl { direction: rtl; } .e-float-input.e-rtl label.e-float-text, .e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-rtl .e-float-input label.e-float-text, .e-rtl .e-float-input.e-control-wrapper label.e-float-text, .e-rtl label.e-float-text, .e-rtl .e-float-input.e-control-wrapper label.e-float-text, .e-rtl.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; transform-origin: right top; } .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-input-group.e-corner.e-rtl .e-input:first-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-corner.e-rtl .e-input:last-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-warning::before, .e-input-group.e-control-wrapper.e-warning::before { content: ''; } .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } .e-input-group.e-corner.e-rtl input.e-input:only-child, .e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child { border-radius: 0; } .e-input-group.e-rtl .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { min-width: 0; width: 100%; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) { border: 0 solid; border-width: 0; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { margin-bottom: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before { left: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before { left: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after { width: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { right: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { right: 50%; } .e-input-group, .e-input-group.e-control-wrapper { position: relative; width: 100%; } .e-input-group .e-input-group-icon:hover, .e-input-group.e-rtl.e-corner .e-input-group-icon:hover, .e-input-group.e-control-wrapper .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-rtl.e-corner .e-input-group-icon:hover { border-radius: 2px; } .e-input.e-small, .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small { margin-bottom: 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger .e-input.e-small, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small { line-height: inherit; margin-bottom: 4px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 2px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 5px; margin-right: 8px; margin-top: 6px; } .e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 6px; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-small .e-bigger.e-input-group .e-input-group-icon, .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-small .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon { margin-top: 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 4px; } .e-input-group .e-input-group-icon:last-child, .e-input-group.e-bigger .e-input-group-icon:last-child, .e-input-group .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon:last-child, .e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-bigger .e-input-group.e-small .e-input-group-icon:last-child { margin-right: 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) { border-style: solid; border-width: 0 0 1px 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-style: solid; border-width: 0 0 1px 0; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left) { border-bottom: 1px solid; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: 1px solid; border-width: 0 0 1px 0; } .e-input-group.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group.e-input-focus.e-corner, .e-input-group.e-control-wrapper.e-input-focus.e-corner { border-radius: 0; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background: transparent; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; color: rgba(0, 0, 0, 0.42); } .e-float-custom-tag, .e-float-custom-tag.e-control-wrapper { display: inline-block; } .e-float-custom-tag.e-input-group, .e-float-custom-tag.e-input-group.e-control-wrapper, .e-input-custom-tag, .e-input-custom-tag.e-input-group, .e-input-custom-tag.e-input-group.e-control-wrapper { display: inline-flex; vertical-align: middle; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { position: relative; } .e-input-group:not(.e-filled) .e-input-group-icon::after, .e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after { background: #bdbdbd; border-radius: 100%; content: ''; display: block; filter: alpha(opacity=75); height: 50%; left: 25%; opacity: .75; position: absolute; top: 25%; transform: scale(0); width: 50%; } .e-input-group .e-input-group-icon.e-input-btn-ripple::after, .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after { animation: e-input-ripple .45s linear; } input.e-input::-ms-clear, .e-float-input input::-ms-clear, .e-float-input.e-control-wrapper input::-ms-clear { display: none; } input.e-input[type='search']::-webkit-search-decoration, input.e-input[type='search']::-webkit-search-cancel-button, input.e-input[type='search']::-webkit-search-results-button, input.e-input[type='search']::-webkit-search-results-decoration, .e-float-input input[type='search']::-webkit-search-decoration, .e-float-input input[type='search']::-webkit-search-cancel-button, .e-float-input input[type='search']::-webkit-search-results-button, .e-float-input input[type='search']::-webkit-search-results-decoration, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-decoration, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-cancel-button, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-button, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-control-wrapper.e-input-group .e-float-line, .e-float-input.e-control-wrapper.e-input-group.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-input-group input, .e-float-input.e-input-group textarea, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-input-group.e-control-wrapper textarea { border: 0; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group .e-float-text, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-text { right: 0; } input.e-input::-webkit-input-placeholder, input.e-input:-moz-placeholder, input.e-input:-ms-input-placeholder, input.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } textarea.e-input::-webkit-input-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-input-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger input.e-input::-webkit-input-placeholder, input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-input:-moz-placeholder, input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-input:-ms-input-placeholder, input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-input::-moz-placeholder, input.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-bigger textarea.e-input::-webkit-input-placeholder, textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-input-placeholder, textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-small input.e-input::-webkit-input-placeholder, input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-input:-moz-placeholder, input.e-small.e-input:-moz-placeholder, .e-small input.e-input:-ms-input-placeholder, input.e-small.e-input:-ms-input-placeholder, .e-small input.e-input::-moz-placeholder, input.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-small textarea.e-input::-webkit-input-placeholder, textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-small.e-input:-moz-placeholder, .e-small input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-small.e-input:-ms-input-placeholder, .e-small input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-small.e-input::-moz-placeholder, .e-small input.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input::-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input::-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-ms-input-placeholder { font-style: normal; } textarea.e-input:-ms-input-placeholder { font-style: normal; } input.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } textarea.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input:not(.e-input-group) input, .e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: content-box; content: ''; } .e-control input.e-input, .e-control .e-input-group input, .e-control .e-input-group input.e-input, .e-control .e-input-group.e-control-wrapper input, .e-control .e-input-group.e-control-wrapper input.e-input, .e-control .e-float-input input, .e-control .e-float-input.e-control-wrapper input, .e-control.e-input-group input, .e-control.e-input-group input.e-input, .e-control.e-input-group.e-control-wrapper input, .e-control.e-input-group.e-control-wrapper input.e-input, .e-control.e-float-input input, .e-control.e-float-input.e-control-wrapper input { box-sizing: content-box; } input.e-input.e-bigger, .e-input-group.e-bigger input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-input-group input, .e-bigger .e-input-group input.e-input, .e-bigger .e-input-group.e-control-wrapper input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger input, .e-float-input.e-bigger input.e-input, .e-bigger .e-float-input input, .e-bigger .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger:not(.e-input-group) input, .e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input:not(.e-input-group) input, .e-bigger .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small, .e-input-group.e-small input, .e-input-group.e-small input.e-input, .e-small .e-input-group input, .e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-small input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-input-group.e-control-wrapper input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-small input, .e-float-input.e-small input.e-input, .e-small .e-float-input input, .e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-small:not(.e-input-group) input, .e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input:not(.e-input-group) input, .e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small input, .e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group input, .e-bigger.e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small input, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper input, .e-bigger.e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger.e-small input, .e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input input, .e-bigger.e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper input, .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { box-sizing: content-box; content: ''; } .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input.e-bigger textarea.e-input, .e-bigger .e-float-input textarea, .e-bigger .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small, .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-small textarea, .e-float-input.e-small textarea.e-input, .e-small .e-float-input textarea, .e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small textarea, .e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group textarea, .e-bigger.e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger.e-small textarea, .e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input textarea, .e-bigger.e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger input.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { text-indent: 0; } input.e-input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input, .e-small input.e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input, .e-float-input.e-small input, .e-float-input input.e-small, .e-small .e-float-input input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-small .e-float-input.e-control-wrapper input { text-indent: 0; } textarea.e-input.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small, .e-small input.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-small .e-float-input textarea, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input.e-control-wrapper textarea { text-indent: 0; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper input, .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea.e-input, .e-float-input.e-control-wrapper textarea, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } input.e-input.e-rtl, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-float-input.e-rtl input:focus, .e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-input-group input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-rtl .e-float-input input:focus, .e-rtl .e-float-input.e-control-wrapper input:focus, .e-input-group.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-input-group.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-float-input.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-rtl, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-small, .e-small input.e-input, .e-input-group.e-small input.e-input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-input-group input.e-input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-float-input.e-small input:focus, .e-float-input.e-control-wrapper.e-small input:focus, .e-small .e-input-group.e-control-wrapper input.e-input:focus, .e-small .e-input-group input.e-input:focus, .e-small .e-float-input input:focus, .e-small .e-float-input.e-control-wrapper input:focus, .e-input-group.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small .e-input-group.e-input-focus input.e-input, .e-float-input.e-small.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus.e-small input, .e-small .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input.e-small, .e-small textarea.e-input, .e-input-group.e-small textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input textarea, .e-small .e-input-group textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-float-input.e-small textarea:focus, .e-float-input.e-control-wrapper.e-small textarea:focus, .e-small .e-input-group textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper textarea:focus, .e-small .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-small, input.e-input.e-small.e-rtl, .e-small.e-rtl input.e-input, .e-small input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-float-input.e-small.e-rtl input, .e-input-group.e-small.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-float-input.e-small input, .e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-input-group.e-small input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-rtl input.e-small, .e-float-input.e-control-wrapper.e-rtl input.e-small, .e-input-group.e-rtl input.e-input.e-small, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-float-input input.e-small, .e-rtl .e-float-input.e-control-wrapper input.e-small, .e-rtl .e-input-group input.e-input.e-small, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input.e-rtl input, .e-small .e-float-input.e-control-wrapper.e-rtl input, .e-small .e-input-group.e-rtl input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper input, .e-small.e-rtl .e-float-input input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-input-group input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-input-group input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-float-input input:focus, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-input-group.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-float-input.e-rtl input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-rtl.e-input-focus input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-float-input.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } .e-rtl textarea.e-input.e-small, textarea.e-input.e-small.e-rtl, .e-small.e-rtl textarea.e-input, .e-small textarea.e-input.e-rtl, .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-small, .e-float-input:not(.e-outline).e-rtl textarea.e-small, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-small, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-small, .e-rtl .e-float-input:not(.e-outline) textarea.e-small, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-small .e-float-input:not(.e-outline).e-rtl textarea, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-small.e-rtl .e-float-input:not(.e-outline) textarea, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger, .e-bigger input.e-input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-bigger .e-input-group input.e-input, .e-input-group.e-bigger input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger input:focus, .e-float-input.e-bigger input:focus, .e-bigger .e-input-group input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper input:focus, .e-bigger .e-float-input input:focus, .e-input-group.e-bigger.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-bigger .e-input-group.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-float-input.e-bigger.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-bigger, input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl input.e-input, .e-bigger input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-float-input.e-bigger.e-rtl input, .e-input-group.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-float-input.e-bigger input, .e-rtl .e-input-group.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-float-input.e-rtl input.e-bigger, .e-input-group.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-float-input input.e-bigger, .e-rtl .e-input-group input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-float-input.e-rtl input, .e-bigger .e-input-group.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-float-input input, .e-bigger.e-rtl .e-input-group input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-input-group input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-float-input input:focus, .e-bigger .e-input-group.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-rtl input:focus, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-input-focus input, .e-bigger .e-float-input.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger, .e-bigger textarea.e-input, .e-input-group.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-bigger textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-float-input.e-bigger textarea:focus, .e-bigger .e-input-group textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper textarea:focus, .e-bigger .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl textarea.e-input.e-bigger, textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl textarea.e-input, .e-bigger textarea.e-input.e-rtl, .e-float-input.e-control-wrapper:not(.e-outline).e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-bigger.e-rtl textarea, .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-bigger textarea, .e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea.e-bigger, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-bigger, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-float-input:not(.e-outline) textarea.e-bigger, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-bigger, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger.e-small, .e-bigger input.e-input.e-small, .e-input-group.e-small.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-input-group.e-small input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger .e-input-group.e-small input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-bigger .e-input-group.e-small input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger .e-float-input.e-small input:focus, .e-small .e-input-group.e-bigger input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small .e-float-input.e-bigger input:focus, .e-input-group.e-bigger.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-input-group.e-small.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger .e-float-input.e-small.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small .e-float-input.e-bigger.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-float-input.e-bigger.e-small.e-input-focus input { padding-left: 0; text-indent: 0; } .e-bigger input.e-input.e-small.e-rtl, .e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-float-input.e-small.e-bigger.e-rtl input, .e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-small.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-float-input.e-small.e-bigger input, .e-rtl .e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-small input, .e-bigger .e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-float-input.e-small.e-rtl input:focus, .e-small .e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-float-input.e-bigger.e-rtl input:focus, .e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-float-input.e-small input:focus, .e-small.e-rtl .e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-float-input.e-bigger input:focus, .e-rtl .e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-float-input.e-bigger.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-float-input.e-bigger.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-float-input.e-bigger.e-small.e-input-focus input, .e-bigger .e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger.e-small, .e-bigger textarea.e-input.e-small, .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-bigger .e-float-input.e-small textarea, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger .e-input-group.e-small textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus, .e-bigger .e-float-input.e-small textarea:focus, .e-small .e-input-group.e-bigger textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-small .e-float-input.e-bigger textarea:focus, .e-input-group.e-bigger.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-float-input.e-bigger.e-small textarea:focus { padding-left: 0; text-indent: 0; } .e-bigger textarea.e-input.e-small.e-rtl, .e-input-group:not(.e-outline).e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small.e-control-wrapper textarea, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea:focus, .e-small .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-bigger.e-rtl textarea:focus, .e-input-group:not(.e-outline).e-bigger.e-small.e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-float-input:not(.e-outline).e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-bigger textarea:focus, .e-rtl .e-input-group:not(.e-outline).e-bigger.e-small textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-bigger.e-small textarea:focus { padding-right: 0; text-indent: 0; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { background: transparent; border: 0; cursor: pointer; display: flex; flex-direction: column; justify-content: center; line-height: 1; min-width: 24px; outline: none; padding: 0; text-align: center; } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before, .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; padding: 0; text-align: center; vertical-align: middle; } .e-float-input.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; display: flex; } .e-float-input.e-small.e-bigger .e-clear-icon, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon { padding-bottom: 0; } .e-float-input.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-input-group.e-small .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input .e-clear-icon::before, .e-small .e-input-group .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 10px; } .e-float-input.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-input-group.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input .e-clear-icon::before, .e-bigger .e-input-group .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; } .e-float-input.e-small.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 12px; } .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon { display: none; } .e-input-group .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide { display: none; } .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; } .e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide { cursor: not-allowed; } .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-input-group input[readonly]:first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input[readonly]:first-child .e-clear-icon.e-clear-icon-hide { cursor: auto; } .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; } .e-float-input.e-input-group .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-input-group .e-clear-icon.e-bigger, .e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-input-group .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon { min-height: 20px; min-width: 20px; padding-bottom: 5px; padding-right: 8px; padding-top: 6px; } .e-input-group.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 8px; padding-top: 6px; } .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-small .e-clear-icon, .e-input-group .e-clear-icon.e-small, .e-small .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper .e-clear-icon { min-height: 16px; min-width: 16px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid { box-shadow: none; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { width: 100%; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text { right: 0; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { display: flex; position: relative; width: 100%; } .e-float-input.e-float-icon-left .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-input-group.e-float-icon-left .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0 0 1px 0; margin-left: 16px; } .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 16px; } .e-float-input input.e-input, .e-float-input.e-bigger .e-input, .e-bigger .e-float-input .e-input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper.e-bigger .e-input, .e-bigger .e-float-input.e-control-wrapper .e-input { margin-bottom: 0; } .e-float-input label.e-float-text.e-label-bottom, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 13px; top: -22px; transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 14px; top: -20px; } .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 12px; top: -21px; } .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: -20px; } .e-float-input textarea ~ .e-float-text, .e-float-input.e-control-wrapper textarea ~ .e-float-text { top: -11px; } .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-bigger textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-bigger, .e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-float-text, .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-small, .e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 12px; top: -11px; } .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-bigger input, .e-bigger .e-float-input input, .e-float-input.e-input-group.e-bigger input, .e-bigger .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input { min-height: 27px; } .e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-small input, .e-small .e-float-input input, .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input { min-height: 18px; } .e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-float-input.e-bigger.e-small input, .e-bigger .e-float-input.e-small input, .e-small .e-float-input.e-bigger input, .e-float-input.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group.e-bigger input, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group.e-bigger input { min-height: 22px; } .e-input-group input.e-input, .e-float-input.e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-control-wrapper input { min-height: 22px; } .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 1px; } .e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 1px; } .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after { bottom: -2px; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: solid; border-width: 0 0 1px; } .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-small .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; font-style: normal; } .e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; user-select: none; white-space: nowrap; width: 100%; } textarea.e-input::-webkit-textarea-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-textarea-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-small textarea.e-input::-webkit-textarea-placeholder, textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-input::-webkit-textarea-placeholder, textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-textarea-placeholder, textarea.e-bigger.e-input:-ms-textarea-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea label.e-float-text.e-label-top, .e-bigger.e-small .e-float-input textarea:focus ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea:valid ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-small.e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input textarea:focus ~ label.e-float-text, .e-small .e-float-input textarea:valid ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled textarea { filter: alpha(opacity=100); opacity: 1; } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-float-input.e-control-wrapper.e-input-group textarea { border-radius: 0; } textarea.e-input, .e-input-group textarea, .e-input-group textarea.e-input, .e-input-group.e-input-focus textarea, .e-input-group.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-input-group.e-control-wrapper.e-input-focus textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { line-height: 1.5; min-height: 15px; min-width: 0; padding: 4px 0 4px; resize: vertical; } .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-input-group textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-float-input textarea, .e-bigger .e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-input-focus.e-bigger textarea, .e-input-group.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-input-focus textarea.e-bigger, .e-input-group.e-input-focus textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-input-group.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger:focus, .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus, .e-bigger .e-input-group.e-control-wrapper textarea:focus, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus, .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-input-group textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input textarea, .e-small .e-float-input.e-control-wrapper textarea { font: inherit; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-input-focus.e-small textarea, .e-input-group.e-input-focus.e-small textarea.e-input, .e-input-group.e-input-focus textarea.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-small .e-input-group.e-input-focus textarea, .e-small .e-input-group.e-input-focus textarea.e-input { font: inherit; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-small textarea:focus, .e-input-group.e-small textarea.e-input:focus, .e-input-group textarea.e-small:focus, .e-input-group textarea.e-input.e-small:focus, .e-input-group.e-control-wrapper.e-small textarea:focus, .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-small .e-input-group textarea:focus, .e-small .e-input-group textarea.e-input:focus, .e-float-input.e-small textarea:focus, .e-float-input textarea.e-small:focus, .e-float-input.e-control-wrapper.e-small textarea:focus, .e-float-input.e-control-wrapper textarea.e-small:focus, .e-small .e-float-input textarea:focus, .e-small .e-float-input.e-control-wrapper textarea:focus { padding: 4px 0 4px; } .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group textarea.e-input.e-bigger.e-small, .e-input-group.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-input-group.e-bigger textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-float-input textarea.e-bigger.e-small, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-float-input.e-bigger textarea.e-small, .e-bigger .e-float-input.e-small textarea, .e-bigger.e-small .e-float-input textarea, .e-bigger .float-input textarea.e-small, .e-small .e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } .e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-input-group.e-input-focus.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input { min-height: 16px; } input.e-input, textarea.e-input { min-height: 19px; } .e-bigger input.e-input, .e-bigger textarea.e-input, input.e-input.e-bigger, textarea.e-input.e-bigger { min-height: 23px; } .e-bigger input.e-input.e-small, .e-bigger .e-small input.e-input, .e-bigger.e-small input.e-input, .e-small input.e-input.e-bigger, input.e-input.e-bigger.e-small, .e-small .e-bigger input.e-input { min-height: 19px; } textarea.e-outline.e-input, .e-outline.e-input-group textarea.e-input, .e-outline.e-input-group textarea, .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-control-wrapper textarea, .e-outline.e-float-input textarea.e-input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea { width: calc(100% - 1px); } .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after, .e-outline.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-outline.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after { width: 0%; } .e-outline.e-input-group.e-control-wrapper, .e-outline.e-input-group, .e-outline.e-input-group:not(.e-float-icon-left), .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper, .e-outline.e-input-group:not(.e-float-icon-left), .e-outline.e-input-group.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-error:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 4px; border-width: 1px; fill: transparent; transition: border .2s, box-shadow .2s; } .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { margin-top: 0; } .e-outline.e-float-input.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled), .e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled), .e-outline.e-float-input.e-input-group.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left) { border-top-color: transparent; } .e-outline.e-input-group, .e-outline .e-input-group, .e-outline .e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } input.e-input.e-bigger.e-outline, textarea.e-input.e-bigger.e-outline, .e-outline.e-bigger input.e-input, .e-outline.e-bigger textarea.e-input, .e-outline.e-input-group.e-bigger, .e-bigger .e-input-group.e-outline, .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper, .e-outline.e-input-group.e-bigger.e-disabled, .e-bigger .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled { font-size: 16px; } .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon, .e-outline.e-input-group.e-bigger.e-disabled .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-disabled .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { font-size: 20px; } .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error, .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) { border-width: 1px; } input.e-outline.e-input, .e-outline.e-input-group input.e-input, .e-outline.e-input-group input, .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-input-group.e-control-wrapper input, .e-outline.e-float-input input.e-input, .e-outline.e-float-input input, .e-outline.e-float-input.e-control-wrapper input.e-input, .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-input-group:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input:focus, .e-outline.e-float-input:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-outline.e-input-group:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-input-focus input.e-input { box-sizing: border-box; padding: 10px 12px 9px; } textarea.e-outline.e-input, .e-outline.e-input-group textarea.e-input, .e-outline.e-input-group textarea, .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-control-wrapper textarea, .e-outline.e-float-input textarea.e-input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea, .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 12px 12px; } .e-outline.e-input-group input.e-input, .e-outline.e-float-input.e-input-group input, .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input input, .e-outline.e-float-input.e-control-wrapper input { box-sizing: border-box; min-height: 38px; } .e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-outline.e-float-input:not(.e-input-group) .e-float-line::before, .e-outline.e-float-input:not(.e-input-group) .e-float-line::after, .e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { content: none; } .e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-float-input.e-float-icon-left .e-input-in-wrap, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-outline.e-input-group.e-float-icon-left .e-input-in-wrap, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 0; border-width: 0; margin-left: 0; } .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 9px 12px 9px 0; } .e-outline.e-float-input .e-clear-icon, .e-outline.e-float-input.e-control-wrapper .e-clear-icon, .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 16px; padding: 9px 12px 9px 0; } .e-outline.e-input-group.e-float-icon-left .e-input, .e-outline.e-float-input.e-input-group.e-float-icon-left .e-input, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left .e-input { padding-left: 0; } .e-outline.e-input-group .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 16px; margin: 9px 12px 9px 0; } .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border: 0; } .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 0; } .e-outline.e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-outline.e-float-input.e-small input, .e-small .e-outline.e-float-input input, .e-outline.e-float-input.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-input-group input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group input { box-sizing: border-box; min-height: 34px; } .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 11px; } .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { font-size: 12px; } .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } .e-outline.e-input-group.e-bigger, .e-bigger .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-bigger, .e-bigger .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper { font-size: 16px; } .e-outline.e-input-group.e-small, .e-small .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-small, .e-small .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-small, .e-small .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-small, .e-small .e-outline.e-float-input.e-control-wrapper { font-size: 13px; } .e-outline.e-input-group.e-small.e-bigger, .e-small .e-outline.e-input-group.e-bigger, .e-bigger .e-outline.e-input-group.e-small, .e-bigger.e-small .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small, .e-bigger.e-small .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-small.e-bigger, .e-small .e-outline.e-float-input.e-bigger, .e-bigger .e-outline.e-float-input.e-small, .e-bigger.e-small .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } .e-small.e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { font-size: 12px; } input.e-input.e-small.e-outline, .e-small input.e-input.e-outline, .e-input-group.e-small.e-outline input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small input.e-input, .e-outline.e-float-input.e-small input, .e-outline.e-float-input.e-control-wrapper input.e-small, .e-outline.e-float-input.e-small input, .e-outline.e-float-input.e-control-wrapper input.e-small, .e-outline.e-input-group input.e-input.e-small, .e-outline.e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-outline.e-float-input input, .e-small .e-outline.e-float-input.e-control-wrapper input, .e-small .e-outline.e-input-group input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-input-group.e-small input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-outline.e-float-input.e-small input:focus, .e-outline.e-float-input.e-control-wrapper.e-small input:focus, .e-small .e-outline.e-input-group.e-control-wrapper input.e-input:focus, .e-small .e-outline.e-input-group input.e-input:focus, .e-small .e-outline.e-float-input input:focus, .e-small .e-outline.e-float-input.e-control-wrapper input:focus, .e-outline.e-float-input.e-small.e-input-focus input, .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-small .e-outline.e-float-input.e-input-focus input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-focus input, .e-outline.e-input-group.e-small.e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-input-focus input.e-input { padding: 7px 10px; } textarea.e-input.e-small.e-outline, .e-small textarea.e-input.e-outline, .e-input-group.e-small.e-outline textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea.e-small, .e-outline.e-float-input.e-small textarea, .e-outline.e-input-group textarea.e-input.e-small, .e-outline.e-input-group.e-control-wrapper textarea.e-input.e-small, .e-small .e-outline.e-float-input textarea, .e-small .e-outline.e-float-input.e-control-wrapper textarea, .e-small .e-outline.e-input-group textarea.e-input, .e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-small textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-outline.e-float-input.e-small textarea:focus, .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus, .e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input:focus, .e-small .e-outline.e-input-group textarea.e-input:focus, .e-small .e-outline.e-float-input textarea:focus, .e-small .e-outline.e-float-input.e-control-wrapper textarea:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 10px 10px; } .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 6px; } .e-outline.e-input-group.e-small .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-outline.e-input-group .e-input-group-icon, .e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 10px; } .e-outline.e-input-group.e-small .e-clear-icon, .e-outline.e-input-group .e-clear-icon.e-small, .e-small .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 14px; padding: 7px 10px 7px 0; } .e-outline.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-outline.e-float-input.e-bigger input, .e-bigger .e-outline.e-float-input input, .e-outline.e-float-input.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-input-group input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input { box-sizing: border-box; min-height: 54px; } .e-outline.e-input-group.e-bigger .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-outline.e-input-group .e-clear-icon.e-bigger, .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group .e-clear-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 20px; padding: 15px 16px 15px 0; } .e-outline.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 8px; } .e-outline.e-input-group.e-bigger .e-input-group-icon, .e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin: 15px 16px 15px 0; } input.e-input.e-bigger.e-outline, .e-bigger input.e-input.e-outline, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input.e-bigger, .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input:not(.e-float-icon-left) input.e-bigger, .e-outline.e-input-group:not(.e-float-icon-left) input.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input, .e-bigger .e-outline.e-input-group:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input { padding: 15px 16px; } textarea.e-input.e-bigger.e-outline, .e-bigger textarea.e-input.e-outline, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea.e-bigger, .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input:not(.e-float-icon-left) textarea.e-bigger, .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input, .e-bigger .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea:focus { margin: 8px 0 1px; padding: 0 16px 16px; } .e-outline.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-outline.e-float-input.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-small input, .e-small .e-outline.e-float-input.e-bigger input, .e-outline.e-float-input.e-input-group.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-bigger input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input { box-sizing: border-box; min-height: 38px; } input.e-input.e-bigger.e-small.e-outline, .e-bigger input.e-input.e-small.e-outline, .e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input.e-bigger, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input, .e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-small:not(.e-float-icon-left) input.e-bigger, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input:focus, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input:focus, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left).e-input-focus input, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input { padding: 10px 12px 9px; } textarea.e-input.e-bigger.e-small.e-outline, .e-bigger textarea.e-input.e-small.e-outline, .e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input, .e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea.e-bigger, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea:focus, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea:focus, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea:focus, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) textarea:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 12px 12px; } .e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon { font-size: 18px; padding: 9px 12px 9px 0; } .e-outline.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 8px; } .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin: 9px 12px 9px 0; } .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 9px; } .e-outline.e-float-input input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper textarea { border: 0; border-width: 0; } .e-outline label.e-float-text, .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { box-sizing: border-box; display: flex; left: 0; line-height: 13px; position: absolute; top: -7px; transform: translate3d(0, 0, 0) scale(1); transition: color .2s, font-size .2s, line-height .2s; } .e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 70px; } .e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 66px; } .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 46px; } .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 60px; } .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom, .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 50px; } .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 50px; } .e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { line-height: 53px; } .e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { line-height: 60px; } .e-outline label.e-float-text::before, .e-outline label.e-float-text::after, .e-outline.e-float-input label.e-float-text::before, .e-outline.e-float-input label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-top: solid 2px; border-top-color: transparent; box-shadow: inset 0 1px transparent; box-sizing: border-box; content: ' '; display: block; height: 8px; margin-top: 6px; min-width: 9px; pointer-events: none; position: relative; transition: border-color .1s, box-shadow .2s; } .e-bigger.e-outline label.e-float-text::before, .e-bigger.e-outline label.e-float-text::after, .e-bigger.e-outline.e-float-input label.e-float-text::before, .e-bigger.e-outline.e-float-input label.e-float-text::after, .e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-bigger .e-outline label.e-float-text::before, .e-bigger .e-outline label.e-float-text::after, .e-bigger .e-outline.e-float-input label.e-float-text::before, .e-bigger .e-outline.e-float-input label.e-float-text::after, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 13px; } .e-small.e-outline label.e-float-text::before, .e-small.e-outline label.e-float-text::after, .e-small.e-outline.e-float-input label.e-float-text::before, .e-small.e-outline.e-float-input label.e-float-text::after, .e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-small .e-outline label.e-float-text::before, .e-small .e-outline label.e-float-text::after, .e-small .e-outline.e-float-input label.e-float-text::before, .e-small .e-outline.e-float-input label.e-float-text::after, .e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 7px; } .e-bigger.e-small.e-outline label.e-float-text::before, .e-bigger.e-small.e-outline label.e-float-text::after, .e-bigger.e-small.e-outline.e-float-input label.e-float-text::before, .e-bigger.e-small.e-outline.e-float-input label.e-float-text::after, .e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-bigger.e-small .e-outline label.e-float-text::before, .e-bigger.e-small .e-outline label.e-float-text::after, .e-bigger.e-small .e-outline.e-float-input label.e-float-text::before, .e-bigger.e-small .e-outline.e-float-input label.e-float-text::after, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 9px; } .e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after { border-top-color: rgba(0, 0, 0, 0.24); border-width: 1px; } .e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after { border-top-color: #22b24b; } .e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after { border-color: #22b24b; } .e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after { border-top-color: #f44336; } .e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after { border-color: #f44336; } .e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after { border-top-color: #ffca1c; } .e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after, .e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after { border-color: #ffca1c; } .e-outline label.e-float-text::before, .e-outline.e-float-input label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper label.e-float-text::before { border-left: solid 1px transparent; border-radius: 4px 0; left: -1px; margin-right: 4px; } .e-rtl.e-outline label.e-float-text::before, .e-rtl.e-outline.e-float-input label.e-float-text::before, .e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::before { border-left: 0; border-radius: 0 4px; left: 5px; } .e-rtl.e-outline label.e-float-text::after, .e-rtl.e-outline.e-float-input label.e-float-text::after, .e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-radius: 5px 0; border-right: 0; left: -6px; } .e-outline label.e-float-text::after, .e-outline.e-float-input label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-radius: 0 5px; border-right: solid 1px transparent; flex-grow: 1; left: 2px; margin-left: 4px; } .e-outline.e-input-focus label.e-float-text::before, .e-outline.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::after { border-top-color: #e3165b; } .e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left) { border-top-color: transparent; box-shadow: inset 1px 0 #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-float-input input:focus ~ label.e-float-text, .e-outline.e-float-input input:valid ~ label.e-float-text, .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input input label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-outline.e-float-input textarea:focus ~ label.e-float-text, .e-outline.e-float-input textarea:valid ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 12px; top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline.e-float-input.e-rtl .e-clear-icon, .e-rtl .e-outline.e-float-input .e-clear-icon, .e-outline.e-float-input.e-control-wrapper.e-rtl .e-clear-icon, e-rtl .e-outline.e-float-input.e-control-wrapper .e-clear-icon, .e-outline.e-input-group.e-rtl .e-clear-icon, .e-rtl .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon { padding-left: 12px; padding-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 12px; } .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl .e-outline.e-input-group .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 12px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-small .e-clear-icon, .e-rtl.e-outline.e-input-group .e-clear-icon.e-small, .e-rtl .e-outline.e-input-group .e-clear-icon.e-small, .e-rtl.e-small .e-outline.e-input-group .e-clear-icon, .e-small .e-rtl.e-outline.e-input-group .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon .e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon { padding-left: 10px; padding-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl.e-small .e-outline.e-input-group .e-input-group-icon, .e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon .e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 10px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group .e-clear-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon .e-rtl .e-outline.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group .e-clear-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon { padding-left: 16px; padding-right: 0; } .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 16px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin-left: 12px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon { padding-left: 12px; padding-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 12px; margin-right: 0; } .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child { margin-left: 16px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 10px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child .e-bigger { margin-left: 12px; margin-right: 0; } .e-outline.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-small .e-outline.e-float-input label.e-float-text, .e-bigger .e-outline.e-float-input.e-small label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 12px; } .e-outline.e-float-input textarea:focus ~ label.e-float-text, .e-outline.e-float-input textarea:valid ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline textarea, textarea.e-outline, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea, .e-outline.e-float-input.e-input-group textarea { box-sizing: border-box; } .e-outline.e-float-input.e-valid-input:not(.e-input-focus) input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) textarea:focus ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-rtl.e-outline.e-float-input.e-small textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input textarea ~ label.e-float-text.e-small, .e-rtl.e-outline.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-rtl.e-outline.e-float-input textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-rtl.e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text { top: -7px; } .e-outline.e-float-input.e-small .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-outline.e-input-group.e-small .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input .e-clear-icon::before, .e-outline.e-small .e-input-group .e-clear-icon::before, .e-outline.e-small .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 14px; } .e-outline.e-float-input .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-input-group .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 16px; } .e-outline.e-float-input.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input .e-clear-icon::before, .e-outline.e-bigger .e-input-group .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 20px; } .e-outline.e-float-input.e-small.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-small.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-outline.e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 18px; } .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline label.e-float-text, .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-bigger .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-bigger .e-outline.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-bigger .e-outline.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input.e-bigger label.e-float-text, .e-outline.e-float-input label.e-float-text.e-bigger, .e-outline.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-small label.e-float-text, .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-outline.e-float-input.e-small textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-small, .e-outline.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 13px; } .e-outline.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-small label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { line-height: 1; } .e-filled input.e-input, .e-filled.e-input-group input, .e-filled.e-input-group.e-control-wrapper input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: border-box; } .e-control .e-filled input.e-input, .e-control .e-filled.e-input-group input, .e-control .e-filled.e-input-group input.e-input, .e-control .e-filled.e-input-group.e-control-wrapper input, .e-control .e-filled.e-input-group.e-control-wrapper input.e-input, .e-control .e-filled.e-float-input input, .e-control .e-filled.e-float-input.e-control-wrapper input, .e-control.e-filled.e-input-group input, .e-control.e-filled.e-input-group input.e-input, .e-control.e-filled.e-input-group.e-control-wrapper input, .e-control.e-filled.e-input-group.e-control-wrapper input.e-input, .e-control.e-filled.e-float-input input, .e-control.e-filled.e-float-input.e-control-wrapper input { box-sizing: border-box; } .e-filled input.e-input.e-bigger, .e-filled.e-input-group.e-bigger input, .e-filled.e-input-group.e-bigger input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-input-group input, .e-bigger .e-filled.e-input-group input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper input, .e-bigger .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-bigger input.e-input, .e-bigger .e-filled.e-float-input input, .e-bigger .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper input, .e-bigger .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small, .e-filled.e-input-group.e-small input, .e-filled.e-input-group.e-small input.e-input, .e-small .e-filled.e-input-group input, .e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small input, .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper input, .e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-small input.e-input, .e-small .e-filled.e-float-input input, .e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper input, .e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input:not(.e-input-group) input, .e-small .e-filled.e-float-input:not(.e-input-group) input.e-input .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small input, .e-filled.e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group input, .e-bigger.e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger.e-small input, .e-filled.e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input input, .e-bigger.e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { box-sizing: border-box; } .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small, .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input.e-small textarea.e-input, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small textarea, .e-filled.e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group textarea, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger.e-small textarea, .e-filled.e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger.e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled.e-float-input input, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0; } .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 0; } .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input { border-width: 0; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper { border-radius: 4px 4px 0 0; padding: 0 10px 0 12px; } .e-filled.e-input-group.e-bigger, .e-bigger .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper { margin-top: 0; padding: 0 12px 0 16px; } .e-filled.e-input-group.e-small, .e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-filled.e-input-group.e-control-wrapper { margin-top: 0; padding: 0 6px 0 8px; } .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-small, .e-bigger .e-filled.e-input-group.e-small, .e-small .e-filled.e-input-group.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger { margin-top: 0; padding: 0 10px 0 12px; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { border: 1px solid; border-radius: 4px 4px 0 0; border-width: 0 0 1px 0; margin-top: 0; padding: 0 10px 0 12px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { margin-top: 0; padding: 0 12px 0 16px; } .e-filled.e-float-input.e-small, .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper { margin-top: 0; padding: 0 6px 0 8px; } .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-small, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger { margin-top: 0; padding: 0 10px 0 12px; } .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-input-group.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-input-group.e-small, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-small, .e-small .e-rtl.e-filled.e-input-group.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-small, .e-small.e-rtl .e-filled.e-input-group.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-float-input.e-small, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-small, .e-small .e-rtl.e-filled.e-float-input.e-bigger, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-small, .e-small.e-rtl .e-filled.e-float-input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-filled input.e-input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled textarea.e-input, .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea.e-input { padding: 10px 2px 10px 0; } .e-filled .e-input:focus { padding-bottom: 10px; } .e-filled.e-input-group input.e-input:focus, .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group textarea.e-input:focus, .e-filled.e-input-group.e-control-wrapper textarea.e-input:focus, .e-filled.e-input-group.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 10px 2px 10px 0; } .e-filled input.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger .e-input, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-filled input.e-input, .e-bigger .e-filled textarea.e-input, .e-bigger .e-filled.e-input-group .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input { padding: 16px 4px 16px 0; } .e-filled.e-input-group.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input:focus, .e-filled.e-input-group.e-bigger.e-input-focus .e-input, .e-bigger .e-filled.e-input-group.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus .e-input { padding: 16px 4px 16px 0; } .e-filled .e-input.e-bigger:focus, .e-bigger .e-filled .e-input:focus { padding-bottom: 16px; } .e-filled .e-input.e-small:focus { padding-bottom: 7px; } .e-filled .e-input.e-small, .e-filled.e-input-group.e-small .e-input, .e-filled.e-input-group.e-control-wrapper.e-small .e-input { padding: 7px 2px 7px 0; } .e-filled.e-input-group.e-small .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus, .e-filled.e-input-group.e-small.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 7px 2px 7px 0; } .e-filled .e-input.e-small.e-bigger:focus, .e-bigger .e-filled .e-input.e-small:focus { padding-bottom: 10px; } .e-filled .e-input.e-small.e-bigger, .e-bigger .e-filled .e-input.e-small, .e-small .e-filled .e-input.e-bigger { padding: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input, .e-filled.e-input-group.e-small .e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input { padding: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-small .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus, .e-filled.e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-filled.e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 10px 2px 10px 0; } .e-filled.e-float-input input, .e-filled.e-float-input.e-control-wrapper input { padding: 14px 2px 5px 0; } .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-filled.e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper input { padding: 20px 4px 6px 0; } .e-filled.e-float-input.e-small.e-bigger input, .e-filled.e-float-input.e-small input.e-bigger, .e-bigger .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input { padding: 14px 2px 5px 0; } .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input { padding: 12px 2px 4px 0; } .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-rtl .e-filled.e-input-group input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-filled.e-float-input input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-filled.e-float-input.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-filled.e-float-input.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-small, .e-filled input.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled input.e-input, .e-small .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-filled.e-input-group.e-rtl input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-filled.e-input-group input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-rtl input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-rtl.e-input-focus input.e-input { padding: 7px 0 7px 2px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-small input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-rtl input.e-small, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-small, .e-rtl .e-filled.e-float-input input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-small, .e-small .e-filled.e-float-input.e-rtl input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-small.e-rtl .e-filled.e-float-input input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-filled.e-float-input input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-filled.e-float-input.e-rtl input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-rtl.e-input-focus input { padding: 12px 0 4px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-bigger, .e-filled input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled input.e-input, .e-bigger .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-filled.e-input-group input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-filled.e-input-group.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input { padding: 16px 0 16px 4px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-filled.e-float-input.e-bigger.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-filled.e-float-input.e-rtl input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-filled.e-float-input.e-rtl input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-filled.e-float-input input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-filled.e-float-input input:focus, .e-bigger .e-filled.e-float-input.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-input-focus input, .e-bigger .e-filled.e-float-input.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input { padding: 20px 0 6px 4px; text-indent: 0; } .e-bigger .e-filled input.e-input.e-small.e-rtl, .e-filled.e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-filled.e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-rtl .e-filled.e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-bigger .e-filled.e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-small.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-rtl .e-filled.e-float-input.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-small input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-small.e-rtl input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-filled.e-float-input.e-bigger.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-filled.e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-small input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-filled.e-float-input.e-bigger input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-filled.e-float-input.e-bigger.e-small input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-bigger.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-filled.e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-bigger.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-filled.e-float-input.e-bigger.e-small.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper, .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { font-size: 16px; } .e-filled.e-float-input.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 16px; } .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper { font-size: 13px; } .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 13px; } .e-filled.e-float-input.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger { font-size: 14px; } .e-filled.e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-disabled, .e-bigger .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-bigger.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 14px; } .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input { min-height: 55px; } .e-filled.e-float-input.e-bigger input, .e-bigger .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input { min-height: 55px; } .e-filled.e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-filled.e-input-group:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input { min-height: 35px; } .e-filled.e-float-input.e-small input, .e-small .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input { min-height: 35px; } .e-filled.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input { min-height: 39px; } .e-float-input.e-bigger.e-small.e-filled input, .e-bigger .e-float-input.e-filled.e-small input, .e-small .e-float-input.e-filled.e-bigger input, .e-float-input.e-filled.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-bigger input, .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-filled.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-filled.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger input { min-height: 39px; } .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { min-height: 39px; } .e-filled.e-input-group:not(.e-float-input) input.e-input, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper input.e-input { min-height: 39px; } .e-float-input.e-filled.e-input-group.e-control-wrapper input, .e-float-input.e-filled input, .e-float-input.e-filled.e-control-wrapper input { min-height: 39px; } .e-filled label.e-float-text, .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; left: 12px; letter-spacing: .009375em; line-height: 1.15; padding-left: 0; pointer-events: none; right: auto; top: 12px; transform: none; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; padding-left: 0; top: 12px; transform: none; width: 100%; } .e-filled.e-float-input input:focus ~ label.e-float-text, .e-filled.e-float-input input:valid ~ label.e-float-text, .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 16px; top: 18px; } .e-bigger .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: 10px; } .e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 14px; top: 12px; } .e-filled.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text { font-size: 14px; top: 12px; } .e-bigger .e-filled.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input label.e-float-text.e-bigger, .e-filled.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-small, .e-filled.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-filled.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-small label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: none; } .e-filled.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translateY(-50%) scale(0.75); } .e-bigger .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; } .e-float-input.e-filled.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 16px; } .e-filled.e-float-input.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 16px; } .e-filled.e-float-input.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 16px; } .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 16px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger label.e-float-text, .e-small .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 8px; } .e-filled.e-float-input.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 8px; } .e-filled.e-float-input.e-small.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 8px; } .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 8px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input label.e-float-text, .e-small.e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-small.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-filled .e-float-line, .e-float-input.e-filled .e-float-text, .e-float-input.e-filled.e-control-wrapper .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-text { right: 0; } .e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after { bottom: -1px; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 16px; margin-bottom: 0; margin-top: 0; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 14px; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon { font-size: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 16px; margin-bottom: 0; margin-top: 0; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 14px; padding: 0 0 0 4px; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon { font-size: 18px; padding: 0 0 0 8px; } .e-filled.e-float-input .e-clear-icon, .e-filled.e-float-input.e-control-wrapper .e-clear-icon, .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 16px; padding: 0 0 0 8px; } .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon { min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group .e-clear-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-clear-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon { font-size: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-small, .e-small .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 14px; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 4px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 4px 0 0; } .e-filled.e-float-input .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-input-group .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 16px; } .e-filled.e-float-input.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-input-group.e-small .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input .e-clear-icon::before, .e-small .e-filled.e-input-group .e-clear-icon::before, .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 14px; } .e-filled.e-float-input.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input .e-clear-icon::before, .e-bigger .e-filled.e-input-group .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 20px; } .e-filled.e-float-input.e-small.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-filled.e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 18px; } .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text { top: 12px; } .e-filled.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: none; border-width: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 12px; } .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 16px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon.e-small, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-small .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 14px; margin: 0; min-height: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon { font-size: 18px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-small .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-small.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-right: 0; } .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-left: 0; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-right: 0; } .e-filled.e-rtl.e-input-group .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-right: 0; } .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled textarea.e-input, .e-filled.e-input-group.e-multi-line-input textarea, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input textarea, .e-filled.e-float-input.e-multi-line-input textarea, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input textarea { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-input-focus textarea, .e-filled.e-input-group.e-input-focus textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-filled.e-input-group textarea.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input { padding: 0 16px 16px; } .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 16px 5px; } .e-filled.e-input-group.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 16px 16px; } .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-filled.e-input-group textarea.e-small, .e-filled.e-input-group textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input { padding: 0 8px 7px; } .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input textarea.e-small, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 8px 4px; } .e-filled.e-input-group.e-input-focus.e-small textarea, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-input-focus textarea, .e-small .e-filled.e-input-group.e-input-focus textarea.e-input { padding: 0 8px 7px; } .e-filled.e-input-group.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-small textarea.e-input.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-filled.e-input-group.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-filled.e-input-group.e-bigger textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger { padding: 0 12px 10px; } .e-filled.e-float-input textarea.e-bigger.e-small, .e-filled.e-float-input.e-small.e-bigger textarea, .e-filled.e-float-input.e-small textarea.e-bigger, .e-filled.e-float-input.e-bigger textarea.e-small, .e-bigger .e-filled.e-float-input.e-small textarea, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger .e-float-input textarea.e-small, .e-small .e-filled.e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-input-focus textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-input-group.e-multi-line-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 16px 0 0; } .e-filled.e-input-group.e-small.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 7px 0 0; } .e-filled.e-input-group.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-bigger.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 14px 0 0; } .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 20px 0 0; } .e-filled.e-float-input.e-small.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 12px 0 0; } .e-filled.e-float-input.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input { padding: 14px 0 0; } .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-small, .e-filled textarea.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled textarea.e-input, .e-small .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-small, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-small, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus { padding: 0 8px 7px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-small, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus { padding: 0 8px 4px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled textarea.e-input, .e-bigger .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus { padding: 0 16px 16px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-bigger, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus { padding: 0 16px 5px; text-indent: 0; } .e-bigger .e-filled textarea.e-input.e-small.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-rtl .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-filled.e-float-input.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-filled.e-float-input.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { margin-left: 4px; } .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-rtl.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 4px; } .e-filled.e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 0; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; bottom: -1px; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-filled.e-input-group.e-float-icon-left::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left::before { left: 50%; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before { left: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::after { width: 50%; bottom: -1px; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after { width: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { right: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { right: 50%; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { right: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 0; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left { border-bottom: 1px solid; } .e-float-input.e-control-wrapper.e-hidden, .e-input-group.e-control-wrapper.e-hidden { display: none; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-success.e-float-icon-left, .e-filled.e-input-group.e-warning.e-float-icon-left, .e-filled.e-input-group.e-error.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-success.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-warning.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-error.e-float-icon-left { border: 1px solid; border-width: 0 0 1px 0; } .e-input-group.e-control-container.valid.modified, .e-input-group.e-control-container.invalid, .e-float-input.e-control-container.valid.modified, .e-float-input.e-control-container.invalid { outline: none; } /*! input theme */ input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.87); } .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group, .e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper { background: transparent; color: rgba(0, 0, 0, 0.87); } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.26); } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); background: transparent; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea, .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input { background: none; color: inherit; } .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] { background: none; color: inherit; } .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled] { color: inherit; } /*! Added color to textbox for disbaled state */ .e-float-input:not(.e-disabled) input[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) input[disabled], .e-float-input:not(.e-disabled) textarea[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.42); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon:hover { background: transparent; } .e-input.e-success, .e-input.e-success:focus, .e-input-group.e-success input.e-input, .e-input-group.e-control-wrapper.e-success input.e-input, .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon, .e-input-group.e-success textarea.e-input, .e-input-group.e-control-wrapper.e-success textarea.e-input { border-color: #22b24b; } .e-input.e-warning, .e-input.e-warning:focus, .e-input-group.e-warning input.e-input, .e-input-group.e-control-wrapper.e-warning input.e-input, .e-input-group.e-warning .e-input-group-icon, .e-input-group.e-control-wrapper.e-warning .e-input-group-icon, .e-input-group.e-warning textarea.e-input, .e-input-group.e-control-wrapper.e-warning textarea.e-input { border-color: #ffca1c; } .e-input.e-error, .e-input.e-error:focus, .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, .e-input-group.e-control-wrapper.e-error .e-input-group-icon, .e-input-group.e-error .e-input-group-icon, .e-input-group.e-error textarea.e-input, .e-input-group.e-control-wrapper.e-error textarea.e-input { border-color: #f44336; } label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error label.e-float-text, .e-float-input.e-control-wrapper.e-error label.e-float-text, .e-float-input.e-error input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-error textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text { color: #f44336; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-float-input.e-success input, .e-float-input.e-success textarea, .e-float-input.e-control-wrapper.e-success input, .e-float-input.e-control-wrapper.e-success textarea { border-bottom-color: #22b24b; } .e-float-input.e-warning input, .e-float-input.e-control-wrapper.e-warning input, .e-float-input.e-warning textarea, .e-float-input.e-control-wrapper.e-warning textarea { border-bottom-color: #ffca1c; } .e-float-input.e-error input, .e-float-input.e-control-wrapper.e-error input, .e-float-input.e-error textarea, .e-float-input.e-control-wrapper.e-error textarea { border-bottom-color: #f44336; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { background: #e3165b; } .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after { background: #22b24b; } .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after { background: #ffca1c; } .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after { background: #f44336; } .e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active { background: transparent; color: rgba(0, 0, 0, 0.54); } input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection, .e-input-group textarea.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-float-input textarea::selection, .e-float-input.e-control-wrapper textarea::selection { background: #e3165b; color: #fff; } .e-float-input.e-small textarea::selection, .e-float-input textarea::selection { background: #e3165b; color: #fff; } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder, .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { background: #e3165b; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { background: #e3165b; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after { background: #22b24b; } .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after { background: #22b24b; } .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after { background: #ffca1c; } .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::after { background: #ffca1c; } .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after { background: #f44336; } .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after { background: #f44336; } .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning .e-input-group-icon, .e-input-group.e-control-wrapper.e-warning .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error .e-input-group-icon, .e-input-group.e-control-wrapper.e-error .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-success:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-success:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-warning:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-error:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input { border-color: #e3165b; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-control-wrapper.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon { border-color: transparent; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-color: rgba(0, 0, 0, 0.42); } .e-input-group, .e-input-group.e-control-wrapper { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-bottom-color: transparent; border-top-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-float-icon-left.e-input-group.e-success, .e-float-icon-left.e-control-wrapper.e-input-group.e-success, .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-float-icon-left.e-input-group.e-warning, .e-float-icon-left.e-input-group.e-control-wrapper.e-warning, .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-float-icon-left.e-input-group.e-error, .e-float-icon-left.e-input-group.e-control-wrapper.e-error, .e-input-group.e-float-icon-left, .e-input-group.e-control-wrapper.e-float-icon-left { border-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) { border-bottom-color: #22b24b; } .e-input-group.e-float-icon-left.e-success .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap { border-bottom-color: #22b24b; } .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left) { border-bottom-color: #ffca1c; } .e-input-group.e-float-icon-left.e-warning .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning .e-input-in-wrap { border-bottom-color: #ffca1c; } .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border-bottom-color: #f44336; } .e-input-group.e-float-icon-left.e-error .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap { border-bottom-color: #f44336; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { color: rgba(0, 0, 0, 0.54); } .e-float-input .e-clear-icon:hover, .e-float-input.e-control-wrapper .e-clear-icon:hover, .e-input-group .e-clear-icon:hover, .e-input-group.e-control-wrapper .e-clear-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-disabled .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-disabled .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon { color: rgba(0, 0, 0, 0.26); } .e-float-input.e-input-focus .e-input:focus, .e-float-input.e-control-wrapper.e-input-focus .e-input:focus { border-bottom-color: transparent; border-top-color: transparent; } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-input-group.e-disabled .e-float-text, .e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input input[disabled] ~ label.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-disabled label.e-float-text, .e-float-input.e-disabled label.e-float-text.e-label-top, .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input textarea[disabled] ~ label.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: #e3165b; } .e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-input-group, .e-outline.e-float-input.e-control-wrapper, .e-outline.e-float-input.e-input-group.e-control-wrapper { color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-disabled, .e-outline.e-float-input.e-disabled, .e-outline.e-float-input.e-input-group.e-disabled, .e-outline.e-float-input.e-control-wrapper.e-disabled, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled { color: rgba(0, 0, 0, 0.38); } .e-outline.e-input-group:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input:hover:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after { border-color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { border-color: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-input-group:not(.e-input-focus), .e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-float-icon-left:not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-input-focus) { border-color: rgba(0, 0, 0, 0.24); } .e-outline.e-input-group.e-error, .e-outline.e-input-group.e-control-wrapper.e-error, .e-outline.e-input-group.e-error:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left), .e-outline.e-float-input.e-error, .e-outline.e-float-input.e-input-group.e-error, .e-outline.e-float-input.e-control-wrapper.e-error, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error { border-color: #f44336; } .e-outline.e-float-input.e-success.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-success.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-warning.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-warning.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-error.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-error.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus:not(.e-float-icon-left) { border-top-color: transparent; } .e-outline.e-input-group.e-success, .e-outline.e-input-group.e-control-wrapper.e-success, .e-outline.e-input-group.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-outline.e-float-input.e-success, .e-outline.e-float-input.e-input-group.e-success, .e-outline.e-float-input.e-control-wrapper.e-success, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success { border-color: #22b24b; } .e-outline.e-input-group.e-warning, .e-outline.e-input-group.e-control-wrapper.e-warning, .e-outline.e-input-group.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-outline.e-float-input.e-warning, .e-outline.e-float-input.e-input-group.e-warning, .e-outline.e-float-input.e-control-wrapper.e-warning, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning { border-color: #ffca1c; } .e-outline.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) { box-shadow: inset 1px 1px #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .e-outline.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) { box-shadow: inset 1px 1px #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b; } .e-outline.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) { box-shadow: inset 1px 1px #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c; } .e-outline.e-float-input.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) { box-shadow: inset 1px 0 #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .e-outline.e-float-input.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) { box-shadow: inset 1px 0 #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b; } .e-outline.e-float-input.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) { box-shadow: inset 1px 0 #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c; } .e-outline.e-input-group.e-disabled:not(.e-input-focus), .e-outline.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-disabled.e-float-icon-left:not(.e-input-focus), .e-outline.e-input-group.e-disabled.e-control-wrapper.e-float-icon-left:not(.e-input-focus) { border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-success.e-valid-input label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-success.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-success) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-success).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text { color: #f44336; } .e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-warning.e-valid-input label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-warning) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-warning).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top { color: #e3165b; } .e-outline.e-input[disabled], .e-outline.e-input-group .e-input[disabled], .e-outline.e-input-group.e-control-wrapper .e-input[disabled], .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-disabled, .e-outline.e-float-input input[disabled], .e-outline.e-float-input.e-control-wrapper input[disabled], .e-outline.e-float-input textarea[disabled], .e-outline.e-float-input.e-control-wrapper textarea[disabled], .e-outline.e-float-input.e-disabled, .e-outline.e-float-input.e-control-wrapper.e-disabled, .e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-outline.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background-image: none; border-bottom-color: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus), .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) { border-top-color: transparent; } .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after { border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-input-group.e-disabled .e-float-text, .e-outline.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-outline.e-float-input input[disabled] ~ label.e-float-text, .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-disabled label.e-float-text, .e-outline.e-float-input.e-disabled label.e-float-text.e-label-top, .e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-input-group.e-disabled .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:active, .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active { color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .e-filled.e-float-input.e-input-group, .e-filled.e-float-input.e-control-wrapper, .e-filled.e-float-input.e-input-group.e-control-wrapper { background: #f5f5f5; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover, .e-filled.e-input-group.e-control-wrapper:hover, .e-filled.e-float-input:hover, .e-filled.e-float-input.e-input-group:hover, .e-filled.e-float-input.e-control-wrapper:hover, .e-filled.e-float-input.e-input-group.e-control-wrapper:hover { background: #ececec; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group.e-input-focus, .e-filled.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-focus, .e-filled.e-float-input.e-input-group.e-input-focus, .e-filled.e-float-input.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-input-group:hover.e-input-focus, .e-filled.e-input-group:hover.e-control-wrapper.e-input-focus, .e-filled.e-float-input:hover.e-input-focus, .e-filled.e-float-input:hover.e-input-group.e-input-focus, .e-filled.e-float-input:hover.e-control-wrapper.e-input-focus, .e-filled.e-float-input:hover.e-input-group.e-control-wrapper.e-input-focus { background: #dcdcdc; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input.e-success, .e-filled.e-float-input.e-control-wrapper.e-success, .e-filled.e-input-group.e-float-icon-left.e-success, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-success { border-bottom-color: #22b24b; } .e-filled.e-float-input.e-warning, .e-filled.e-float-input.e-control-wrapper.e-warning, .e-filled.e-input-group.e-float-icon-left.e-warning, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-warning { border-bottom-color: #ffca1c; } .e-filled.e-float-input.e-error, .e-filled.e-float-input.e-control-wrapper.e-error, .e-filled.e-input-group.e-float-icon-left.e-error, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-error { border-bottom-color: #f44336; } .e-filled label.e-float-text, .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-error label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text, .e-filled.e-float-input.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text { color: #f44336; } .e-filled.e-float-input.e-success label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success label.e-float-text, .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning label.e-float-text, .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: #e3165b; } .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder, .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:active, .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active, .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:active, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active { color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-disabled .e-clear-icon, .e-filled.e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-filled.e-disabled .e-clear-icon, .e-input-group.e-filled.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-filled.e-disabled .e-input-group-icon, .e-input-group.e-filled.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.38); } .e-filled.e-input[disabled], .e-input-group.e-filled .e-input[disabled], .e-input-group.e-filled.e-control-wrapper .e-input[disabled], .e-input-group.e-filled.e-disabled, .e-input-group.e-filled.e-control-wrapper.e-disabled, .e-filled.e-float-input input[disabled], .e-filled.e-float-input.e-control-wrapper input[disabled], .e-filled.e-float-input textarea[disabled], .e-filled.e-float-input.e-control-wrapper textarea[disabled], .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-disabled { background: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-disabled:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.06); } .e-filled.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input:not(.e-disabled) input[disabled], .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) input[disabled], .e-filled.e-float-input:not(.e-disabled) textarea[disabled], .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input input[disabled] ~ label.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder, .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { background: #e3165b; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { background: #e3165b; } .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::after { background: #22b24b; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::after { background: #22b24b; } .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::after { background: #ffca1c; } .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::after { background: #f44336; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::after { background: #f44336; } .e-filled.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #22b24b; } .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus inputs ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-input-group-icon.e-spin-up::before { content: '\e834'; font-family: 'e-icons'; } .e-input-group-icon.e-spin-down::before { content: '\e83d'; font-family: 'e-icons'; } .e-numeric-container { width: 100%; } .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 33px; min-height: 33px; } .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric, .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 40px; min-height: 40px; } .e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden { border: 0; height: 0; margin: 0; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 12px; } .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon { font-size: 12px; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! maskedtextbox layout */ .e-control-wrapper.e-mask .e-maskedtextbox { font-family: Arial, "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 12.5px; } .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox { font-size: 13px; } .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox { font-size: 13px; } .e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask, .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 40px; min-height: 40px; } /*! maskedtextbox theme */ .e-control-wrapper.e-mask.e-error .e-maskedtextbox { color: #f44336; } .e-utility-mask.e-error { color: #f44336; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle { cursor: default; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 3; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-tab-handle::after { background-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-start.e-tab-handle::after { background-color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup { background-color: #e3165b; border: 0; border-radius: 8px; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close { display: block; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-inner { color: #000; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-bottom { border-top-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-top { border-bottom-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-right { border-left-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-left { border-right-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip { visibility: visible; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0 8px; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner { color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom { border-top-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top { border-bottom-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right { border-left-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left { border-right-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default { background-color: #e3165b; border: 0; border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip { visibility: hidden; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-before .e-tip-content { transform: rotate(-45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content { transform: rotate(-225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content { transform: rotate(45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content { transform: rotate(225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-horizantal-color { height: 100%; position: absolute; top: 0; } .e-slider-vertical-color { left: -1px; position: absolute; width: 100%; } .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value, .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value { font-size: 12px; } .e-control-wrapper.e-slider-container { -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: inline-block; height: 18px; line-height: normal; outline: none; position: relative; user-select: none; } .e-control-wrapper.e-slider-container::after { content: "material"; display: none; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size { transform: scale(1.5); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle { margin: 0 -6px 0 0; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: right; } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: left; } .e-control-wrapper.e-slider-container.e-rtl.e-vertical { direction: ltr; } .e-control-wrapper.e-slider-container.e-disabled.e-material-slider .e-slider .e-handle.e-handle-first { background-color: #757575; } .e-control-wrapper.e-slider-container.e-disabled:hover .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range { background: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { background: #757575; transform: scale(0.5) !important; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first { background-color: #757575; border: 0; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle::after { -ms-transform: scale(0); -webkit-transform: scale(0); background: transparent; border: 7px solid #fff; border-radius: 50%; box-sizing: border-box; content: ''; height: 26px; left: calc(50% - 13px); opacity: 1; position: absolute; top: calc(50% - 13px); transform: scale(1); transition: none; width: 26px; z-index: -1; } .e-control-wrapper.e-slider-container.e-disabled .e-btn { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable { display: block; } .e-control-wrapper.e-slider-container.e-horizontal { height: 48px; width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button { left: 0; margin-top: -9px; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///8G+5iqAAAAL3RSTlMABAgMEBQYHCAkKDA0ODxETFRYYGRsdHyAh4uTm6Onr7O/w8fL09ff4+fr7/P3+/6nVicAAADJSURBVHgBldJHdoNgAANhQUjvPTHuxbgAuv/t/J5O8I82Wn27UfGaVmjvBwvsdmEDUH33JuBxYwNQ/48m4LWzAbie2QR8nkzA/coGoPodTMDzzgagae1ykHAASDgAJBwAEk4xSDgAJBwAEg4ACacYJBwAEg4ACYeAjyMEaqYQSC97CFT/DQxID2sIpK8zBLqZQyC9dRDoajIyID1tIVD10zMg3S0ZSF4IJC8GkhcDyQuB5MVA8kIgeTGQvBhIXggkLwaSFwLJK3cBRvanB71ijlkAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 4.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button { margin-top: -9px; right: 0; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////////+/v7+/v7+/v7////////+/v7////+/v7+/v7+/v7+/v7+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///9VYKa9AAAAL3RSTlMABAgMEBQYHCAoLDQ4PEBMUFhcZGx0eICDi5Obn6ers7vDx8vP19vf4+fr7/P3++LF0fAAAADNSURBVHgBldNHbsNAGEPhkZSi9F4S915k6d3/dga8Jgjw7bkYzPeXS5ObkkX3EQ5gcRcO6H/qbACbp3AAo6twwOEtHMCsDQecvqpsAKuHcMDw12QD2L2EA/C8EFleiCwvRJYXIssLmeGFzPBCZnghM7yQGV7IDC9Eglc26D6zwfS2JIP9a/To4b8pyWD9GH1c/11FNOZthO/4nvEeX5dksH2OTnT4rUsyWN4Xk4cj8nBEHo7IwxF5OCIPR+ThiDwckYcj8nBEHo5Iw5GdAVm8p9sPUXNKAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 2.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn { padding: 0 30px; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider { height: 32px; position: relative; top: calc(50% - 16px); width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track { height: 2px; left: 0; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.26); overflow: hidden; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-handle { margin-left: -6px; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range { height: 2px; } .e-control-wrapper.e-slider-container.e-horizontal .e-range { height: 2px; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-limits { background-color: rgba(0, 0, 0, 0.26); height: 2px; position: absolute; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-vertical { height: inherit; padding: 38px 0; width: 48px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider { height: 100%; left: calc(50% - 16px); position: relative; width: 32px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider-track { background: rgba(0, 0, 0, 0.26); bottom: 0; height: 100%; position: absolute; left: calc(50% - 1px); overflow: hidden; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn { height: 100%; padding: 30px 0; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider { height: 100%; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button { bottom: 0; margin-right: -9px; right: 50%; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////1kjJ6AAAALnRSTlMABAgMEBQYHCAkKDA4QERITFRcYGRodHyDj5OXn6Ons7e7v8vP09ff5+vv8/f7zZvJMAAAAItJREFUeAHdyVcagjAQBsAfUVTAXsTeSTRm7388i/kUQjYHYF4H9bAUXjuEV/KQEdC98f9I8dLXxJngY879CsbG/ccARuPsetHCT1tWXyUoSDXZRiiZ2p/Bsi7/HrbgVPw8REUk/n+P4ZAoMvQATmMyFmBk39+CExzefwnBauZEsgOPWOkevIYz1NEToo45F58KJy0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 2.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button { margin-right: -9px; right: 50%; top: 0; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////////////+/v7////+/v7+/v7////////+/v7+/v7////+/v7////+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////wrNfvAAAALnRSTlMABAgMEBQYICgsMDQ4QERITFBcYGhseHyDi5Obn6Ort7u/x8/X29/j5+vv8/f77y3LJgAAAI1JREFUeAHdyVeagjAUBtCbYQTsXewFENGYf//LsyB8kORmAZzXQ600mLrfz2XX9X8xcO0Qb4+3s2B/ia8N9yOFwtz+wR0/z77tvQSVm0+mI2piYXyEhp3+E2gWzQ8lNGpY//8UhjygijjBIvGotIbVofwZGFHxPQmGGn/ez8B6hETiAofUo1XmtKVWeAEhzjgqqZr/lwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 4.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle { margin-bottom: -6px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle { margin-bottom: -6px; left: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range { left: calc(50% - 1px); width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits { background-color: rgba(0, 0, 0, 0.26); left: calc(50% - 1px); position: absolute; width: 2px; } .e-control-wrapper.e-slider-container .e-range { border-radius: 2px; position: absolute; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out; } .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal { cursor: pointer; } .e-control-wrapper.e-slider-container .e-range.e-drag-vertical { cursor: pointer; } .e-control-wrapper.e-slider-container .e-slider { box-sizing: border-box; cursor: default; display: block; outline: 0 none; padding: 0; position: relative; } .e-control-wrapper.e-slider-container .e-slider .e-handle { border-radius: 50%; box-sizing: border-box; cursor: grab; height: 12px; outline: none; position: absolute; touch-action: none; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out; width: 12px; z-index: 10; cursor: grab; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active { cursor: grabbing; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start { background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container .e-slider .e-handle::after { -moz-box-sizing: content-box; -ms-transform: scale(0); -webkit-box-sizing: content-box; -webkit-transform: scale(0); border: 0 solid; border-radius: 50%; box-sizing: content-box; content: ''; filter: alpha(opacity=26); height: 32px; left: calc(50% - 16px); opacity: .26; position: absolute; top: calc(50% - 16px); transform: scale(0); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 32px; z-index: -1; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after { background-color: #e0e0e0; opacity: .38; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after { -ms-transform: scale(1); -webkit-transform: scale(1); background-color: #e3165b; transform: scale(1); } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick { background-position: bottom; height: 50%; top: 1px; } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick { background-position: right; left: 1px; width: 50%; } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick { background-position-x: center; height: 50%; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick { background-position: left; left: calc(50% - 1px); width: 50%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick { background-position: center; height: 99%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick { background-position: center; width: 100%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large { width: 100%; } .e-control-wrapper.e-slider-container .e-scale { box-sizing: content-box; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; height: 28px; line-height: normal; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; position: absolute; top: calc(50% - 14px); width: 100%; z-index: 1; } .e-control-wrapper.e-slider-container .e-scale .e-tick { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII="); cursor: default; outline: none; position: relative; -webkit-user-select: none; user-select: none; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { color: #000; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 10px; outline: none; position: absolute; -webkit-user-select: none; user-select: none; white-space: nowrap; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale { height: 100%; left: calc(50% - 14px); top: 0; width: 28px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick { background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick { background-position-y: top; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick { background-position-y: bottom; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick { display: inline-block; background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: left; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: right; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before { right: 26px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after { left: 27px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both { right: 41px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child { left: 39px; } .e-control-wrapper.e-slider-container .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { visibility: visible; } .e-control-wrapper.e-slider-container:hover .e-scale .e-tick { visibility: visible; } .e-control-wrapper.e-slider-container:active .e-scale .e-tick { visibility: visible; } .e-slider-hover .e-scale .e-tick { visibility: visible; } /*! component theme */ .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-first { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-second { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container .e-slider-button { background-color: rgba(0, 0, 0, 0.54); border: 1px solid transparent; border-radius: 50%; height: 18px; width: 18px; box-sizing: border-box; cursor: pointer; outline: none; padding: 0; position: absolute; } .e-control-wrapper.e-slider-container .e-slider .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle { background-color: #e3165b; border-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip { background-color: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track { background-color: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-slider-hover .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container.e-slider-hover .e-handle { border-color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-upload .e-upload-files .e-file-remove-btn.e-icons::before { content: '\e945'; } .e-upload .e-upload-files .e-icons.e-file-pause-btn::before { content: '\e326'; } .e-upload .e-upload-files .e-icons.e-file-reload-btn::before { content: '\e99d'; } .e-upload .e-upload-files .e-icons.e-file-play-btn::before { content: '\e324'; } .e-upload .e-upload-files .e-file-delete-btn.e-icons::before { content: '\e94a'; } .e-upload .e-upload-files .e-file-abort-btn.e-icons::before { content: '\e974'; } .e-upload .e-upload-files .e-icons.e-msie::before { position: relative; right: 10px; } .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before { right: 12px; } .e-bigger .e-upload { width: 100%; } .e-bigger .e-upload .e-file-select-wrap { padding: 20px 0 20px 16px; } .e-bigger .e-upload .e-file-select-wrap .e-file-drop { font-size: 15px; margin-left: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list { font-size: 15px; line-height: normal; min-height: 100px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container { margin-left: 16px; top: 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 15px; padding-top: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 12px; padding: 10px 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 15px; padding-top: 16px; top: initial; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { font-size: 12px; padding-bottom: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { height: 10px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { height: 3px; width: 98%; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { height: 3px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { font-size: 11px; right: 10px; top: -33px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; font-size: 12px; height: 18px; margin: 16px; margin-top: -24px; padding: 20px; top: 50%; width: 18px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { right: 45px; } .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 13px; } .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 18px; } .e-bigger .e-upload .e-upload-actions .e-btn { margin-left: 16px; } .e-bigger .e-upload .e-upload-actions .e-file-upload-btn { margin: 15px; } .e-bigger .e-upload .e-upload-actions .e-file-clear-btn { margin: 15px; } .e-bigger .e-upload.e-rtl .e-file-select-wrap { padding: 20px 16px 20px 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { margin-left: 60px; margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information { top: 54px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { left: 10px; right: initial; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { box-sizing: border-box; left: 0; margin-left: 16px; margin-right: 16px; padding: 20px; top: 50%; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 41px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 16px; padding-top: 12px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 42px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload, .e-bigger.e-small .e-upload { width: 100%; } .e-upload.e-control-wrapper, .e-bigger.e-small .e-upload.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; } .e-upload .e-hidden-file-input, .e-bigger.e-small .e-upload .e-hidden-file-input { border: 0; height: 0; margin: 0; outline: none; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-upload .e-file-select-wrap .e-file-select, .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { display: inline-block; width: 0; } .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { opacity: 0; } .e-upload .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop { font-family: inherit; font-size: 14px; margin-left: 12px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 12px; padding-top: 8px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 32px; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files, .e-bigger.e-small .e-upload .e-upload-files { list-style-type: none; margin: 0; padding: 0; } .e-upload .e-upload-files .e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus { outline: none; } .e-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list { font-family: inherit; font-size: 14px; height: 100%; line-height: normal; min-height: 90px; position: relative; } .e-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container { display: block; height: 100%; margin-left: 12px; margin-right: 90px; min-height: 35px; position: relative; top: 3px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: left; font-family: inherit; font-size: 14px; max-width: 75%; overflow: hidden; padding-top: 12px; position: relative; text-overflow: ellipsis; top: 0; white-space: nowrap; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before { content: attr(data-tail); float: right; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { display: block; font-family: inherit; font-size: 14px; padding-top: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden { visibility: hidden; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { display: block; font-size: 11px; padding: 8px 0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { display: block; font-family: inherit; font-size: 11px; padding-bottom: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress { display: none; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { display: block; height: 8px; padding-bottom: 6px; padding-top: 6px; position: absolute; width: 98%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { border-radius: 0; display: block; height: 2px; width: 100%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { border-radius: 0; display: inherit; height: 2px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: right; font-family: inherit; font-size: 11px; position: relative; right: 6px; top: -27px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { align-items: center; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: 11px; height: 18px; justify-content: center; margin: 0 12px; margin-top: -18px; padding: 18px; position: absolute; right: 0; top: 50%; vertical-align: middle; width: 18px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress { cursor: default; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons { padding: 18px 13px 18px 23px; } .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { right: 36px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; border-radius: 50%; box-shadow: 0 0 0 transparent; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { border-radius: 50%; } .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 11px; opacity: 1; } .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 15px; opacity: 1; } .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn, .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn { font-family: inherit; } .e-upload .e-upload-actions, .e-bigger.e-small .e-upload .e-upload-actions { position: relative; text-align: right; } .e-upload .e-upload-actions .e-file-upload-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn { margin: 12px; } .e-upload .e-upload-actions .e-file-clear-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn { margin: 12px; } .e-upload.e-rtl .e-file-select-wrap, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 10px; } .e-upload.e-rtl .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-actions, .e-bigger.e-small .e-upload.e-rtl .e-upload-actions { text-align: left; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { height: 100%; margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container { direction: ltr; float: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size { direction: ltr; float: right; position: relative; text-align: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { float: right; position: initial; top: 46px; width: 89%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: left; right: -8px; top: -25px; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons { left: 0; margin-left: 12px; margin-right: 12px; right: auto; top: 50%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons { left: 36px; right: auto; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 36px; } .e-upload.e-disabled .e-file-drop, .e-bigger.e-small .e-upload.e-disabled .e-file-drop { color: rgba(0, 0, 0, 0.38); } .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.38); } .e-upload .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 65px; min-height: 65px; } .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 80px; min-height: 80px; } .e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-small .e-upload .e-file-select-wrap .e-file-drop { font-size: 13px; margin-left: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list { min-height: 76px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 11px; padding: 5px 0; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { padding-bottom: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { padding-bottom: 3px; padding-top: 3px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons { font-size: 10px; height: 24px; padding: 12px; width: 24px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 10px; padding-top: 6px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 34px; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload { border: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-file-drop { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files { border-top: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { color: rgba(0, 0, 0, 0.54); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success { color: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap { background-color: #e0e0e0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress { background: #e3165b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success { background: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed { background: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 0 transparent; } .e-upload-drag-hover { outline: 2px dashed #9e9e9e; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-container .e-value-switch-btn::before { content: '\e430'; } .e-colorpicker-wrapper, .e-colorpicker-container { display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; } .e-colorpicker-wrapper .e-colorpicker, .e-colorpicker-container .e-colorpicker { height: 1px; opacity: 0; position: absolute; width: 1px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { font-family: initial; line-height: 14px; padding: 0 4px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 2px; height: 18px; margin-top: 0; position: relative; width: 18px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview { border-radius: 2px; } .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 4px; } .e-colorpicker-wrapper *, .e-colorpicker-container * { box-sizing: border-box; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile, .e-colorpicker-container.e-disabled .e-palette .e-tile { cursor: default; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover, .e-colorpicker-container.e-disabled .e-palette .e-tile:hover { border: 0; box-shadow: none; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected, .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected { border: 0; } .e-colorpicker-wrapper.e-disabled .e-container .e-handler, .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle, .e-colorpicker-container.e-disabled .e-container .e-handler, .e-colorpicker-container.e-disabled .e-container .e-preview-container, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { cursor: default; } .e-colorpicker-wrapper.e-disabled .e-container .e-hsv-container, .e-colorpicker-container.e-disabled .e-container .e-hsv-container { pointer-events: none; } .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) { line-height: 0; } .e-colorpicker.e-modal, .e-colorpicker.e-hsv-model { -webkit-overflow-scrolling: touch; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .e-colorpicker.e-modal { background-color: rgba(0, 0, 0, 0.6); opacity: .5; pointer-events: auto; } .e-colorpicker.e-hsv-model { background-color: transparent; } .sf-colorpicker .e-switch-ctrl-btn .e-ctrl-btn { position: relative; } .e-show-value .sf-colorpicker.e-color-palette .e-selected-value, .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn { width: 270px; } .e-dropdown-popup.e-transparent .e-container { display: none; } body.e-colorpicker-overflow { overflow: visible; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { line-height: 18px; padding: 0 6px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { height: 22px; width: 22px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 6px; } .e-container { border: 0; border-radius: 0; display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-container.e-color-picker { width: 270px; } .e-container.e-color-picker .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%; } .e-container.e-color-palette { width: auto; } .e-container.e-color-palette .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBzdHlsZT0iZmlsbDp1cmwoI19MaW5lYXIyKTsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsMTgpIj4KICAgICAgICA8Y2xpcFBhdGggaWQ9Il9jbGlwMyI+CiAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwMykiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwtMCwxOCkiPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxjbGlwUGF0aCBpZD0iX2NsaXA0Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXA0KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLC0wLDE4KSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfSW1hZ2U1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDYiPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDYpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsLTAsMTgpIj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2LjI3MDE5ZS0xNCwtMTAyNCwtMTAyNCwtNi4yNzAxOWUtMTQsMCwxOCkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMTgyLDI1NSk7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOmJsYWNrO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4xMDIxOGUtMTUsLTE4LC0xOCwtMS4xMDIxOGUtMTUsMTgsMTgpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigwLDE4MiwyNTUpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjaztzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2U1IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJJQUFBQVNDQVlBQUFCV3pvNVhBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQmUwbEVRVlE0alcyUjIyNGNNUXhER2NBbyt2OC8yU0lYZE9wTk5iSXVWaDlrZXp6SlBoaWlTT3JNQXZ2eTBBanlBSGVBSEdBSHlDUDE4dTQ3ZVl6ZTlBS2xhaDlCZ0F5WG5tVUxjQStRYmQ3cWp4OWdnVkxGUWRiVDlBQlpYNlZkWHpNLy9MVmZqbE11dy9xQWR2QUMzZmR2bVE1UVpVbUErZ1ZUWDZWZDh3Sjk3NWRLbkdYek1VZnBpVGYzdXpkQi93Z2tsaVZ4a0U1dFdSSkxiNGMvNlplamZvTE5NdFJaeXYyWk4zZFNCYXREVlFGWGxQcDRnTlZBb3FPa1F4dW8yY3Iybk5Wd2lnSnVnQ2xnaWxMclgxQ2Jod3BXdmUwa3NtVTUzUXh3SGM4QU01UjZIQnRBUUUzQVlqa25WREpyb2tDM1BIYlBPZlpTano4SjRMWU9XRFIzVlJBblBOeUE3dm1tZGs5UWQ1VGo0dzBzRzRqYjBPbXBUa0FmMHpiZDExN3FCSjBOeEx3MGl5RGNnZGlPcG80K0lCMElINkQzMXdTMEJqb1ozQ1QvMHBpSGNla0ppTmgwdmxMZmZnOUF3OGs4Z3RoZXYyczh6MHA5L1FVNlQ3Z2JFTWhnbGhIcDdjZDQzbm5CajU4ekhVZERiMk1URit6TC9oOXIveU91c0ZQS093QUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat 100% 100%; } .e-container .e-custom-palette { width: auto; } .e-container .e-custom-palette .e-palette { padding: 10px; } .e-container .e-custom-palette.e-palette-group { height: 270px; overflow-y: scroll; } .e-container .e-palette { border-bottom: 0; display: table; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; } .e-container .e-palette .e-row { display: table-row; white-space: nowrap; } .e-container .e-palette .e-tile { border: 0.5px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-block; height: 27px; text-align: center; vertical-align: middle; width: 27px; } .e-container .e-palette .e-tile.e-selected { outline: #000 0.5px solid; position: relative; } .e-container .e-palette .e-tile:hover { box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3); position: relative; } .e-container .e-palette .e-tile.e-nocolor-item { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; } .e-container .e-hsv-container { border-bottom: 0; position: relative; touch-action: none; } .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%); height: 170px; } .e-container .e-hsv-container .e-handler { border: 1px solid #fff; border-radius: 6px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7); cursor: pointer; display: inline-block; height: 8px; margin-left: -4px; margin-top: -4px; position: absolute; touch-action: none; -webkit-user-select: none; user-select: none; width: 8px; } .e-container .e-slider-preview { display: inline-block; width: 100%; padding: 10px 16px; } .e-container .e-slider-preview .e-colorpicker-slider { display: inline-block; width: 82.34%; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 18px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider { height: 18px; top: calc(50% - 9px); } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track { height: 6px; top: calc(50% - 3px); border-radius: 0; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 6px; cursor: pointer; height: 14px; top: calc(50% - 7px); width: 14px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active { cursor: pointer; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size { transform: scale(1); } .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track { background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); border: 0; z-index: 0; } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-opacity-empty-track { background-size: contain; border: 0; height: 6px; position: absolute; top: calc(50% - 3px); width: 100%; z-index: 1; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-container .e-slider-preview .e-preview-container { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 10px; border: 1px solid #e0e0e0; cursor: pointer; display: inline-block; height: 32px; margin-left: 4.205%; position: relative; top: -2px; width: 13.45%; } .e-container .e-slider-preview .e-preview-container .e-preview { display: block; height: 16px; position: absolute; width: 100%; } .e-container .e-slider-preview .e-preview-container .e-preview.e-current { border-bottom: 1px solid #e0e0e0; top: 0; } .e-container .e-slider-preview .e-preview-container .e-preview.e-previous { height: 14px; top: 16px; } .e-container .e-selected-value { align-items: center; display: flex; padding: 0 16px 16px; -webkit-user-select: none; user-select: none; width: 100%; } .e-container .e-selected-value .e-input-container .e-float-input input { padding-left: 0; text-align: center; } .e-container .e-selected-value .e-input-container .e-numeric-hidden { display: none; } .e-container .e-selected-value .e-value-switch-btn { font-family: 'e-icons'; margin-top: 0; padding: 2px 3px; font-size: 16px; line-height: 16px; } .e-container .e-input-container { display: inline-block; width: 89.8%; } .e-container .e-input-container .e-float-input { display: inline-block; margin-right: 3.75%; vertical-align: baseline; } .e-container .e-input-container .e-float-input:first-child { width: 33%; } .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12%; } .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-container .e-input-container .e-float-input .e-float-text { text-align: center; } .e-container .e-switch-ctrl-btn { display: inline-block; padding: 0 16px 16px; white-space: nowrap; width: 100%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: right; text-align: right; white-space: nowrap; width: 89.913%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-cancel { margin-left: 0; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn { background-origin: border-box; background-position: center; background-size: cover; float: left; margin-top: 0; overflow: hidden; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus { box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2); } .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn { background-color: transparent; border-color: transparent; position: relative; width: 10.09%; height: 24px; } .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active { border-color: transparent; box-shadow: none; outline: none; } .e-container.e-color-picker .e-value-switch-btn:focus { outline: none; } .e-container.e-color-palette .e-palette + .e-selected-value, .e-container.e-color-palette .e-palette-group + .e-selected-value { padding: 16px 16px; } .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn, .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn { padding: 23px 16px 16px; } .sf-colorpicker.e-container .e-input-container .e-float-input { margin-right: calc(3.75% - 2.28px); } .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider { vertical-align: super; } .e-hide-opacity .e-container .e-slider-preview .e-preview-container { top: 0; } .e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.3%; } .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.25%; } .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-hide-valueswitcher .e-container .e-float-input:first-child { width: 33%; } .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13%; } .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.58%; } .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric { width: 22.18%; } .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 30.82%; } .e-rtl .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%); } .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track { background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.205%; } .e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.75%; margin-right: 0; } .e-rtl .e-container .e-selected-value .e-float-input input { padding-right: 0; } .e-rtl .e-container .e-selected-value .e-value-switch-btn { transform: rotate(180deg); } .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn { float: right; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: left; text-align: left; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-cancel { margin-left: 0; margin-right: 0; } .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input { margin-right: calc(3.75% - 2.28px); } .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-bigger .e-container.e-color-picker { width: 290px; } .e-bigger .e-container .e-palette .e-tile { height: 29px; width: 29px; } .e-bigger .e-container .e-hsv-container .e-hsv-color { height: 180px; } .e-bigger .e-container .e-custom-palette.e-palette-group { height: 290px; } .e-bigger .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-container .e-slider-preview .e-preview-container { margin-left: 4.657%; vertical-align: super; width: 12.408%; top: 0; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider { width: 82.944%; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 20px; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 8px; height: 16px; top: calc(50% - 8px); width: 16px; } .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn { width: 90.6%; } .e-bigger .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn { padding: 25px 16px 16px; } .e-bigger .e-container .e-input-container { width: 90.7%; } .e-bigger .e-container .e-input-container .e-float-input { margin-right: 3.425%; } .e-bigger .e-container .e-input-container .e-float-input:first-child { width: 33.5%; } .e-bigger .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12.34%; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-bigger .e-container .e-css.e-value-switch-btn, .e-bigger .e-container .e-mode-switch-btn { padding: 2px 3px; width: 9.306%; font-size: 18px; line-height: 18px; } .e-bigger .e-container .e-mode-switch-btn { margin-top: 5px; } .e-bigger .e-container.sf-colorpicker .e-input-container .e-float-input { margin-right: calc(3.425% - 2.38px); } .e-bigger .e-hide-opacity .e-container .e-slider-preview, .e-bigger.e-hide-opacity .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-hide-opacity .e-container .e-slider-preview .e-preview-container, .e-bigger.e-hide-opacity .e-container .e-slider-preview .e-preview-container { vertical-align: initial; } .e-bigger .e-hide-opacity .e-container .e-float-input:first-child, .e-bigger.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger .e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.76%; } .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-bigger.e-hide-valueswitcher .e-container .e-input-container, .e-bigger .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13.2%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.9%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 31%; } .e-bigger .e-rtl .e-container .e-slider-preview .e-preview-container, .e-bigger.e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.657%; } .e-bigger .e-rtl .e-container .e-selected-value .e-float-input, .e-bigger.e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.425%; margin-right: 0; } .e-bigger .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input, .e-bigger.e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input { margin-left: calc(3.425% - 2.38px); } .e-bigger .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger.e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger.e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child { width: 100%; } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; min-width: 26px; transform: translateY(18px) rotate(45deg) scale(0.01); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 50%; height: 24px; position: relative; transform: rotate(45deg); width: 24px; } .e-split-preview, .e-tip-transparent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip { min-width: 32px; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { height: 30px; width: 30px; } .e-container { background-color: #fff; } .e-container .e-palette .e-tile:hover { border-color: #eee; } .e-container .e-palette .e-tile.e-selected { border-color: #eee; } .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler { background-color: transparent; border-color: transparent; box-shadow: none; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle { background-color: #fff; border-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn, .e-colorpicker-container.e-disabled .e-value-switch-btn, .e-colorpicker-container.e-disabled .e-mode-switch-btn { color: rgba(0, 0, 0, 0.26); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus, .e-colorpicker-container.e-disabled .e-value-switch-btn:focus, .e-colorpicker-container.e-disabled .e-mode-switch-btn:focus { background-color: transparent; color: rgba(0, 0, 0, 0.26); outline: none; outline-offset: unset; } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active, .e-colorpicker-container.e-disabled .e-value-switch-btn:active, .e-colorpicker-container.e-disabled .e-mode-switch-btn:active { background-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled, .e-colorpicker-container .e-icon-btn:disabled, .e-colorpicker-container .e-icon-btn.e-disabled { background-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.12); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { background-color: #fff; border-color: #fff; } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-popups/styles/material.css (1) ***! \*****************************************************************************************************************************************************************************************************************************************************/ .e-dialog .e-icon-dlg-close::before { content: '\e7fc'; position: relative; } .e-dialog .e-icon-dlg-close { opacity: initial; } .e-dialog .e-icon-dlg-close:active { opacity: initial; } .e-dialog .e-icon-dlg-close:hover { opacity: initial; } .e-dialog .e-south-east::before, .e-dialog .e-south-west::before, .e-dialog .e-north-east::before, .e-dialog .e-north-west::before { content: '\eb05'; } /*! dialog layout */ .e-dialog { border: none; border-radius: 2px; flex-direction: column; width: 100%; } .e-dialog.e-popup { width: 100%; } .e-dialog.e-dlg-resizable { padding-bottom: 15px; touch-action: none; } .e-dialog .e-dlg-header-content { border-radius: 1px 1px 0 0; line-height: 30px; } .e-dialog .e-dlg-header-content + .e-dlg-content { padding-top: 0; } .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close { font-size: 12px; width: auto; } .e-dialog .e-dlg-header { display: block; font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; user-select: none; vertical-align: top; white-space: nowrap; width: 80%; } .e-dialog .e-dlg-header.e-hide { display: none; } .e-dialog .e-dlg-modal { position: fixed; } .e-dialog .e-scroll-disabled { overflow: hidden !important; } .e-dialog .e-dlg-content { display: block; flex: 1 1 auto; font-size: 13px; font-weight: normal; line-height: normal; overflow: auto; overflow-x: hidden; } .e-dialog .e-dlg-content.e-hide { display: none; } .e-dialog .e-footer-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: none; bottom: 0; display: block; right: 0; width: 100%; } .e-dialog .e-footer-content.e-hide { display: none; } .e-dialog .e-footer-content { text-align: right; } .e-dialog .e-resize-handle { height: 15px; position: absolute; width: 15px; } .e-dialog .e-resize-handle.e-south-east { bottom: 0; cursor: nwse-resize; right: 0; } .e-dialog .e-resize-handle.e-south-west { bottom: 0; cursor: nesw-resize; left: 0; transform: rotate(90deg); } .e-dialog .e-resize-handle.e-north-east { cursor: nesw-resize; right: 0; top: 0; transform: rotate(-90deg); } .e-dialog .e-resize-handle.e-north-west { cursor: nwse-resize; left: 0; top: 0; transform: rotate(180deg); } .e-dialog .e-south, .e-dialog .e-north, .e-dialog .e-east, .e-dialog .e-west { background-color: transparent; background-repeat: repeat; overflow: visible; position: absolute; } .e-dialog .e-east, .e-dialog .e-west { cursor: ew-resize; } .e-dialog .e-south, .e-dialog .e-north { cursor: ns-resize; } .e-dialog.e-blazor-hidden { left: 0; position: absolute; } .e-bigger.e-dialog .e-dlg-header-content, *.e-bigger .e-dialog .e-dlg-header-content { padding: 24px 24px 20px; } .e-bigger.e-dialog .e-dlg-header, *.e-bigger .e-dialog .e-dlg-header { font-size: 18px; } .e-bigger.e-dialog .e-dlg-content, *.e-bigger .e-dialog .e-dlg-content { font-size: 13px; padding: 24px; } .e-bigger.e-dialog .e-footer-content, *.e-bigger .e-dialog .e-footer-content { padding: 8px; } .e-bigger.e-dialog .e-footer-content .e-btn, *.e-bigger .e-dialog .e-footer-content .e-btn { margin-left: 8px; } .e-bigger.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn, *.e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { bottom: 3px; height: 36px; left: 6px; width: 36px; } .e-bigger.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close, *.e-bigger .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close { font-size: 12px; width: auto; } .e-bigger.e-rtl .e-footer-content .e-btn, .e-bigger .e-rtl .e-footer-content .e-btn { margin-left: 0; margin-right: 8px; } .e-bigger .e-dlg-header-content + .e-dlg-content { padding-top: 0; } .e-dialog .e-dlg-header-content { border-bottom: none; padding: 18px; } .e-dialog .e-dlg-content { padding: 18px; } .e-dialog .e-footer-content { padding: 8px; } .e-dialog .e-footer-content .e-btn { margin-left: 6px; } .e-rtl .e-footer-content .e-btn { margin-right: 6px; } .e-dialog.e-draggable > .e-dlg-header-content { cursor: move; } .e-dialog { max-height: 98%; max-width: 100%; min-width: 240px; position: absolute; } .e-rtl .e-footer-content .e-btn { margin-left: 0; } .e-rtl .e-footer-content { text-align: left; } .e-rtl .e-footer-content { text-align: left; } .e-dialog.e-rtl .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { float: left; left: 0; right: 6px; } .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { background-color: transparent; border-color: transparent; border-radius: 50%; bottom: 0; float: right; height: 30px; left: 6px; position: relative; width: 30px; } .e-rtl.e-dialog .e-resize-handle.e-south-west { bottom: 0; cursor: sw-resize; direction: ltr; left: 0; text-align: initial; transform: rotate(90deg); } .e-dlg-target.e-scroll-disabled { overflow: hidden !important; } .e-dlg-overlay { height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; transition: opacity .15s linear; width: 100%; } .e-dlg-overlay.e-fade { opacity: 0; } .e-dlg-overflow-hidden { overflow: auto; } .e-dlg-fullscreen { height: 100% !important; left: 0 !important; top: 0 !important; width: 100% !important; } .e-popup.e-popup-open.e-dialog { display: inline-flex; } .e-dlg-container { align-items: flex-start; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .e-dlg-center-center { -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; } .e-dlg-left-center { -webkit-align-items: center; -webkit-justify-content: flex-start; align-items: center; justify-content: flex-start; } .e-dlg-right-center { -webkit-align-items: center; -webkit-justify-content: flex-end; align-items: center; justify-content: flex-end; } .e-dlg-left-top { -webkit-align-items: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; justify-content: flex-start; } .e-dlg-right-top { -webkit-align-items: flex-start; -webkit-justify-content: flex-end; align-items: flex-start; justify-content: flex-end; } .e-dlg-center-top { align-items: center; flex-direction: column; } .e-dlg-left-bottom { -webkit-align-items: flex-end; -webkit-justify-content: flex-start; align-items: flex-end; justify-content: flex-start; } .e-dlg-right-bottom { -webkit-align-items: flex-end; -webkit-justify-content: flex-end; align-items: flex-end; justify-content: flex-end; } .e-dlg-center-bottom { -webkit-align-items: center; -webkit-justify-content: flex-end; align-items: center; flex-direction: column; justify-content: flex-end; } .e-dialog .e-btn.e-dlg-closeicon-btn:hover, .e-dialog .e-btn.e-dlg-closeicon-btn:focus, .e-dialog .e-btn.e-dlg-closeicon-btn:active { background-color: #e0e0e0; border-color: transparent; box-shadow: 0 0 0 transparent; } .e-dialog .e-btn.e-dlg-closeicon-btn:active { background-color: #e0e0e0; } .e-content-placeholder.e-dialog.e-placeholder-dialog { background-size: 400px 210px; min-height: 210px; } .e-bigger .e-content-placeholder.e-dialog.e-placeholder-dialog, .e-bigger.e-content-placeholder.e-dialog.e-placeholder-dialog { background-size: 400px 220px; min-height: 220px; } @media (min-width: 768px) { .e-alert-dialog.e-dialog.e-popup, .e-confirm-dialog.e-dialog.e-popup { margin: 30px auto; width: 600px; } } @media (max-width: 768px) { .e-alert-dialog.e-dialog.e-popup, .e-confirm-dialog.e-dialog.e-popup { margin: 30px auto; width: auto; } } .e-dlg-ref-element { display: none; } .e-dialog .e-footer-content { box-sizing: border-box; } .e-dialog { background-color: #fff; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); } .e-dlg-overlay { background-color: #383838; } .e-footer-content { background-color: #fff; } .e-dlg-header, .e-dlg-header * { color: rgba(0, 0, 0, 0.87); font-size: 18px; font-weight: normal; } .e-dlg-content { color: rgba(0, 0, 0, 0.87); } .e-device .e-dlg-content, .e-device .e-dlg-content * { font-size: 14px; } .e-dlg-header-content { background-color: #fff; } .e-dlg-content { background-color: #fff; } .e-icon-dlg-close { color: #000; } .e-dialog .e-btn.e-dlg-closeicon-btn:hover span { color: #000; } .e-dialog .e-btn.e-dlg-closeicon-btn:active span, .e-dialog .e-btn.e-dlg-closeicon-btn:focus span { border-radius: 50%; color: #000; opacity: 1; } .e-icon-dlg-close:active { border-radius: 50%; color: #000; opacity: 1; } .e-icon-dlg-close:hover { color: #000; } .e-dlg-header-content .e-dlg-closeicon-btn:hover { background-color: transparent; } .e-dlg-header-content .e-dlg-closeicon-btn:active { background-color: transparent; } .e-south-east { color: #000; } .e-rtl .e-south-east { color: transparent; } .e-rtl .e-south-west { color: #000; } .e-south-west, .e-north-east, .e-north-west { color: transparent; } /*! popup layout */ .e-popup { height: auto; position: absolute; width: auto; z-index: 1000; } .e-popup.e-popup-open { display: block; } .e-popup.e-popup-close { display: none; } .e-tooltip-close::before { content: '\e7e9'; font-size: 16px; } .e-arrow-tip-inner.e-tip-right::before { content: '\e848'; } .e-arrow-tip-inner.e-tip-top::before { content: '\e918'; } .e-arrow-tip-inner.e-tip-bottom::before { content: '\e919'; } .e-arrow-tip-inner.e-tip-left::before { content: '\e84b'; } /*! tooltip popup container layout */ .e-tooltip-popup-container { position: relative; } /*! tooltip layout */ .e-tooltip-wrap { max-width: 350px; min-width: 30px; padding: 0; position: absolute; visibility: visible; /*! tooltip arrow */ /*! tooltip sticky mode close icon */ /*! tooltip content area */ } .e-tooltip-wrap .e-arrow-tip { overflow: hidden; position: absolute; } .e-tooltip-wrap .e-arrow-tip.e-tip-bottom { height: 8px; left: 50%; top: 100%; width: 16px; } .e-tooltip-wrap .e-arrow-tip.e-tip-top { height: 8px; left: 50%; top: -9px; width: 16px; } .e-tooltip-wrap .e-arrow-tip.e-tip-left { height: 16px; left: -9px; top: 48%; width: 8px; } .e-tooltip-wrap .e-arrow-tip.e-tip-right { height: 16px; left: 100%; top: 50%; width: 8px; } .e-tooltip-wrap .e-tooltip-close { cursor: pointer; float: right; position: absolute; right: -9px; top: -9px; z-index: inherit; } .e-tooltip-wrap .e-tip-content { background-color: inherit; height: 100%; line-height: 16px; overflow-wrap: break-word; overflow-x: hidden; padding: 3px 6px; position: relative; white-space: normal; width: 100%; word-break: break-word; z-index: 1; } /*! Bigger Style */ .e-bigger .e-tooltip-wrap .e-tip-content, .e-tooltip-wrap.e-bigger .e-tip-content { line-height: 20px; padding: 5px 8px; } /*! Tooltip theme */ .e-tooltip-wrap { border-radius: 2px; filter: none; opacity: 0.9; /*! tooltip arrow */ /*! tooltip sticky mode close icon */ /*! tooltip content area */ } .e-tooltip-wrap.e-popup { background-color: #616161; border: 1px solid #616161; } .e-tooltip-wrap .e-arrow-tip-outer { height: 0; left: 0; position: absolute; top: 0; width: 0; } .e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #616161; } .e-tooltip-wrap .e-arrow-tip-outer.e-tip-top { border-bottom: 8px solid #616161; border-left: 8px solid transparent; border-right: 8px solid transparent; } .e-tooltip-wrap .e-arrow-tip-outer.e-tip-left { border-bottom: 8px solid transparent; border-right: 8px solid #616161; border-top: 8px solid transparent; } .e-tooltip-wrap .e-arrow-tip-outer.e-tip-right { border-bottom: 8px solid transparent; border-left: 8px solid #616161; border-top: 8px solid transparent; } .e-tooltip-wrap .e-arrow-tip-inner { height: 0; position: absolute; width: 0; z-index: 10; } .e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top { color: #616161; font-family: 'e-icons'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .e-tooltip-wrap .e-tooltip-close { background-color: #fff; border-color: transparent; border-radius: 8px; color: #616161; } .e-tooltip-wrap .e-tooltip-close:hover { background-color: #fff; color: #616161; } .e-tooltip-wrap .e-tip-content { color: #fff; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 11px; } /*! bigger style */ .e-bigger .e-tooltip-wrap .e-tip-content, .e-tooltip-wrap.e-bigger .e-tip-content { font-size: 14px; } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-spinner-pane { align-items: center; display: inline-flex; height: 100%; justify-content: center; left: 0; position: absolute; text-align: center; top: 0; -webkit-user-select: none; user-select: none; vertical-align: middle; width: 100%; z-index: 1000; } .e-spinner-pane::after { content: "Material"; display: none; } .e-spinner-pane.e-spin-left .e-spinner-inner { -webkit-transform: translateX(0%) translateY(-50%); left: 0; padding-left: 10px; transform: translateX(0%) translateY(-50%); } .e-spinner-pane.e-spin-right .e-spinner-inner { -webkit-transform: translateX(-100%) translateY(-50%); left: 100%; padding-right: 10px; transform: translateX(-100%) translateY(-50%); } .e-spinner-pane.e-spin-center .e-spinner-inner { -webkit-transform: translateX(-50%) translateY(-50%); left: 50%; transform: translateX(-50%) translateY(-50%); } .e-spinner-pane.e-spin-hide { display: none; } .e-spinner-pane.e-spin-show { display: inline-flex; } .e-spinner-pane .e-spinner-inner { -webkit-transform: translateX(-50%) translateY(-50%); left: 50%; margin: 0; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1000; } .e-spinner-pane .e-spinner-inner .e-spin-label { font-family: "Roboto", Segoe UI; font-size: 13px; margin-top: 16px; text-align: center; } .e-spinner-pane .e-spinner-inner .e-spin-material { animation: material-spinner-rotate 1568.63ms linear infinite; display: block; margin: 0 auto; } .e-spinner-pane .e-spinner-inner .e-spin-material .e-path-circle { fill: none; stroke-linecap: square; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 { animation: material-spinner-rotate .75s linear infinite; border-radius: 50%; display: block; margin: 0 auto; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle { fill: none; stroke-linecap: square; stroke-width: 4; } .e-spinner-pane .e-spinner-inner .e-spin-fluent, .e-spinner-pane .e-spinner-inner .e-spin-fabric { animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67); display: block; margin: 0 auto; overflow: visible; } .e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-circle, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle { fill: none; stroke-width: 1.5; } .e-spinner-pane .e-spinner-inner .e-spin-tailwind { animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.21, 0.21, 0.21, 0.21); display: block; margin: 0 auto; overflow: visible; } .e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-circle { fill: none; stroke-width: 4.5; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 { animation: material-spinner-rotate .75s linear infinite; border-radius: 50%; display: block; margin: 0 auto; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 .e-path-circle { fill: none; stroke-linecap: square; stroke-width: 4; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap { display: block; margin: 0 auto; } .e-spinner-pane .e-spinner-inner .e-spin-high-contrast { animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67); display: block; margin: 0 auto; overflow: visible; } .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle { fill: none; stroke-width: 1.5; } .e-spinner-pane { background-color: transparent; } .e-spinner-pane.e-spin-overlay { background-color: rgba(0, 0, 0, 0.4); } .e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-label { color: #fff; } .e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-bootstrap { fill: #e3165b; stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-label { color: rgba(0, 0, 0, 0.87); } .e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-circle, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle { stroke: rgba(227, 22, 91, 0.4); } .e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-circle { stroke: rgba(227, 22, 91, 0.4); } .e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-arc { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle { stroke: rgba(227, 22, 91, 0.4); } .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-material { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 { stroke: #e3165b; } .e-spinner-pane .e-spinner-inner .e-spin-bootstrap { fill: #e3165b; stroke: #e3165b; } /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-lists/styles/material.css (1) ***! \****************************************************************************************************************************************************************************************************************************************************/ .e-icon-collapsible::before { content: '\e913'; } .e-icon-back::before { content: '\e85b'; } .e-bigger .e-listview .e-list-item, .e-listview.e-bigger .e-list-item { border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; } .e-bigger .e-listview:not(.e-list-template) .e-list-item, .e-listview.e-bigger:not(.e-list-template) .e-list-item { height: 48px; line-height: 45px; position: relative; } .e-bigger .e-listview .e-text-content, .e-listview.e-bigger .e-text-content { font-size: 15px; } .e-bigger .e-listview .e-list-group-item, .e-listview.e-bigger .e-list-group-item { height: 48px; line-height: 45px; } .e-bigger .e-listview .e-list-header, .e-listview.e-bigger .e-list-header { align-items: center; display: flex; font-weight: bold; height: 64px; } .e-bigger .e-listview .e-list-header .e-text.header, .e-listview.e-bigger .e-list-header .e-text.header { display: none; } .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header, .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-bigger .e-listview .e-list-header .e-text, .e-listview.e-bigger .e-list-header .e-text { font-size: 20px; } .e-listview { -webkit-overflow-scrolling: touch; border: 0 solid; border-radius: 0; display: block; overflow: auto; position: relative; width: 100%; } .e-listview:not(.e-list-template) .e-list-item { height: 36px; line-height: 36px; padding: 0 16px; position: relative; } .e-listview .e-list-item { border-bottom: 0 solid; cursor: pointer; } .e-listview .e-list-parent { margin: 0; padding: 0; } .e-listview .e-list-header .e-text.header { display: none; } .e-listview .e-icon-back { margin-top: 2px; } .e-listview .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-listview .e-list-header { align-items: center; display: flex; font-weight: bold; height: 48px; border-bottom: 1px solid; padding: 0 16px; } .e-listview .e-has-header > .e-view { top: 45px; } .e-listview .e-but-back { cursor: pointer; padding-right: 30px; } .e-listview .e-list-group-item:first-child { border: 0; border-bottom: 0 solid transparent; } .e-listview .e-list-group-item { border-bottom: 0 solid transparent; border-top: 1px solid; height: 36px; line-height: 36px; font-weight: 600; padding: 0 16px; } .e-listview .e-icon-collapsible { cursor: pointer; font-size: 12px; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); } .e-listview .e-text-content { height: 100%; position: relative; vertical-align: middle; } .e-listview .e-text-content * { display: inline-block; vertical-align: middle; } .e-listview .e-text-content.e-checkbox .e-list-text { width: calc(100% - 40px); } .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text { width: calc(100% - 90px); } .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 80px); } .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 92px); } .e-listview .e-checkbox .e-checkbox-left { margin: -2px 10px 0 0; } .e-listview .e-checkbox .e-checkbox-right { margin: -2px 0 0 10px; } .e-listview .e-list-text { cursor: pointer; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-listview .e-list-icon + .e-list-text { width: calc(100% - 60px); } .e-listview .e-icon-wrapper .e-list-text { width: calc(100% - 60px); } .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text { width: calc(100% - 60px); } .e-listview .e-list-icon { margin-right: 16px; height: 30px; width: 30px; } .e-listview .e-content { overflow: hidden; position: relative; } .e-listview .e-list-header .e-text { cursor: pointer; text-indent: 0; } .e-listview .e-text .e-headertext { display: inline-block; line-height: inherit; } .e-listview.e-rtl { direction: rtl; } .e-listview.e-rtl .e-list-icon { margin-left: 16px; margin-right: 0; } .e-listview.e-rtl .e-icon-collapsible { left: 0%; right: initial; top: 50%; transform: translateY(-50%) rotate(180deg); } .e-listview.e-rtl .e-list-header .e-text { cursor: pointer; } .e-listview.e-rtl .e-but-back { transform: rotate(180deg); } .e-listview.e-rtl .e-icon-back { margin-top: -2px; } .e-listview.e-rtl .e-checkbox .e-checkbox-left { margin: -2px 0 0 10px; } .e-listview.e-rtl .e-checkbox .e-checkbox-right { margin: -2px 10px 0 0; } .e-listview { border-color: #000; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 15px; } .e-listview .e-list-header { background-color: #fff; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); font-size: 20px; } .e-listview .e-icons { color: rgba(0, 0, 0, 0.54); } .e-listview .e-list-item { background-color: #fff; border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; color: rgba(0, 0, 0, 0.87); } .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist { background-color: #eee; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-listview .e-list-item.e-active { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listview .e-list-item.e-active.e-checklist { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-listview .e-list-group-item { background-color: #fafafa; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); font-size: 15px; } .e-listview.e-list-template .e-list-wrapper { height: inherit; position: relative; } .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) { padding: 0.2667em 1.0666em; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line { padding: 1.0666em; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header { color: rgba(0, 0, 0, 0.87); display: block; font-size: 15px; font-weight: 500; margin: 0; overflow: hidden; padding: 0.115em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content { color: rgba(0, 0, 0, 0.54); display: block; font-size: 13px; margin: 0; padding: 0.115em 0; word-wrap: break-word; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { height: 2.6667em; left: 1.0667em; position: absolute; top: 0.2666em; width: 2.6667em; } .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { height: 2.6667em; position: absolute; right: 1.0667em; top: 0.2666em; width: 2.6667em; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar { top: 1.0666em; } .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar { top: 1.0666em; } .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge { font-size: 12px; height: 1.6666em; line-height: 1.8666em; padding: 0; position: absolute; right: 1.33em; top: 50%; transform: translateY(-50%); width: 2.5em; } .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.8em; padding-right: 4.1333em; } .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 1.0666em; padding-right: 4.1333em; } .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content { display: block; margin: 0; overflow: hidden; padding: 0.72em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listview.e-list-template .e-list-item.e-hover .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listview.e-list-template .e-list-item.e-active .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listview.e-list-template .e-list-item.e-active .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { left: inherit; right: 1.0667em; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { left: 1.0667em; right: inherit; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge { left: 1.33em; right: inherit; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.1333em; padding-right: 4.8em; } .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 4.1333em; padding-right: 1.0666em; } .e-sortable { outline: none; position: relative; -webkit-user-select: none; user-select: none; } .e-sortable .e-disabled { background-image: none; cursor: default; filter: alpha(Opacity=35); opacity: .35; } .e-sortable * { box-sizing: border-box; } .e-sortable *:focus { outline: none; } .e-sortableclone { position: fixed !important; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-splitbuttons/styles/material.css (1) ***! \***********************************************************************************************************************************************************************************************************************************************************/ .e-dropdown-btn .e-caret::before, .e-dropdown-btn.e-btn .e-caret::before { content: '\e969'; } /*! drop-down button layout */ .e-dropdown-btn, .e-dropdown-btn.e-btn { box-shadow: none; text-transform: none; white-space: normal; } .e-dropdown-btn:hover, .e-dropdown-btn.e-btn:hover { box-shadow: none; } .e-dropdown-btn:focus, .e-dropdown-btn.e-btn:focus { box-shadow: none; } .e-dropdown-btn:active, .e-dropdown-btn.e-btn:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-dropdown-btn .e-btn-icon, .e-dropdown-btn.e-btn .e-btn-icon { font-size: 14px; } .e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret { font-size: 8px; } .e-dropdown-btn.e-vertical, .e-dropdown-btn.e-btn.e-vertical { line-height: 1; padding: 12px 12px; } .e-dropdown-btn.e-caret-hide .e-caret, .e-dropdown-btn.e-btn.e-caret-hide .e-caret { display: none; } .e-dropdown-btn.e-small .e-dropdown-popup ul, .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul { padding: 8px 0; } .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item, .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item { padding: 0 16px; } .e-dropdown-btn.e-small.e-vertical, .e-dropdown-btn.e-btn.e-small.e-vertical { line-height: 1; padding: 12px 12px; } .e-bigger .e-dropdown-btn .e-btn-icon, .e-bigger.e-dropdown-btn .e-btn-icon { font-size: 16px; } .e-bigger .e-dropdown-btn .e-caret, .e-bigger.e-dropdown-btn .e-caret { font-size: 10px; } .e-bigger .e-dropdown-btn.e-vertical, .e-bigger.e-dropdown-btn.e-vertical { line-height: 1; padding: 16px 16px; } .e-bigger .e-dropdown-btn.e-small.e-vertical, .e-bigger.e-dropdown-btn.e-small.e-vertical { line-height: 1; padding: 16px 16px; } .e-dropdown-popup { position: absolute; } .e-dropdown-popup ul { border: none; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-sizing: border-box; font-size: 14px; font-weight: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; min-width: 120px; overflow: hidden; padding: 8px 0; -webkit-user-select: none; user-select: none; white-space: nowrap; } .e-dropdown-popup ul .e-item { cursor: pointer; display: flex; height: 36px; line-height: 36px; padding: 0 16px; } .e-dropdown-popup ul .e-item.e-url { padding: 0; } .e-dropdown-popup ul .e-item .e-menu-url { display: block; padding: 0 16px; text-decoration: none; width: 100%; } .e-dropdown-popup ul .e-item .e-menu-icon { float: left; font-size: 14px; line-height: 36px; margin-right: 10px; vertical-align: middle; width: 1em; } .e-dropdown-popup ul .e-item.e-disabled { cursor: auto; pointer-events: none; } .e-dropdown-popup ul .e-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; cursor: auto; height: auto; line-height: normal; margin: 8px 0; pointer-events: none; } .e-dropdown-popup.e-transparent { background: transparent; box-shadow: none; } .e-dropdown-popup.e-transparent .e-dropdown-menu { border: 0; height: 1px; min-width: 0; padding: 0; width: 1px; } .e-rtl.e-dropdown-popup .e-item .e-menu-icon { float: right; margin-left: 10px; margin-right: 0; } *.e-bigger .e-dropdown-popup ul, *.e-bigger.e-dropdown-popup ul { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); font-size: 15px; max-width: 280px; min-width: 112px; padding: 8px 0; } *.e-bigger .e-dropdown-popup ul .e-item, *.e-bigger.e-dropdown-popup ul .e-item { height: 48px; line-height: 48px; padding: 0 16px; } *.e-bigger .e-dropdown-popup ul .e-item.e-url, *.e-bigger.e-dropdown-popup ul .e-item.e-url { padding: 0; } *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon, *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon { font-size: 16px; line-height: 48px; } *.e-bigger .e-dropdown-popup ul .e-item.e-separator, *.e-bigger.e-dropdown-popup ul .e-item.e-separator { height: auto; line-height: normal; } /*! drop-down button theme */ .e-dropdown-popup { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item .e-menu-url { color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item .e-menu-icon { color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item.e-focused { background-color: #e0e0e0; box-shadow: none; } .e-dropdown-popup ul .e-item:hover { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected { background-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url { color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon { color: rgba(0, 0, 0, 0.87); } .e-dropdown-popup ul .e-separator { border-bottom-color: rgba(0, 0, 0, 0.12); } /*! splitbutton layout */ .e-split-btn-wrapper { display: inline-flex; white-space: nowrap; width: min-content; } .e-split-btn-wrapper .e-split-btn { border-bottom-right-radius: 0; border-top-right-radius: 0; text-transform: none; z-index: 1; padding-left: 10px; padding-right: 10px; } .e-split-btn-wrapper .e-split-btn:focus { outline-offset: 0; } .e-split-btn-wrapper .e-split-btn:hover { box-shadow: none; } .e-split-btn-wrapper .e-split-btn:focus { box-shadow: none; } .e-split-btn-wrapper .e-split-btn:active { box-shadow: none; z-index: 0; } .e-split-btn-wrapper .e-split-btn.e-top-icon-btn { padding-bottom: 10px; padding-top: 10px; } .e-split-btn-wrapper .e-split-btn .e-btn-icon { font-size: 14px; margin-left: 0; padding-right: 8px; width: auto; } .e-split-btn-wrapper .e-split-btn .e-icon-top { padding-bottom: 4px; padding-right: 0; } .e-split-btn-wrapper .e-split-btn.e-icon-btn { padding-left: 6px; padding-right: 6px; } .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon { padding-right: 0; } .e-split-btn-wrapper .e-dropdown-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 4px; padding-right: 4px; } .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover { box-shadow: none; } .e-split-btn-wrapper .e-dropdown-btn:active { box-shadow: none; z-index: 0; } .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active { z-index: 0; } .e-split-btn-wrapper .e-dropdown-btn:focus { outline-offset: 0; } .e-split-btn-wrapper .e-btn { box-shadow: none; } .e-split-btn-wrapper .e-btn:hover { box-shadow: none; } .e-split-btn-wrapper .e-btn:focus { box-shadow: none; } .e-split-btn-wrapper .e-btn:active { box-shadow: none; } .e-split-btn-wrapper .e-btn:disabled { box-shadow: none; } .e-split-btn-wrapper.e-rtl .e-split-btn { border-bottom-left-radius: 0; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 2px; margin-left: 0; padding-left: 4px; padding-right: 10px; } .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon { margin-right: 0; padding-left: 8px; padding-right: 0; } .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top { padding-left: 0; } .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn { padding-left: 6px; padding-right: 6px; } .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon { padding-left: 0; } .e-split-btn-wrapper.e-rtl .e-dropdown-btn { border-bottom-left-radius: 2px; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 0; margin-left: 0; } .e-split-btn-wrapper.e-vertical { display: inline-block; } .e-split-btn-wrapper.e-vertical .e-split-btn, .e-split-btn-wrapper.e-vertical .e-dropdown-btn { display: block; width: 100%; } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-left-radius: 0; border-top-right-radius: 2px; line-height: 1; padding-bottom: 4px; padding-right: 10px; } .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top { padding-bottom: 4px; } .e-split-btn-wrapper.e-vertical .e-dropdown-btn { border-bottom-left-radius: 2px; border-top-right-radius: 0; line-height: 0.417em; margin-left: 0; margin-top: 0; padding-bottom: 4px; padding-top: 4px; } .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom { padding-top: 0; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-bottom-right-radius: 0; border-top-left-radius: 2px; margin-left: 0; } .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn { border-bottom-right-radius: 2px; border-top-left-radius: 0; } .e-bigger .e-split-btn-wrapper .e-split-btn, .e-bigger.e-split-btn-wrapper .e-split-btn { padding-left: 12px; padding-right: 6px; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn, .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn { padding-bottom: 12px; padding-top: 12px; } .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon { font-size: 16px; margin-left: 0; padding-right: 10px; width: auto; } .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top, .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top { padding-bottom: 6px; padding-right: 0; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn, .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn { padding-left: 9px; padding-right: 9px; } .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon { padding-right: 0; } .e-bigger .e-split-btn-wrapper .e-dropdown-btn, .e-bigger.e-split-btn-wrapper .e-dropdown-btn { padding-left: 4px; padding-right: 4px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn { padding-left: 6px; padding-right: 12px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon { padding-left: 10px; padding-right: 0; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top { padding-left: 0; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn { padding-left: 9px; padding-right: 9px; } .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon, .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon { padding-left: 0; } .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn, .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn { padding-bottom: 6px; padding-right: 12px; } .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn, .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn { padding-bottom: 4px; padding-top: 4px; } .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom, .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom { padding-top: 0; } /*! splitbutton theme */ .e-split-btn-wrapper .e-split-btn { border-right-color: transparent; } .e-split-btn-wrapper .e-split-btn:focus { border-right-color: transparent; } .e-split-btn-wrapper .e-split-btn:active { border-right-color: transparent; } .e-split-btn-wrapper .e-split-btn:disabled { border-right-color: rgba(0, 0, 0, 0.12); } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn { border-right-color: transparent; } .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled { border-right-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn { border-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn:focus { border-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn:active { border-color: transparent; } .e-split-btn-wrapper.e-rtl .e-split-btn:disabled { border-left-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) { border-left-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn:focus { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn:active { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical .e-split-btn:disabled { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn { border-bottom-color: transparent; border-right-color: transparent; } .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled { border-bottom-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled { border-left-color: transparent; } .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn { border-left-color: transparent; } *.e-btn-group, *.e-css.e-btn-group { display: inline-flex; border-radius: 2px; flex-direction: row; position: relative; } *.e-btn-group input:focus + label.e-btn, *.e-btn-group .e-btn:focus, *.e-btn-group .e-btn:hover, *.e-css.e-btn-group input:focus + label.e-btn, *.e-css.e-btn-group .e-btn:focus, *.e-css.e-btn-group .e-btn:hover { z-index: 2; } *.e-btn-group input + label.e-btn, *.e-css.e-btn-group input + label.e-btn { margin-bottom: 0; } *.e-btn-group input, *.e-css.e-btn-group input { -moz-appearance: none; height: 1px; margin: 0 0 0 -1px; opacity: 0; position: absolute; width: 1px; } *.e-btn-group input:disabled + label.e-btn, *.e-btn-group :disabled, *.e-css.e-btn-group input:disabled + label.e-btn, *.e-css.e-btn-group :disabled { cursor: default; pointer-events: none; } *.e-btn-group .e-btn-icon, *.e-css.e-btn-group .e-btn-icon { font-size: 14px; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn { margin-left: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn, *.e-css.e-btn-group.e-rtl .e-btn { margin-left: 0; } *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-rtl .e-btn:first-of-type { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-rtl .e-btn:last-of-type { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-vertical, *.e-css.e-btn-group.e-vertical { flex-direction: column; } *.e-btn-group.e-vertical input, *.e-css.e-btn-group.e-vertical input { margin: -1px 0 0; } *.e-btn-group.e-vertical .e-btn:not(.e-outline), *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) { margin-top: -1px; } *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type), *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; } *.e-btn-group.e-vertical .e-btn:first-of-type, *.e-css.e-btn-group.e-vertical .e-btn:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } *.e-btn-group.e-vertical .e-btn:last-of-type, *.e-css.e-btn-group.e-vertical .e-btn:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child, *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl { border-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type, *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child), *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .e-bigger .e-btn-group .e-btn-icon, .e-bigger.e-btn-group .e-btn-icon, .e-bigger .e-css.e-btn-group .e-btn-icon, .e-bigger.e-css.e-btn-group .e-btn-icon { font-size: 16px; } .e-btn-group:not(.e-outline), .e-css.e-btn-group:not(.e-outline) { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn, .e-css.e-btn-group .e-btn { box-shadow: none; } .e-btn-group .e-btn:hover, .e-css.e-btn-group .e-btn:hover { box-shadow: none; } .e-btn-group .e-btn:focus, .e-btn-group input:focus + label.e-btn, .e-css.e-btn-group .e-btn:focus, .e-css.e-btn-group input:focus + label.e-btn { background-color: rgba(0, 0, 0, 0.18); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-primary, .e-btn-group input:focus + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:focus.e-primary, .e-css.e-btn-group input:focus + label.e-btn.e-primary { background-color: #ea4e82; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-success, .e-btn-group input:focus + label.e-btn.e-success, .e-css.e-btn-group .e-btn:focus.e-success, .e-css.e-btn-group input:focus + label.e-btn.e-success { background-color: #78a253; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-info, .e-btn-group input:focus + label.e-btn.e-info, .e-css.e-btn-group .e-btn:focus.e-info, .e-css.e-btn-group input:focus + label.e-btn.e-info { background-color: #3f98df; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-warning, .e-btn-group input:focus + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:focus.e-warning, .e-css.e-btn-group input:focus + label.e-btn.e-warning { background-color: #d07f3d; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-danger, .e-btn-group input:focus + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:focus.e-danger, .e-css.e-btn-group input:focus + label.e-btn.e-danger { background-color: #e06f4c; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; outline-color: inherit; } .e-btn-group .e-btn:focus.e-link, .e-btn-group input:focus + label.e-btn.e-link, .e-css.e-btn-group .e-btn:focus.e-link, .e-css.e-btn-group input:focus + label.e-btn.e-link { border-radius: 0; text-decoration: underline; color: #0a3576; background-color: transparent; border-color: transparent; box-shadow: none; outline: none; } .e-btn-group .e-btn:focus.e-outline, .e-btn-group input:focus + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:focus.e-outline, .e-css.e-btn-group input:focus + label.e-btn.e-outline { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-primary, .e-btn-group input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary { box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-success, .e-btn-group input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:focus.e-outline.e-success, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success { box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-info, .e-btn-group input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:focus.e-outline.e-info, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info { box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-warning, .e-btn-group input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning { box-shadow: none; } .e-btn-group .e-btn:focus.e-outline.e-danger, .e-btn-group input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger { box-shadow: none; } .e-btn-group .e-btn:active, .e-btn-group input:active + label.e-btn, .e-btn-group input:checked + label.e-btn, .e-css.e-btn-group .e-btn:active, .e-css.e-btn-group input:active + label.e-btn, .e-css.e-btn-group input:checked + label.e-btn { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-primary, .e-btn-group input:active + label.e-btn.e-primary, .e-btn-group input:checked + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:active.e-primary, .e-css.e-btn-group input:active + label.e-btn.e-primary, .e-css.e-btn-group input:checked + label.e-btn.e-primary { background-color: #ec618f; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-success, .e-btn-group input:active + label.e-btn.e-success, .e-btn-group input:checked + label.e-btn.e-success, .e-css.e-btn-group .e-btn:active.e-success, .e-css.e-btn-group input:active + label.e-btn.e-success, .e-css.e-btn-group input:checked + label.e-btn.e-success { background-color: #86ab65; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-info, .e-btn-group input:active + label.e-btn.e-info, .e-btn-group input:checked + label.e-btn.e-info, .e-css.e-btn-group .e-btn:active.e-info, .e-css.e-btn-group input:active + label.e-btn.e-info, .e-css.e-btn-group input:checked + label.e-btn.e-info { background-color: #54a3e2; color: #fff; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-warning, .e-btn-group input:active + label.e-btn.e-warning, .e-btn-group input:checked + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:active.e-warning, .e-css.e-btn-group input:active + label.e-btn.e-warning, .e-css.e-btn-group input:checked + label.e-btn.e-warning { background-color: #d58d52; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-danger, .e-btn-group input:active + label.e-btn.e-danger, .e-btn-group input:checked + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:active.e-danger, .e-css.e-btn-group input:active + label.e-btn.e-danger, .e-css.e-btn-group input:checked + label.e-btn.e-danger { background-color: #e37e5f; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn-group .e-btn:active.e-outline, .e-btn-group input:active + label.e-btn.e-outline, .e-btn-group input:checked + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:active.e-outline, .e-css.e-btn-group input:active + label.e-btn.e-outline, .e-css.e-btn-group input:checked + label.e-btn.e-outline { background-color: rgba(0, 0, 0, 0.32); border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn-group .e-btn:active.e-outline.e-primary, .e-btn-group input:active + label.e-btn.e-outline.e-primary, .e-btn-group input:checked + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:active.e-outline.e-primary, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary { background-color: #ec618f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-success, .e-btn-group input:active + label.e-btn.e-outline.e-success, .e-btn-group input:checked + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:active.e-outline.e-success, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success { background-color: #86ab65; border-color: transparent; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-info, .e-btn-group input:active + label.e-btn.e-outline.e-info, .e-btn-group input:checked + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:active.e-outline.e-info, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info { background-color: #54a3e2; border-color: transparent; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-warning, .e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-btn-group input:checked + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:active.e-outline.e-warning, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning { background-color: #d58d52; border-color: transparent; box-shadow: none; color: #fff; } .e-btn-group .e-btn:active.e-outline.e-danger, .e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-btn-group input:checked + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:active.e-outline.e-danger, .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger, .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger { background-color: #e37e5f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn-group .e-btn:disabled, .e-btn-group input:disabled + label.e-btn, .e-css.e-btn-group .e-btn:disabled, .e-css.e-btn-group input:disabled + label.e-btn { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-primary, .e-btn-group input:disabled + label.e-btn.e-primary, .e-css.e-btn-group .e-btn:disabled.e-primary, .e-css.e-btn-group input:disabled + label.e-btn.e-primary { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-success, .e-btn-group input:disabled + label.e-btn.e-success, .e-css.e-btn-group .e-btn:disabled.e-success, .e-css.e-btn-group input:disabled + label.e-btn.e-success { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-info, .e-btn-group input:disabled + label.e-btn.e-info, .e-css.e-btn-group .e-btn:disabled.e-info, .e-css.e-btn-group input:disabled + label.e-btn.e-info { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-warning, .e-btn-group input:disabled + label.e-btn.e-warning, .e-css.e-btn-group .e-btn:disabled.e-warning, .e-css.e-btn-group input:disabled + label.e-btn.e-warning { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-danger, .e-btn-group input:disabled + label.e-btn.e-danger, .e-css.e-btn-group .e-btn:disabled.e-danger, .e-css.e-btn-group input:disabled + label.e-btn.e-danger { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: transparent; } .e-btn-group .e-btn:disabled.e-link, .e-btn-group input:disabled + label.e-btn.e-link, .e-css.e-btn-group .e-btn:disabled.e-link, .e-css.e-btn-group input:disabled + label.e-btn.e-link { color: rgba(0, 0, 0, 0.26); background-color: transparent; box-shadow: none; text-decoration: none; border-color: transparent; } .e-btn-group .e-btn:disabled.e-outline, .e-btn-group input:disabled + label.e-btn.e-outline, .e-css.e-btn-group .e-btn:disabled.e-outline, .e-css.e-btn-group input:disabled + label.e-btn.e-outline { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #adadad; } .e-btn-group .e-btn:disabled.e-outline.e-primary, .e-btn-group input:disabled + label.e-btn.e-outline.e-primary, .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #e3165b; } .e-btn-group .e-btn:disabled.e-outline.e-success, .e-btn-group input:disabled + label.e-btn.e-outline.e-success, .e-css.e-btn-group .e-btn:disabled.e-outline.e-success, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #4d841d; } .e-btn-group .e-btn:disabled.e-outline.e-info, .e-btn-group input:disabled + label.e-btn.e-outline.e-info, .e-css.e-btn-group .e-btn:disabled.e-outline.e-info, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #0378d5; } .e-btn-group .e-btn:disabled.e-outline.e-warning, .e-btn-group input:disabled + label.e-btn.e-outline.e-warning, .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #c15700; } .e-btn-group .e-btn:disabled.e-outline.e-danger, .e-btn-group input:disabled + label.e-btn.e-outline.e-danger, .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger, .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: #d64113; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) { border-left: transparent; border-right: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type { border-right: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type { border-left: transparent; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline { border-color: inherit; outline-color: inherit; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary { border-color: inherit; outline-color: inherit; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success { border-color: inherit; outline-color: inherit; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info { border-color: inherit; outline-color: inherit; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning { border-color: inherit; outline-color: inherit; } .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) { border-bottom: transparent; border-top: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type { border-bottom: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type { border-top: transparent; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning { border-color: inherit; outline-color: inherit; } .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger, .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger, .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger { border-color: inherit; outline-color: inherit; } .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type), .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) { border-left: transparent; border-right: transparent; } .e-btn-group.e-rtl .e-btn:first-of-type, .e-css.e-btn-group.e-rtl .e-btn:first-of-type { border-left: transparent; } .e-btn-group.e-rtl .e-btn:last-of-type, .e-css.e-btn-group.e-rtl .e-btn:last-of-type { border-right: transparent; } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! Progress Button Layout */ .e-progress-btn { position: relative; } .e-progress-btn .e-progress { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .3s linear; } .e-progress-btn .e-spinner { transition: all 0.3s linear; } .e-progress-btn .e-btn-content { display: inline-block; position: relative; z-index: 1; } .e-progress-btn.e-vertical .e-progress { bottom: 0; height: 0%; top: auto; width: 100%; } .e-progress-btn.e-progress-top .e-progress { height: 10%; } .e-progress-btn.e-progress-bottom .e-progress { bottom: -1px; height: 10%; top: auto; } .e-progress-btn.e-progress-active { overflow: hidden; pointer-events: none; } .e-progress-btn.e-progress-active .e-progress { opacity: 1; } .e-progress-btn.e-progress-active .e-animate-end { opacity: 0; } .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom { transition: padding .3s linear; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner { display: block; line-height: 1; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner { display: flex; justify-content: center; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner { padding-right: 12px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner { top: -1px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner { padding-left: 12px; padding-right: 0; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner { padding-left: 12px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner { top: -1px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner { padding-left: 0; padding-right: 12px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top { padding-bottom: 16px; padding-top: 16px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner { padding-bottom: 12px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom { padding-bottom: 16px; padding-top: 16px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner { padding-top: 12px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner { padding-right: 10px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner { padding-left: 10px; padding-right: 0; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner { padding-left: 10px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner { padding-left: 0; padding-right: 10px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top { padding-bottom: 14px; padding-top: 14px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner { padding-bottom: 10px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom { padding-bottom: 14px; padding-top: 14px; } .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner { padding-top: 10px; } .e-progress-btn.e-round-corner { border-radius: 5em; outline: none; overflow: hidden; } .e-progress-btn.e-rtl .e-progress { left: auto; right: 0; } .e-progress-btn.e-rtl.e-vertical .e-progress { bottom: auto; top: 0; } .e-progress-btn .e-spinner-pane { height: auto; position: relative; width: auto; } .e-progress-btn .e-spinner-pane .e-spinner-inner { left: auto; position: relative; top: auto; transform: none; } .e-progress-btn .e-cont-animate { align-items: center; display: inline-flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } @keyframes ProgressSlideLeft { from { left: 0%; opacity: 1; } to { left: -100%; opacity: 0; } } @keyframes ProgressSlideRight { from { left: 0%; opacity: 1; } to { left: 100%; opacity: 0; } } @keyframes ProgressSlideUp { from { height: auto; opacity: 1; top: 0; } to { height: auto; opacity: 0; top: -100px; } } @keyframes ProgressSlideDown { from { height: auto; opacity: 1; top: 0; } to { height: auto; opacity: 0; top: 100px; } } @keyframes ProgressZoomIn { from { opacity: 1; transform: translate(0, 0) scale(1); } to { opacity: 0; transform: translate(0, 0) scale(3); } } @keyframes ProgressZoomOut { from { transform: translate(0, 0) scale(1); } to { transform: translate(0, 0) scale(0); } } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner { padding-right: 14px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner { padding-left: 14px; padding-right: 0; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner { padding-left: 14px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner { padding-left: 0; padding-right: 14px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top { padding-bottom: 20px; padding-top: 20px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner { padding-bottom: 14px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom { padding-bottom: 20px; padding-top: 20px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner { padding-top: 14px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner { padding-right: 12px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner { padding-left: 12px; padding-right: 0; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner { padding-left: 12px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner { padding-left: 0; padding-right: 12px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top { padding-bottom: 16px; padding-top: 16px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner { padding-bottom: 12px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom { padding-bottom: 16px; padding-top: 16px; } *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner, *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner { padding-top: 12px; } /*! Progress Button Theme */ .e-progress-btn .e-spinner-pane .e-spinner-inner svg { fill: rgba(0, 0, 0, 0.87); stroke: rgba(0, 0, 0, 0.87); } .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: rgba(0, 0, 0, 0.87); } .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: rgba(0, 0, 0, 0.87); } .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg { fill: #fff; stroke: #fff; } .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: white; } .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #fff; } .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg { fill: #e3165b; stroke: #e3165b; } .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #e3165b; } .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #e3165b; } .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg { fill: #fff; stroke: #fff; } .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: white; } .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #fff; } .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg { fill: #4d841d; stroke: #4d841d; } .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #4d841d; } .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #4d841d; } .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg { fill: #fff; stroke: #fff; } .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: white; } .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #fff; } .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg { fill: #0378d5; stroke: #0378d5; } .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #0378d5; } .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #0378d5; } .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg { fill: #fff; stroke: #fff; } .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: white; } .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #fff; } .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg { fill: #c15700; stroke: #c15700; } .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #c15700; } .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #c15700; } .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg { fill: #fff; stroke: #fff; } .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: white; } .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #fff; } .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg { fill: #d64113; stroke: #d64113; } .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #d64113; } .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #d64113; } .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg { fill: #e3165b; stroke: #e3165b; } .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #e3165b; } .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #e3165b; } .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg { fill: #4d841d; stroke: #4d841d; } .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #4d841d; } .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #4d841d; } .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg { fill: #0378d5; stroke: #0378d5; } .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #0378d5; } .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #0378d5; } .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg { fill: #c15700; stroke: #c15700; } .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #c15700; } .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #c15700; } .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg { fill: #d64113; stroke: #d64113; } .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #d64113; } .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #d64113; } .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg { fill: #0d47a1; stroke: #0d47a1; } .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle { stroke: #0d47a1; } .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc { stroke: #0d47a1; } .e-progress { background-color: rgba(0, 0, 0, 0.2); } *.e-primary .e-progress, *.e-success .e-progress, *.e-danger .e-progress, *.e-info .e-progress { background-color: rgba(0, 0, 0, 0.2); } *.e-warning .e-progress { background-color: rgba(0, 0, 0, 0.2); } *.e-flat.e-primary .e-progress { background-color: rgba(227, 22, 91, 0.2); } *.e-flat.e-success .e-progress { background-color: rgba(77, 132, 29, 0.2); } *.e-flat.e-info .e-progress { background-color: rgba(3, 120, 213, 0.2); } *.e-flat.e-warning .e-progress { background-color: rgba(193, 87, 0, 0.2); } *.e-flat.e-danger .e-progress { background-color: rgba(214, 65, 19, 0.2); } *.e-outline:not(:focus).e-primary .e-progress { background-color: rgba(227, 22, 91, 0.2); } *.e-outline:not(:focus).e-success .e-progress { background-color: rgba(77, 132, 29, 0.2); } *.e-outline:not(:focus).e-info .e-progress { background-color: rgba(3, 120, 213, 0.2); } *.e-outline:not(:focus).e-warning .e-progress { background-color: rgba(193, 87, 0, 0.2); } *.e-outline:not(:focus).e-danger .e-progress { background-color: rgba(214, 65, 19, 0.2); } /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-calendars/styles/material.css (1) ***! \********************************************************************************************************************************************************************************************************************************************************/ /*! calendar material theme variables */ /*! component icons */ .e-calendar .e-header .e-date-icon-prev::before { content: '\e910'; } .e-calendar .e-header .e-date-icon-next::before { content: '\e916'; } /*! calendar layout */ ejs-calendar { display: block; } .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next { cursor: default; pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-header .e-title { cursor: default; pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-content td { pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-btn.e-today { pointer-events: none; touch-action: none; } .e-calendar, .e-bigger.e-small .e-calendar { -webkit-tap-highlight-color: transparent; border-radius: 2px; display: block; overflow: auto; -webkit-user-select: none; user-select: none; } .e-calendar.e-rtl .e-header .e-title, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { float: right; text-align: right; } .e-calendar.e-rtl .e-header .e-icon-container, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container { float: left; } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { background: none; display: table; font-weight: 500; position: relative; text-align: center; width: 100%; } .e-calendar .e-header button, .e-bigger.e-small .e-calendar .e-header button { background: transparent; border: 0; margin-right: 0; padding: 0; text-decoration: none; } .e-calendar .e-header span, .e-bigger.e-small .e-calendar .e-header span { cursor: pointer; display: inline-block; font-size: 15px; font-weight: 500; line-height: 16px; padding: 10px; vertical-align: middle; } .e-calendar .e-header span.e-disabled, .e-bigger.e-small .e-calendar .e-header span.e-disabled { cursor: default; } .e-calendar .e-week-header, .e-bigger.e-small .e-calendar .e-week-header { padding: 0; } .e-calendar th, .e-bigger.e-small .e-calendar th { cursor: default; font-size: 13px; font-weight: normal; text-align: center; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover, .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day { border-radius: 0; cursor: pointer; display: inline-block; font-size: 13px; overflow: hidden; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; } .e-calendar .e-content th, .e-calendar .e-content td, .e-bigger.e-small .e-calendar .e-content th, .e-bigger.e-small .e-calendar .e-content td { box-sizing: border-box; } .e-calendar .e-content td.e-disabled, .e-bigger.e-small .e-calendar .e-content td.e-disabled { opacity: 0.35; pointer-events: none; touch-action: none; } .e-calendar .e-content td, .e-bigger.e-small .e-calendar .e-content td { cursor: pointer; padding: 2px; text-align: center; } .e-calendar .e-content td.e-week-number, .e-bigger.e-small .e-calendar .e-content td.e-week-number { color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: italic; font-weight: 500; } .e-calendar .e-content td.e-overlay, .e-bigger.e-small .e-calendar .e-content td.e-overlay { background: none; width: initial; } .e-calendar .e-content table, .e-bigger.e-small .e-calendar .e-content table { border-collapse: separate; border-spacing: 0; border-width: 0; float: left; margin: 0; outline: 0; padding: 0 10px 10px; table-layout: fixed; width: 100%; } .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day { display: none; font-weight: normal; } .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide { display: none; font-weight: normal; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month, .e-bigger.e-small .e-calendar .e-content td.e-other-year { pointer-events: none; touch-action: none; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled, .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled { pointer-events: none; touch-action: none; } .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover, .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover { background-color: #fff; cursor: default; } .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next, .e-bigger.e-small .e-calendar .e-header .e-prev, .e-bigger.e-small .e-calendar .e-header .e-next { border-radius: 50%; display: inline-block; font-size: 14px; vertical-align: middle; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { cursor: pointer; display: inline-block; float: left; font-size: 14px; font-weight: 500; text-align: left; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { margin-left: 5px; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover, .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { cursor: pointer; } .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay, .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay, .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay { background: none; } .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-year .e-title { margin-left: 5px; } .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { cursor: default; } .e-calendar .e-header .e-icon-container, .e-bigger.e-small .e-calendar .e-header .e-icon-container { display: inline-block; float: right; padding-top: 0; } .e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container { text-transform: uppercase; } .e-calendar, .e-bigger.e-small .e-calendar { max-width: 246px; min-width: 240px; padding: 0; } .e-calendar.e-calendar-day-header-lg, .e-bigger.e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-calendar.e-week-number, .e-bigger.e-small .e-calendar.e-week-number { min-width: 262px; } .e-calendar.e-week, .e-bigger.e-small .e-calendar.e-week { max-width: 246px; min-width: 240px; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { line-height: 40px; } .e-calendar.e-rtl .e-header .e-title, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { text-align: right; text-indent: 4px; } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { height: 40px; } .e-calendar .e-header.e-month, .e-bigger.e-small .e-calendar .e-header.e-month { padding: 10px 10px 0 10px; } .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade, .e-bigger.e-small .e-calendar .e-header.e-year, .e-bigger.e-small .e-calendar .e-header.e-decade { padding: 10px 10px 0 10px; } .e-calendar th, .e-bigger.e-small .e-calendar th { font-weight: normal; height: 30px; text-transform: none; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover, .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day { border: none; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; width: 30px; } .e-calendar .e-content.e-month td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 30px; } .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table, .e-bigger.e-small .e-calendar .e-content.e-year table, .e-bigger.e-small .e-calendar .e-content.e-decade table { border-spacing: 0; padding: 10px; } .e-calendar .e-content.e-month td, .e-bigger.e-small .e-calendar .e-content.e-month td { height: 30px; padding: 2px; } .e-calendar .e-content .tfooter > tr > td, .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td { height: 36px; line-height: 36px; } .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td, .e-bigger.e-small .e-calendar .e-content.e-year td, .e-bigger.e-small .e-calendar .e-content.e-decade td { height: 45px; padding: 6px; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { font-weight: normal; height: 45px; line-height: 45px; width: 45px; } .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next, .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next { height: 36px; width: 36px; } .e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container { background-color: #fff; border-top: none; cursor: default; display: flex; flex-direction: row; justify-content: flex-end; padding: 0 10px 10px 10px; text-align: center; width: 100%; } .e-small.e-bigger.e-calendar .e-content.e-year span.e-day, .e-small.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 13px; } .e-small.e-bigger.e-calendar .e-content.e-month table, .e-small.e-bigger .e-calendar .e-content.e-month table { padding: 0 10px 10px; } .e-bigger.e-calendar, *.e-bigger .e-calendar { max-width: 296px; min-width: 296px; padding: 0; } .e-bigger.e-calendar.e-calendar-day-header-lg, *.e-bigger .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-bigger.e-calendar.e-week, *.e-bigger .e-calendar.e-week { max-width: 296px; min-width: 296px; } .e-bigger.e-calendar.e-week-number, *.e-bigger .e-calendar.e-week-number { min-width: 320px; } .e-bigger.e-calendar .e-header .e-title, *.e-bigger .e-calendar .e-header .e-title { font-size: 16px; line-height: 48px; width: 60%; } .e-bigger.e-calendar.e-rtl .e-header .e-title, *.e-bigger .e-calendar.e-rtl .e-header .e-title { line-height: 48px; text-indent: 6px; } .e-bigger.e-calendar .e-header, *.e-bigger .e-calendar .e-header { height: 48px; padding: 10px 10px 0 16px; } .e-bigger.e-calendar .e-header button, *.e-bigger .e-calendar .e-header button { margin-right: 0; } .e-bigger.e-calendar .e-header button span, *.e-bigger .e-calendar .e-header button span { font-size: 16px; padding: 15px; } .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade, *.e-bigger .e-calendar .e-header.e-year, *.e-bigger .e-calendar .e-header.e-decade { padding: 10px 10px 0 16px; } .e-bigger.e-calendar th, *.e-bigger .e-calendar th { font-size: 14px; height: 36px; text-transform: none; } .e-bigger.e-calendar .e-content.e-year span.e-day, *.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 13px; font-weight: normal; } .e-bigger.e-calendar .e-content.e-month table, *.e-bigger .e-calendar .e-content.e-month table { padding: 0 10px 10px; } .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table, *.e-bigger .e-calendar .e-content.e-year table, *.e-bigger .e-calendar .e-content.e-decade table { padding: 0 10px 10px; } .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover, *.e-bigger .e-calendar .e-content .e-selected, *.e-bigger .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-bigger.e-calendar .e-content span.e-day, *.e-bigger .e-calendar .e-content span.e-day { font-size: 13px; height: 36px; line-height: 36px; width: 36px; } .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day, *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 36px; } .e-bigger.e-calendar .e-content.e-month td, *.e-bigger .e-calendar .e-content.e-month td { height: 2px; padding: 2px; } .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td, *.e-bigger .e-calendar .e-content.e-year td, *.e-bigger .e-calendar .e-content.e-decade td { height: 60px; padding: 2px; } .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day, *.e-bigger .e-calendar .e-content.e-year td > span.e-day, *.e-bigger .e-calendar .e-content.e-decade td > span.e-day { height: 60px; line-height: 60px; width: 60px; } .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next, *.e-bigger .e-calendar .e-header .e-icon-container .e-prev, *.e-bigger .e-calendar .e-header .e-icon-container .e-next { height: 48px; width: 48px; } .e-bigger.e-calendar .e-footer-container, *.e-bigger .e-calendar .e-footer-container { border-top: none; padding: 0 10px 10px 10px; } .e-small.e-calendar, .e-small .e-calendar { max-width: 246px; min-width: 240px; padding: 0; } .e-small.e-calendar.e-calendar-day-header-lg, .e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-small.e-calendar .e-content span.e-day, .e-small .e-calendar .e-content span.e-day { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } .e-small.e-calendar .e-content.e-month td.e-today span.e-day, .e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 24px; } .e-small.e-calendar .e-content.e-month td, .e-small .e-calendar .e-content.e-month td { height: 24px; } .e-small.e-calendar .e-header, .e-small .e-calendar .e-header { height: 32px; } .e-small.e-calendar .e-header span, .e-small .e-calendar .e-header span { font-size: 12px; padding: 6px; } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { font-size: 13px; line-height: 32px; } .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next, .e-small .e-calendar .e-header .e-icon-container .e-prev, .e-small .e-calendar .e-header .e-icon-container .e-next { height: 28px; width: 28px; } .e-small.e-calendar th, .e-small .e-calendar th { font-size: 12px; height: 24px; } .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); cursor: default; opacity: 0.35; outline: none; pointer-events: none; touch-action: none; } .e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 250px 336px; min-height: 336px; } .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar, .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 300px 392px; min-height: 392px; } .e-calendar, .e-bigger.e-small .e-calendar { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next, .e-bigger.e-small .e-calendar .e-date-icon-prev, .e-bigger.e-small .e-calendar .e-date-icon-next { color: rgba(0, 0, 0, 0.54); } .e-calendar th, .e-bigger.e-small .e-calendar th { border-bottom: 0; color: rgba(0, 0, 0, 0.54); } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { border-bottom: 0; } .e-calendar .e-header a span, .e-bigger.e-small .e-calendar .e-header a span { border: none; color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-calendar .e-header .e-title:hover { color: rgba(0, 0, 0, 0.75); cursor: pointer; text-decoration: none; } .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span, .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, .e-bigger.e-small .e-calendar .e-header .e-next:hover > span { border: none; color: rgba(0, 0, 0, 0.75); cursor: pointer; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover, .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { background: none; } .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active, .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active { background: #fff; color: #fff; } .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span, .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .e-bigger.e-small .e-calendar .e-header button.e-next:active span { border: none; color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { color: rgba(0, 0, 0, 0.87); cursor: default; } .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span, .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span { color: rgba(0, 0, 0, 0.87); font-weight: normal; } .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled, .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled { opacity: 0.35; } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day { color: #fff; } .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day { color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day { background-color: #eee; } .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day { background-color: #e3165b; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { background: #fff; } .e-calendar .e-content .e-week-number span, .e-bigger.e-small .e-calendar .e-content .e-week-number span { color: rgba(0, 0, 0, 0.54); } .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day { background: #eee; border: none; border-radius: 50%; } .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: none; border: 1px solid #e3165b; border-radius: 50%; color: #e3165b; } .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: #e3165b; } .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #e3165b; border: 1px solid #e3165b; box-shadow: inset 0 0 0 2px #fff; color: #fff; } .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background-color: #b51148; color: #fff; } .e-calendar .e-content span, .e-bigger.e-small .e-calendar .e-content span { color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content .e-disabled span.e-day:hover, .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover { background: none; border: 0; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content .e-other-month:hover span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content .e-other-month.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day { background-color: #eee; color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content thead, .e-bigger.e-small .e-calendar .e-content thead { background: none; border-bottom: 0; } .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day { background: none; border: none; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { background-color: #e3165b; border: none; border-radius: 50%; color: #fff; } .e-calendar .e-content .e-footer, .e-bigger.e-small .e-calendar .e-content .e-footer { color: #e3165b; } .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus, .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .e-bigger.e-small .e-calendar.e-device .e-next:hover, .e-bigger.e-small .e-calendar.e-device .e-prev:active, .e-bigger.e-small .e-calendar.e-device .e-next:active, .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .e-bigger.e-small .e-calendar.e-device .e-next:focus { background: none; } .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span, .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .e-bigger.e-small .e-calendar.e-device button.e-next:active span { color: rgba(0, 0, 0, 0.54); } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { color: rgba(0, 0, 0, 0.87); } .e-zoomin { animation: animatezoom .3s; } @keyframes animatezoom { from { transform: scale(0); } to { transform: scale(1); } } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! component icons */ .e-time-wrapper .e-time-icon.e-icons::before, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before { content: '\e20c'; } .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon, .e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 24px; } .e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon, .e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon, .e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon, .e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-time-wrapper, *.e-control-wrapper.e-time-wrapper { -webkit-tap-highlight-color: transparent; } .e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons { font-size: 16px; min-height: 20px; min-width: 20px; } .e-time-wrapper .e-time-icon.e-icons.e-disabled, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled { pointer-events: none; } .e-time-wrapper span, *.e-control-wrapper.e-time-wrapper span { cursor: pointer; } .e-timepicker.e-time-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-timepicker.e-popup { border-style: solid; border-width: 1px; overflow: auto; } .e-timepicker.e-popup .e-content { position: relative; } .e-timepicker.e-popup .e-list-parent.e-ul { margin: 0; padding: 0 0; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { cursor: default; font-size: 13px; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover { cursor: pointer; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { line-height: 36px; text-indent: 16px; } .e-bigger .e-time-wrapper .e-time-icon.e-icons, *.e-bigger.e-time-wrapper .e-time-icon.e-icons, *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons { font-size: 20px; min-height: 22px; min-width: 22px; } .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul, *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul { padding: 0 0; } .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 14px; line-height: 48px; text-indent: 16px; } .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 12px; line-height: 26px; text-indent: 12px; } .e-small .e-time-wrapper .e-time-icon.e-icons, *.e-small.e-time-wrapper .e-time-icon.e-icons, *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons { font-size: 14px; } .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 13px; line-height: 40px; text-indent: 16px; } .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons, *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons, *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons { font-size: 18px; } .e-content-placeholder.e-timepicker.e-placeholder-timepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker, .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker { background-size: 250px 40px; min-height: 40px; } .e-time-overflow { overflow: hidden; } .e-timepicker-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open { left: 0 !important; position: relative; top: 0 !important; } /*! timepicker theme */ .e-time-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-timepicker.e-popup { border: none; border-radius: 2px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-timepicker.e-popup .e-list-parent.e-ul { background-color: #fff; } .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item { border: none; color: rgba(0, 0, 0, 0.87); } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled { color: rgba(0, 0, 0, 0.38); opacity: 1; pointer-events: none; touch-action: none; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus { background-color: #eee; border: none; color: #000; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active { background-color: #eee; color: #e3165b; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover { background-color: #eee; color: #e3165b; } .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { color: #000; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! calendar material theme variables */ /*! component icons */ .e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 16px; margin: 0 0 4px 0; min-height: 24px; min-width: 24px; outline: none; } .e-input-group-icon.e-date-icon::before, *.e-control-wrapper .e-input-group-icon.e-date-icon::before { content: '\e901'; font-family: 'e-icons'; } .e-input-group-icon.e-date-icon:focus, *.e-control-wrapper .e-input-group-icon.e-date-icon:focus { background: #eee; border-radius: 50%; } .e-bigger .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 20px; margin: 5px 0 6px 0; min-height: 26px; min-width: 26px; } .e-bigger .e-input-group-icon.e-date-icon::before, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before { content: '\e901'; font-family: 'e-icons'; } .e-bigger .e-input-group-icon.e-date-icon:focus, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus { background: #eee; border-radius: 50%; } .e-small .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon, *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 14px; } .e-small.e-bigger .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon, *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 18px; } .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 20px; } .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 24px; } .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon, .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon, .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 20px; } .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons { box-sizing: border-box; } .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child { display: none; } .e-datepicker.e-popup-wrapper { border-radius: 0; overflow-y: hidden; pointer-events: auto; } .e-datepicker.e-date-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-datepicker .e-model-header { background-color: #e3165b; color: #fff; cursor: default; display: block; padding: 10px 10px 10px 15px; } .e-datepicker .e-model-header .e-model-year { font-size: 14px; font-weight: 500; line-height: 32px; margin: 0; } .e-datepicker .e-model-month, .e-datepicker .e-model-day { font-size: 20px; font-weight: 500; line-height: 32px; margin: 0; } .e-date-overflow { overflow: hidden !important; } .e-datepick-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open { position: relative; top: 0 !important; left: 0 !important; } .e-content-placeholder.e-datepicker.e-placeholder-datepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker, .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker { background-size: 250px 40px; min-height: 40px; } @media screen and (orientation: landscape) and (max-height: 360px) { .e-datepicker .e-calendar.e-device .e-month table tbody { display: inline-block; height: 130px; overflow: auto; } } .e-datepicker.e-popup-wrapper, .e-bigger.e-small .e-datepicker.e-popup-wrapper { border: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-datepicker .e-calendar, .e-bigger.e-small .e-datepicker .e-calendar { background-color: #fff; border: none; } *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) { border: none; } .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active { color: #e3165b; } .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active { color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! calendar material theme variables */ /*! component icons */ .e-input-group-icon.e-range-icon, *.e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 16px; margin: 0 0 4px 0; min-height: 24px; min-width: 24px; outline: none; } .e-input-group-icon.e-range-icon::before, *.e-control-wrapper .e-input-group-icon.e-range-icon::before { content: '\e245'; font-family: 'e-icons'; } .e-input-group-icon.e-range-icon:focus, *.e-control-wrapper .e-input-group-icon.e-range-icon:focus { background: #eee; border-radius: 50%; } .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before { content: '\e913'; } .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before { content: '\e921'; } .e-daterangepicker .e-change-icon::before { content: '\e85f'; } .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before { content: '\e921'; } .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before { content: '\e913'; } .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before { content: '\e85b'; } .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 20px; margin: 0 0 2px 0; min-height: 24px; min-width: 24px; outline: none; } .e-small .e-input-group-icon.e-range-icon, *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon, *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 14px; } .e-small.e-bigger .e-input-group-icon.e-range-icon, *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon, *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 18px; } .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 20px; } .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon, .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 24px; } .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon, .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon, .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon, .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 20px; } /*! daterangepicker layout */ .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden, .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden, .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden { border: 0; height: 0; margin: 0; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-daterangepicker.e-popup, .e-bigger.e-small .e-daterangepicker.e-popup { border: none; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); max-height: 500px; max-width: 730px; } .e-daterangepicker.e-popup.e-daterange-day-header-lg, .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg { max-width: 100%; } .e-daterangepicker.e-popup.e-preset-wrapper, .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper { min-width: 625px; } .e-daterangepicker.e-popup.e-preset-wrapper .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets { max-height: none; } .e-daterangepicker.e-popup .e-range-header, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header { background: #fff; padding: 16px 16px 0 16px; width: auto; } .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label { cursor: default; display: inline-block; font-size: 18px; overflow: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; -webkit-user-select: none; user-select: none; white-space: nowrap; width: 48%; } .e-daterangepicker.e-popup .e-range-header .e-change-icon, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon { font-size: 15px; font-weight: 500; text-align: center; width: 4%; } .e-daterangepicker.e-popup .e-range-header .e-day-span, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span { direction: ltr; font-size: 13px; height: 14px; margin: 0 0 15px 0; text-align: center; -webkit-user-select: none; user-select: none; width: 100%; } .e-daterangepicker.e-popup .e-range-header .e-start-end, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end { align-items: center; display: flex; height: 35px; } .e-daterangepicker.e-popup .e-separator, .e-bigger.e-small .e-daterangepicker.e-popup .e-separator { height: 1px; margin: 0 16px; } .e-daterangepicker.e-popup .e-calendar, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar { border: none; margin: 0; padding: 0; } .e-daterangepicker.e-popup .e-calendar .e-content table, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table { padding: 0 10px 10px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title { cursor: pointer; float: none; font-weight: normal; line-height: 36px; margin-left: 0; width: auto; } .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade { padding: 10px 5px 0 5px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next { float: right; } .e-daterangepicker.e-popup .e-calendar .e-header .e-prev, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev { float: left; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev { height: 36px; width: 36px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span { padding: 10px; } .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover { border-radius: 50% 0 0 50%; } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover { border-radius: 0 50% 50% 0; } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day { border: none; } .e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer { align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.12); clear: both; display: flex; flex-direction: row-reverse; height: 48px; } .e-daterangepicker.e-popup .e-footer .e-btn, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn { font-weight: 500; height: 27px; line-height: 27px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; } .e-daterangepicker.e-popup .e-footer .e-btn.e-apply, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply { margin: 0 8px 0 8px; } .e-daterangepicker.e-popup .e-date-range-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container { float: left; } .e-daterangepicker.e-popup .e-date-range-container.e-range-border, .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border { border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-calendar-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container { display: flex; } .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container { float: left; } .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container { border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets { max-height: 192px; overflow: auto; width: auto; } .e-daterangepicker.e-popup .e-presets .e-list-item, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item { border-radius: 0; cursor: pointer; line-height: 48px; overflow: hidden; padding: 0 24px; white-space: nowrap; } .e-daterangepicker.e-popup .e-presets .e-list-parent, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent { margin: 0; max-width: 160px; padding: 0; } .e-daterangepicker.e-popup .e-presets .e-text-content, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content { line-height: 47px; } .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item { font-size: 13px; height: 36px; line-height: 36px; } .e-daterangepicker.e-popup .e-hide-range, .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range { display: none; } .e-daterangepicker.e-rtl .e-date-range-container, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container { float: right; } .e-daterangepicker.e-rtl .e-date-range-container.e-range-border, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next { float: left; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev { float: right; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover { border-radius: 0 50% 50% 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover { border-radius: 50% 0 0 50%; } .e-daterangepicker.e-rtl .e-footer, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer { flex-direction: row; justify-content: flex-end; } .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel { margin: 0 8px 0 8px; } .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply { margin-left: 0; } .e-bigger .e-daterangepicker.e-range-modal, *.e-device.e-daterangepicker.e-range-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-bigger.e-small .e-daterangepicker .e-calendar { max-width: 246px; } .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper, *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper, *.e-device.e-daterangepicker.e-popup.e-preset-wrapper { max-width: 770px; min-width: auto; } .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets, *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets, *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets { max-height: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header, *.e-bigger.e-daterangepicker.e-popup .e-range-header, *.e-device.e-daterangepicker.e-popup .e-range-header { width: auto; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end { align-items: center; cursor: pointer; display: flex; height: 36px; justify-content: center; -webkit-user-select: none; user-select: none; width: 100%; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { border: 1px solid #3f51b5; box-shadow: none; font-size: 14px; font-weight: 500; height: 36px; line-height: 34px; max-width: 116px; overflow: hidden; padding: 1px 6px; text-overflow: ellipsis; width: 50%; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { border-left: 0; border-radius: 0 2px 2px 0; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn { border-radius: 2px 0 0 2px; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]), *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]), *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) { box-shadow: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover { box-shadow: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { max-width: 141px; } .e-bigger .e-daterangepicker.e-popup .e-presets, *.e-bigger.e-daterangepicker.e-popup .e-presets, *.e-device.e-daterangepicker.e-popup .e-presets { max-height: 240px; } .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper, *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper, *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper { max-height: none; } .e-bigger .e-daterangepicker.e-popup .e-presets ul, *.e-bigger.e-daterangepicker.e-popup .e-presets ul, *.e-device.e-daterangepicker.e-popup .e-presets ul { max-width: none; } .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item, *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item, *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item { font-size: 14px; height: 48px; line-height: 48px; padding: 0 16px; } .e-bigger .e-daterangepicker .e-calendar, *.e-bigger.e-daterangepicker .e-calendar, *.e-device.e-daterangepicker .e-calendar { max-width: 296px; padding: 0; } .e-bigger .e-daterangepicker .e-calendar .e-content table, *.e-bigger.e-daterangepicker .e-calendar .e-content table, *.e-device.e-daterangepicker .e-calendar .e-content table { padding: 0 15px 15px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev, *.e-device.e-daterangepicker .e-calendar .e-header .e-next, *.e-device.e-daterangepicker .e-calendar .e-header .e-prev { height: 48px; width: 48px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span, *.e-device.e-daterangepicker .e-calendar .e-header .e-next span, *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span { padding: 15px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-title, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title, *.e-device.e-daterangepicker .e-calendar .e-header .e-title { cursor: pointer; line-height: 48px; } .e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade, *.e-device.e-daterangepicker .e-calendar .e-header.e-month, *.e-device.e-daterangepicker .e-calendar .e-header.e-year, *.e-device.e-daterangepicker .e-calendar .e-header.e-decade { padding: 10px 5px 0 5px; } .e-bigger .e-daterangepicker .e-footer, *.e-bigger.e-daterangepicker .e-footer, *.e-device.e-daterangepicker .e-footer { height: 58px; } .e-bigger .e-daterangepicker .e-footer .e-btn, *.e-bigger.e-daterangepicker .e-footer .e-btn, *.e-device.e-daterangepicker .e-footer .e-btn { height: 36px; line-height: 36px; overflow: hidden; } .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply, *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply, *.e-device.e-daterangepicker .e-footer .e-btn.e-apply { margin: 0 8px 0 8px; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn { border: 1px solid #3f51b5; border-radius: 2px 0 0 2px; border-right: 0; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn { border-radius: 0 2px 2px 0; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel, *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel { margin: 0 8px 0 8px; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply, *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply { margin-left: 0; } .e-bigger .e-daterangepicker.e-device.e-popup, *.e-bigger.e-daterangepicker.e-device.e-popup, *.e-device.e-daterangepicker.e-device.e-popup { max-width: 298px; } .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header, *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header, *.e-device.e-daterangepicker.e-device.e-popup .e-range-header { margin: 20px 16px 0 16px; padding: 0; } .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span, *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span, *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span { margin: 10px 0; } .e-small .e-daterangepicker.e-popup .e-range-header, *.e-small.e-daterangepicker.e-popup .e-range-header { margin: 10px 10px 0 10px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label, *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label, *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label { font-size: 16px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon, *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon { font-size: 12px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end { height: 32px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span, *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span { font-size: 12px; margin: 0 0 10px 0; } .e-small .e-daterangepicker.e-popup .e-range-header .e-separator, *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator { margin: 0 10px; } .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply, *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply { margin: 10px 10px 10px 8px; } .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item, *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item { font-size: 12px; height: 26px; line-height: 26px; } .e-range-overflow { overflow: hidden; } .e-daterangepick-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open { position: relative; top: 0 !important; left: 0 !important; } .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker, .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker { background-size: 250px 40px; min-height: 40px; } /*! daterangepicker theme */ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-daterangepicker.e-popup, .e-bigger.e-small .e-daterangepicker.e-popup { background: #fff; } .e-daterangepicker.e-popup .e-calendar, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar { background-color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover { color: rgba(0, 0, 0, 0.87); text-decoration: none; } .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span { background-color: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span { background: #eee; border: none; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day { background-color: #c8c8c8; border: none; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day { border: 1px solid #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day { border: 1px solid #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span { background-color: #fff; border: none; color: rgba(0, 0, 0, 0.38); } .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected { background-color: #fff; border: none; color: rgba(0, 0, 0, 0.38); } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day { background-color: #e3165b; color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day { background-color: #e3165b; color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span { color: #fff; } .e-daterangepicker.e-popup .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets { background-color: #fff; color: #000; } .e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active { background-color: #fff; color: #e3165b; } .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label { color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-change-icon, .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon { color: rgba(0, 0, 0, 0.74); } .e-daterangepicker.e-popup .e-day-span, .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span { color: rgba(0, 0, 0, 0.54); } .e-daterangepicker.e-popup .e-separator, .e-bigger.e-small .e-daterangepicker.e-popup .e-separator { background-color: rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer { background-color: #fff; } .e-bigger .e-daterangepicker, *.e-bigger.e-daterangepicker, *.e-device.e-daterangepicker { background-color: #fff; padding: 0; } .e-bigger .e-daterangepicker .e-calendar th, *.e-bigger.e-daterangepicker .e-calendar th, *.e-device.e-daterangepicker .e-calendar th { color: rgba(0, 0, 0, 0.38); } .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn, *.e-bigger.e-daterangepicker .e-start-btn, *.e-bigger.e-daterangepicker .e-end-btn, *.e-device.e-daterangepicker .e-start-btn, *.e-device.e-daterangepicker .e-end-btn { background: #fff; } .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-start-btn.e-active, *.e-bigger.e-daterangepicker .e-start-btn.e-active:active, *.e-bigger.e-daterangepicker .e-end-btn.e-active, *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover, *.e-device.e-daterangepicker .e-start-btn.e-active, *.e-device.e-daterangepicker .e-start-btn.e-active:active, *.e-device.e-daterangepicker .e-end-btn.e-active, *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-device.e-daterangepicker .e-start-btn.e-active:hover, *.e-device.e-daterangepicker .e-end-btn.e-active:hover { background: #3f51b5; color: #fff; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! component icons */ .e-datetime-wrapper .e-time-icon.e-icons::before { content: '\e20c'; font-family: 'e-icons'; } .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon, .e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 24px; } .e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon, .e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon, .e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon, .e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon, .e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl.e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl.e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl .e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl .e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon { margin: 0; } .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-datetime-wrapper { -webkit-tap-highlight-color: transparent; } .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 16px; } .e-datetime-wrapper.e-control-wrapper { box-sizing: border-box; } .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled { pointer-events: none; } .e-datetime-wrapper .e-clear-icon { box-sizing: content-box; } .e-datetime-wrapper span { cursor: pointer; } .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon { font-size: 16px; margin: 0 0 4px; min-height: 24px; min-width: 24px; outline: none; } .e-datetime-wrapper .e-input-group-icon.e-time-icon { border: 0; border-style: none; margin: 0 0 4px 6px; } .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon { margin: 0 6px 4px 0; } .e-datetimepicker.e-time-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-datetimepicker.e-popup { border-style: solid; border-width: 1px; overflow: auto; } .e-datetimepicker.e-popup .e-content { position: relative; } .e-datetimepicker.e-popup .e-list-parent.e-ul { margin: 0; padding: 8px 0; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { color: rgba(0, 0, 0, 0.87); cursor: default; font-size: 13px; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover { cursor: pointer; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { line-height: 36px; text-indent: 16px; } .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 20px; } .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon, *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon { margin: 5px 0 6px 8px; min-height: 26px; min-width: 26px; } .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon, *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon { margin: 5px 8px 6px 0; } .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul, *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul { padding: 8px 0; } .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 14px; line-height: 48px; text-indent: 16px; } .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 12px; line-height: 26px; text-indent: 12px; } .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 13px; line-height: 40px; text-indent: 16px; } .e-small.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 14px; } .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 18px; } .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker, .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker { background-size: 250px 40px; min-height: 40px; } /*! datetimepicker theme */ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-datetimepicker.e-popup { border: none; border-radius: 2px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-datetimepicker.e-popup .e-list-parent.e-ul { background-color: #fff; } .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item { border: none; color: rgba(0, 0, 0, 0.87); } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus { background-color: #eee; border: none; color: #000; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active { background-color: #eee; color: #e3165b; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover { background-color: #eee; color: #e3165b; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-calendars/styles/material.css (1) ***! \****************************************************************************************************************************************************************************************************************************************************************/ /*! calendar material theme variables */ /*! component icons */ .e-calendar .e-header .e-date-icon-prev::before { content: '\e910'; } .e-calendar .e-header .e-date-icon-next::before { content: '\e916'; } /*! calendar layout */ ejs-calendar { display: block; } .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next { cursor: default; pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-header .e-title { cursor: default; pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-content td { pointer-events: none; touch-action: none; } .e-calendar.e-disabled .e-btn.e-today { pointer-events: none; touch-action: none; } .e-calendar, .e-bigger.e-small .e-calendar { -webkit-tap-highlight-color: transparent; border-radius: 2px; display: block; overflow: auto; -webkit-user-select: none; user-select: none; } .e-calendar.e-rtl .e-header .e-title, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { float: right; text-align: right; } .e-calendar.e-rtl .e-header .e-icon-container, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container { float: left; } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { background: none; display: table; font-weight: 500; position: relative; text-align: center; width: 100%; } .e-calendar .e-header button, .e-bigger.e-small .e-calendar .e-header button { background: transparent; border: 0; margin-right: 0; padding: 0; text-decoration: none; } .e-calendar .e-header span, .e-bigger.e-small .e-calendar .e-header span { cursor: pointer; display: inline-block; font-size: 15px; font-weight: 500; line-height: 16px; padding: 10px; vertical-align: middle; } .e-calendar .e-header span.e-disabled, .e-bigger.e-small .e-calendar .e-header span.e-disabled { cursor: default; } .e-calendar .e-week-header, .e-bigger.e-small .e-calendar .e-week-header { padding: 0; } .e-calendar th, .e-bigger.e-small .e-calendar th { cursor: default; font-size: 13px; font-weight: normal; text-align: center; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover, .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day { border-radius: 0; cursor: pointer; display: inline-block; font-size: 13px; overflow: hidden; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; } .e-calendar .e-content th, .e-calendar .e-content td, .e-bigger.e-small .e-calendar .e-content th, .e-bigger.e-small .e-calendar .e-content td { box-sizing: border-box; } .e-calendar .e-content td.e-disabled, .e-bigger.e-small .e-calendar .e-content td.e-disabled { opacity: 0.35; pointer-events: none; touch-action: none; } .e-calendar .e-content td, .e-bigger.e-small .e-calendar .e-content td { cursor: pointer; padding: 2px; text-align: center; } .e-calendar .e-content td.e-week-number, .e-bigger.e-small .e-calendar .e-content td.e-week-number { color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: italic; font-weight: 500; } .e-calendar .e-content td.e-overlay, .e-bigger.e-small .e-calendar .e-content td.e-overlay { background: none; width: initial; } .e-calendar .e-content table, .e-bigger.e-small .e-calendar .e-content table { border-collapse: separate; border-spacing: 0; border-width: 0; float: left; margin: 0; outline: 0; padding: 0 10px 10px; table-layout: fixed; width: 100%; } .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day { display: none; font-weight: normal; } .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide { display: none; font-weight: normal; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month, .e-bigger.e-small .e-calendar .e-content td.e-other-year { pointer-events: none; touch-action: none; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled, .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled, .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled { pointer-events: none; touch-action: none; } .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover, .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover { background-color: #fff; cursor: default; } .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next, .e-bigger.e-small .e-calendar .e-header .e-prev, .e-bigger.e-small .e-calendar .e-header .e-next { border-radius: 50%; display: inline-block; font-size: 14px; vertical-align: middle; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { cursor: pointer; display: inline-block; float: left; font-size: 14px; font-weight: 500; text-align: left; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { margin-left: 5px; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover, .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { cursor: pointer; } .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay, .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay, .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay { background: none; } .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-year .e-title { margin-left: 5px; } .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { cursor: default; } .e-calendar .e-header .e-icon-container, .e-bigger.e-small .e-calendar .e-header .e-icon-container { display: inline-block; float: right; padding-top: 0; } .e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container { text-transform: uppercase; } .e-calendar, .e-bigger.e-small .e-calendar { max-width: 246px; min-width: 240px; padding: 0; } .e-calendar.e-calendar-day-header-lg, .e-bigger.e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-calendar.e-week-number, .e-bigger.e-small .e-calendar.e-week-number { min-width: 262px; } .e-calendar.e-week, .e-bigger.e-small .e-calendar.e-week { max-width: 246px; min-width: 240px; } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { line-height: 40px; } .e-calendar.e-rtl .e-header .e-title, .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { text-align: right; text-indent: 4px; } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { height: 40px; } .e-calendar .e-header.e-month, .e-bigger.e-small .e-calendar .e-header.e-month { padding: 10px 10px 0 10px; } .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade, .e-bigger.e-small .e-calendar .e-header.e-year, .e-bigger.e-small .e-calendar .e-header.e-decade { padding: 10px 10px 0 10px; } .e-calendar th, .e-bigger.e-small .e-calendar th { font-weight: normal; height: 30px; text-transform: none; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover, .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day { border: none; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; width: 30px; } .e-calendar .e-content.e-month td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 30px; } .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table, .e-bigger.e-small .e-calendar .e-content.e-year table, .e-bigger.e-small .e-calendar .e-content.e-decade table { border-spacing: 0; padding: 10px; } .e-calendar .e-content.e-month td, .e-bigger.e-small .e-calendar .e-content.e-month td { height: 30px; padding: 2px; } .e-calendar .e-content .tfooter > tr > td, .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td { height: 36px; line-height: 36px; } .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td, .e-bigger.e-small .e-calendar .e-content.e-year td, .e-bigger.e-small .e-calendar .e-content.e-decade td { height: 45px; padding: 6px; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { font-weight: normal; height: 45px; line-height: 45px; width: 45px; } .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next, .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next { height: 36px; width: 36px; } .e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container { background-color: #fff; border-top: none; cursor: default; display: flex; flex-direction: row; justify-content: flex-end; padding: 0 10px 10px 10px; text-align: center; width: 100%; } .e-small.e-bigger.e-calendar .e-content.e-year span.e-day, .e-small.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 13px; } .e-small.e-bigger.e-calendar .e-content.e-month table, .e-small.e-bigger .e-calendar .e-content.e-month table { padding: 0 10px 10px; } .e-bigger.e-calendar, *.e-bigger .e-calendar { max-width: 296px; min-width: 296px; padding: 0; } .e-bigger.e-calendar.e-calendar-day-header-lg, *.e-bigger .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-bigger.e-calendar.e-week, *.e-bigger .e-calendar.e-week { max-width: 296px; min-width: 296px; } .e-bigger.e-calendar.e-week-number, *.e-bigger .e-calendar.e-week-number { min-width: 320px; } .e-bigger.e-calendar .e-header .e-title, *.e-bigger .e-calendar .e-header .e-title { font-size: 16px; line-height: 48px; width: 60%; } .e-bigger.e-calendar.e-rtl .e-header .e-title, *.e-bigger .e-calendar.e-rtl .e-header .e-title { line-height: 48px; text-indent: 6px; } .e-bigger.e-calendar .e-header, *.e-bigger .e-calendar .e-header { height: 48px; padding: 10px 10px 0 16px; } .e-bigger.e-calendar .e-header button, *.e-bigger .e-calendar .e-header button { margin-right: 0; } .e-bigger.e-calendar .e-header button span, *.e-bigger .e-calendar .e-header button span { font-size: 16px; padding: 15px; } .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade, *.e-bigger .e-calendar .e-header.e-year, *.e-bigger .e-calendar .e-header.e-decade { padding: 10px 10px 0 16px; } .e-bigger.e-calendar th, *.e-bigger .e-calendar th { font-size: 14px; height: 36px; text-transform: none; } .e-bigger.e-calendar .e-content.e-year span.e-day, *.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 13px; font-weight: normal; } .e-bigger.e-calendar .e-content.e-month table, *.e-bigger .e-calendar .e-content.e-month table { padding: 0 10px 10px; } .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table, *.e-bigger .e-calendar .e-content.e-year table, *.e-bigger .e-calendar .e-content.e-decade table { padding: 0 10px 10px; } .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover, *.e-bigger .e-calendar .e-content .e-selected, *.e-bigger .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-bigger.e-calendar .e-content span.e-day, *.e-bigger .e-calendar .e-content span.e-day { font-size: 13px; height: 36px; line-height: 36px; width: 36px; } .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day, *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 36px; } .e-bigger.e-calendar .e-content.e-month td, *.e-bigger .e-calendar .e-content.e-month td { height: 2px; padding: 2px; } .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td, *.e-bigger .e-calendar .e-content.e-year td, *.e-bigger .e-calendar .e-content.e-decade td { height: 60px; padding: 2px; } .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day, *.e-bigger .e-calendar .e-content.e-year td > span.e-day, *.e-bigger .e-calendar .e-content.e-decade td > span.e-day { height: 60px; line-height: 60px; width: 60px; } .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next, *.e-bigger .e-calendar .e-header .e-icon-container .e-prev, *.e-bigger .e-calendar .e-header .e-icon-container .e-next { height: 48px; width: 48px; } .e-bigger.e-calendar .e-footer-container, *.e-bigger .e-calendar .e-footer-container { border-top: none; padding: 0 10px 10px 10px; } .e-small.e-calendar, .e-small .e-calendar { max-width: 246px; min-width: 240px; padding: 0; } .e-small.e-calendar.e-calendar-day-header-lg, .e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-small.e-calendar .e-content span.e-day, .e-small .e-calendar .e-content span.e-day { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } .e-small.e-calendar .e-content.e-month td.e-today span.e-day, .e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 24px; } .e-small.e-calendar .e-content.e-month td, .e-small .e-calendar .e-content.e-month td { height: 24px; } .e-small.e-calendar .e-header, .e-small .e-calendar .e-header { height: 32px; } .e-small.e-calendar .e-header span, .e-small .e-calendar .e-header span { font-size: 12px; padding: 6px; } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { font-size: 13px; line-height: 32px; } .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next, .e-small .e-calendar .e-header .e-icon-container .e-prev, .e-small .e-calendar .e-header .e-icon-container .e-next { height: 28px; width: 28px; } .e-small.e-calendar th, .e-small .e-calendar th { font-size: 12px; height: 24px; } .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active { background: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); cursor: default; opacity: 0.35; outline: none; pointer-events: none; touch-action: none; } .e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 250px 336px; min-height: 336px; } .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar, .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 300px 392px; min-height: 392px; } .e-calendar, .e-bigger.e-small .e-calendar { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next, .e-bigger.e-small .e-calendar .e-date-icon-prev, .e-bigger.e-small .e-calendar .e-date-icon-next { color: rgba(0, 0, 0, 0.54); } .e-calendar th, .e-bigger.e-small .e-calendar th { border-bottom: 0; color: rgba(0, 0, 0, 0.54); } .e-calendar .e-header, .e-bigger.e-small .e-calendar .e-header { border-bottom: 0; } .e-calendar .e-header a span, .e-bigger.e-small .e-calendar .e-header a span { border: none; color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title { color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-calendar .e-header .e-title:hover { color: rgba(0, 0, 0, 0.75); cursor: pointer; text-decoration: none; } .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span, .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, .e-bigger.e-small .e-calendar .e-header .e-next:hover > span { border: none; color: rgba(0, 0, 0, 0.75); cursor: pointer; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover, .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { background: none; } .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active, .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active { background: #fff; color: #fff; } .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span, .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .e-bigger.e-small .e-calendar .e-header button.e-next:active span { border: none; color: rgba(0, 0, 0, 0.75); } .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { color: rgba(0, 0, 0, 0.87); cursor: default; } .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span, .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span { color: rgba(0, 0, 0, 0.87); font-weight: normal; } .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled, .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled { opacity: 0.35; } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day { color: #fff; } .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day { color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day { background-color: #eee; } .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day { background-color: #e3165b; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { background: #fff; } .e-calendar .e-content .e-week-number span, .e-bigger.e-small .e-calendar .e-content .e-week-number span { color: rgba(0, 0, 0, 0.54); } .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day { background: #eee; border: none; border-radius: 50%; } .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: none; border: 1px solid #e3165b; border-radius: 50%; color: #e3165b; } .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: #e3165b; } .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #e3165b; border: 1px solid #e3165b; box-shadow: inset 0 0 0 2px #fff; color: #fff; } .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background-color: #b51148; color: #fff; } .e-calendar .e-content span, .e-bigger.e-small .e-calendar .e-content span { color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content .e-disabled span.e-day:hover, .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover { background: none; border: 0; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content .e-other-month:hover span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day { color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content .e-other-month.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day { background-color: #eee; color: rgba(0, 0, 0, 0.38); } .e-calendar .e-content thead, .e-bigger.e-small .e-calendar .e-content thead { background: none; border-bottom: 0; } .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #eee; border: none; border-radius: 50%; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day { background: none; border: none; color: rgba(0, 0, 0, 0.87); } .e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { background-color: #e3165b; border: none; border-radius: 50%; color: #fff; } .e-calendar .e-content .e-footer, .e-bigger.e-small .e-calendar .e-content .e-footer { color: #e3165b; } .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus, .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .e-bigger.e-small .e-calendar.e-device .e-next:hover, .e-bigger.e-small .e-calendar.e-device .e-prev:active, .e-bigger.e-small .e-calendar.e-device .e-next:active, .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .e-bigger.e-small .e-calendar.e-device .e-next:focus { background: none; } .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span, .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .e-bigger.e-small .e-calendar.e-device button.e-next:active span { color: rgba(0, 0, 0, 0.54); } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { color: rgba(0, 0, 0, 0.87); } .e-zoomin { animation: animatezoom .3s; } @keyframes animatezoom { from { transform: scale(0); } to { transform: scale(1); } } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! component icons */ .e-time-wrapper .e-time-icon.e-icons::before, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before { content: '\e20c'; } .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon, .e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 24px; } .e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon, .e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon, .e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon, .e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon, .e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-time-wrapper, *.e-control-wrapper.e-time-wrapper { -webkit-tap-highlight-color: transparent; } .e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons { font-size: 16px; min-height: 20px; min-width: 20px; } .e-time-wrapper .e-time-icon.e-icons.e-disabled, *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled { pointer-events: none; } .e-time-wrapper span, *.e-control-wrapper.e-time-wrapper span { cursor: pointer; } .e-timepicker.e-time-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-timepicker.e-popup { border-style: solid; border-width: 1px; overflow: auto; } .e-timepicker.e-popup .e-content { position: relative; } .e-timepicker.e-popup .e-list-parent.e-ul { margin: 0; padding: 0 0; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { cursor: default; font-size: 13px; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover { cursor: pointer; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { line-height: 36px; text-indent: 16px; } .e-bigger .e-time-wrapper .e-time-icon.e-icons, *.e-bigger.e-time-wrapper .e-time-icon.e-icons, *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons { font-size: 20px; min-height: 22px; min-width: 22px; } .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul, *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul { padding: 0 0; } .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 14px; line-height: 48px; text-indent: 16px; } .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 12px; line-height: 26px; text-indent: 12px; } .e-small .e-time-wrapper .e-time-icon.e-icons, *.e-small.e-time-wrapper .e-time-icon.e-icons, *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons { font-size: 14px; } .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 13px; line-height: 40px; text-indent: 16px; } .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons, *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons, *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons, *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons { font-size: 18px; } .e-content-placeholder.e-timepicker.e-placeholder-timepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker, .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker { background-size: 250px 40px; min-height: 40px; } .e-time-overflow { overflow: hidden; } .e-timepicker-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open { left: 0 !important; position: relative; top: 0 !important; } /*! timepicker theme */ .e-time-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-timepicker.e-popup { border: none; border-radius: 2px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-timepicker.e-popup .e-list-parent.e-ul { background-color: #fff; } .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item { border: none; color: rgba(0, 0, 0, 0.87); } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled { color: rgba(0, 0, 0, 0.38); opacity: 1; pointer-events: none; touch-action: none; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus { background-color: #eee; border: none; color: #000; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active { background-color: #eee; color: #e3165b; } .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover { background-color: #eee; color: #e3165b; } .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item { color: #000; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! calendar material theme variables */ /*! component icons */ .e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 16px; margin: 0 0 4px 0; min-height: 24px; min-width: 24px; outline: none; } .e-input-group-icon.e-date-icon::before, *.e-control-wrapper .e-input-group-icon.e-date-icon::before { content: '\e901'; font-family: 'e-icons'; } .e-input-group-icon.e-date-icon:focus, *.e-control-wrapper .e-input-group-icon.e-date-icon:focus { background: #eee; border-radius: 50%; } .e-bigger .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 20px; margin: 5px 0 6px 0; min-height: 26px; min-width: 26px; } .e-bigger .e-input-group-icon.e-date-icon::before, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before { content: '\e901'; font-family: 'e-icons'; } .e-bigger .e-input-group-icon.e-date-icon:focus, *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus, *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus { background: #eee; border-radius: 50%; } .e-small .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon, *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 14px; } .e-small.e-bigger .e-input-group-icon.e-date-icon, *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon, *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon { font-size: 18px; } .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 20px; } .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 24px; } .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon, .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon, .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon, .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon { min-height: 0; min-width: 20px; } .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons { box-sizing: border-box; } .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child { display: none; } .e-datepicker.e-popup-wrapper { border-radius: 0; overflow-y: hidden; pointer-events: auto; } .e-datepicker.e-date-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-datepicker .e-model-header { background-color: #e3165b; color: #fff; cursor: default; display: block; padding: 10px 10px 10px 15px; } .e-datepicker .e-model-header .e-model-year { font-size: 14px; font-weight: 500; line-height: 32px; margin: 0; } .e-datepicker .e-model-month, .e-datepicker .e-model-day { font-size: 20px; font-weight: 500; line-height: 32px; margin: 0; } .e-date-overflow { overflow: hidden !important; } .e-datepick-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open { position: relative; top: 0 !important; left: 0 !important; } .e-content-placeholder.e-datepicker.e-placeholder-datepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker, .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker { background-size: 250px 40px; min-height: 40px; } @media screen and (orientation: landscape) and (max-height: 360px) { .e-datepicker .e-calendar.e-device .e-month table tbody { display: inline-block; height: 130px; overflow: auto; } } .e-datepicker.e-popup-wrapper, .e-bigger.e-small .e-datepicker.e-popup-wrapper { border: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-datepicker .e-calendar, .e-bigger.e-small .e-datepicker .e-calendar { background-color: #fff; border: none; } *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) { border: none; } .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active { color: #e3165b; } .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active { color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! calendar material theme variables */ /*! component icons */ .e-input-group-icon.e-range-icon, *.e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 16px; margin: 0 0 4px 0; min-height: 24px; min-width: 24px; outline: none; } .e-input-group-icon.e-range-icon::before, *.e-control-wrapper .e-input-group-icon.e-range-icon::before { content: '\e245'; font-family: 'e-icons'; } .e-input-group-icon.e-range-icon:focus, *.e-control-wrapper .e-input-group-icon.e-range-icon:focus { background: #eee; border-radius: 50%; } .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before { content: '\e913'; } .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before { content: '\e921'; } .e-daterangepicker .e-change-icon::before { content: '\e85f'; } .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before { content: '\e921'; } .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before { content: '\e913'; } .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before { content: '\e85b'; } .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 20px; margin: 0 0 2px 0; min-height: 24px; min-width: 24px; outline: none; } .e-small .e-input-group-icon.e-range-icon, *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon, *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 14px; } .e-small.e-bigger .e-input-group-icon.e-range-icon, *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon, *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon { font-size: 18px; } .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 20px; } .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon, .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 24px; } .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon, .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon, .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon, .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon, .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon { min-height: 0; min-width: 20px; } /*! daterangepicker layout */ .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden, .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden, .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden, .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden { border: 0; height: 0; margin: 0; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-daterangepicker.e-popup, .e-bigger.e-small .e-daterangepicker.e-popup { border: none; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); max-height: 500px; max-width: 730px; } .e-daterangepicker.e-popup.e-daterange-day-header-lg, .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg { max-width: 100%; } .e-daterangepicker.e-popup.e-preset-wrapper, .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper { min-width: 625px; } .e-daterangepicker.e-popup.e-preset-wrapper .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets { max-height: none; } .e-daterangepicker.e-popup .e-range-header, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header { background: #fff; padding: 16px 16px 0 16px; width: auto; } .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label { cursor: default; display: inline-block; font-size: 18px; overflow: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; -webkit-user-select: none; user-select: none; white-space: nowrap; width: 48%; } .e-daterangepicker.e-popup .e-range-header .e-change-icon, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon { font-size: 15px; font-weight: 500; text-align: center; width: 4%; } .e-daterangepicker.e-popup .e-range-header .e-day-span, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span { direction: ltr; font-size: 13px; height: 14px; margin: 0 0 15px 0; text-align: center; -webkit-user-select: none; user-select: none; width: 100%; } .e-daterangepicker.e-popup .e-range-header .e-start-end, .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end { align-items: center; display: flex; height: 35px; } .e-daterangepicker.e-popup .e-separator, .e-bigger.e-small .e-daterangepicker.e-popup .e-separator { height: 1px; margin: 0 16px; } .e-daterangepicker.e-popup .e-calendar, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar { border: none; margin: 0; padding: 0; } .e-daterangepicker.e-popup .e-calendar .e-content table, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table { padding: 0 10px 10px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title { cursor: pointer; float: none; font-weight: normal; line-height: 36px; margin-left: 0; width: auto; } .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade { padding: 10px 5px 0 5px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next { float: right; } .e-daterangepicker.e-popup .e-calendar .e-header .e-prev, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev { float: left; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev { height: 36px; width: 36px; } .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span { padding: 10px; } .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover { border-radius: 50% 0 0 50%; } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover { border-radius: 0 50% 50% 0; } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day { border: none; } .e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer { align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.12); clear: both; display: flex; flex-direction: row-reverse; height: 48px; } .e-daterangepicker.e-popup .e-footer .e-btn, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn { font-weight: 500; height: 27px; line-height: 27px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; } .e-daterangepicker.e-popup .e-footer .e-btn.e-apply, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply { margin: 0 8px 0 8px; } .e-daterangepicker.e-popup .e-date-range-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container { float: left; } .e-daterangepicker.e-popup .e-date-range-container.e-range-border, .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border { border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-calendar-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container { display: flex; } .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container { float: left; } .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container { border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets { max-height: 192px; overflow: auto; width: auto; } .e-daterangepicker.e-popup .e-presets .e-list-item, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item { border-radius: 0; cursor: pointer; line-height: 48px; overflow: hidden; padding: 0 24px; white-space: nowrap; } .e-daterangepicker.e-popup .e-presets .e-list-parent, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent { margin: 0; max-width: 160px; padding: 0; } .e-daterangepicker.e-popup .e-presets .e-text-content, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content { line-height: 47px; } .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item { font-size: 13px; height: 36px; line-height: 36px; } .e-daterangepicker.e-popup .e-hide-range, .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range { display: none; } .e-daterangepicker.e-rtl .e-date-range-container, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container { float: right; } .e-daterangepicker.e-rtl .e-date-range-container.e-range-border, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-left-container, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next { float: left; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev { float: right; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover { border-radius: 0 50% 50% 0; } .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover { border-radius: 50% 0 0 50%; } .e-daterangepicker.e-rtl .e-footer, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer { flex-direction: row; justify-content: flex-end; } .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel { margin: 0 8px 0 8px; } .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply, .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply { margin-left: 0; } .e-bigger .e-daterangepicker.e-range-modal, *.e-device.e-daterangepicker.e-range-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-bigger.e-small .e-daterangepicker .e-calendar { max-width: 246px; } .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper, *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper, *.e-device.e-daterangepicker.e-popup.e-preset-wrapper { max-width: 770px; min-width: auto; } .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets, *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets, *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets { max-height: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header, *.e-bigger.e-daterangepicker.e-popup .e-range-header, *.e-device.e-daterangepicker.e-popup .e-range-header { width: auto; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end { align-items: center; cursor: pointer; display: flex; height: 36px; justify-content: center; -webkit-user-select: none; user-select: none; width: 100%; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { border: 1px solid #3f51b5; box-shadow: none; font-size: 14px; font-weight: 500; height: 36px; line-height: 34px; max-width: 116px; overflow: hidden; padding: 1px 6px; text-overflow: ellipsis; width: 50%; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { border-left: 0; border-radius: 0 2px 2px 0; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn { border-radius: 2px 0 0 2px; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]), *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]), *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) { box-shadow: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover { box-shadow: none; } .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn { max-width: 141px; } .e-bigger .e-daterangepicker.e-popup .e-presets, *.e-bigger.e-daterangepicker.e-popup .e-presets, *.e-device.e-daterangepicker.e-popup .e-presets { max-height: 240px; } .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper, *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper, *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper { max-height: none; } .e-bigger .e-daterangepicker.e-popup .e-presets ul, *.e-bigger.e-daterangepicker.e-popup .e-presets ul, *.e-device.e-daterangepicker.e-popup .e-presets ul { max-width: none; } .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item, *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item, *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item { font-size: 14px; height: 48px; line-height: 48px; padding: 0 16px; } .e-bigger .e-daterangepicker .e-calendar, *.e-bigger.e-daterangepicker .e-calendar, *.e-device.e-daterangepicker .e-calendar { max-width: 296px; padding: 0; } .e-bigger .e-daterangepicker .e-calendar .e-content table, *.e-bigger.e-daterangepicker .e-calendar .e-content table, *.e-device.e-daterangepicker .e-calendar .e-content table { padding: 0 15px 15px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev, *.e-device.e-daterangepicker .e-calendar .e-header .e-next, *.e-device.e-daterangepicker .e-calendar .e-header .e-prev { height: 48px; width: 48px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span, *.e-device.e-daterangepicker .e-calendar .e-header .e-next span, *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span { padding: 15px; } .e-bigger .e-daterangepicker .e-calendar .e-header .e-title, *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title, *.e-device.e-daterangepicker .e-calendar .e-header .e-title { cursor: pointer; line-height: 48px; } .e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year, *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade, *.e-device.e-daterangepicker .e-calendar .e-header.e-month, *.e-device.e-daterangepicker .e-calendar .e-header.e-year, *.e-device.e-daterangepicker .e-calendar .e-header.e-decade { padding: 10px 5px 0 5px; } .e-bigger .e-daterangepicker .e-footer, *.e-bigger.e-daterangepicker .e-footer, *.e-device.e-daterangepicker .e-footer { height: 58px; } .e-bigger .e-daterangepicker .e-footer .e-btn, *.e-bigger.e-daterangepicker .e-footer .e-btn, *.e-device.e-daterangepicker .e-footer .e-btn { height: 36px; line-height: 36px; overflow: hidden; } .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply, *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply, *.e-device.e-daterangepicker .e-footer .e-btn.e-apply { margin: 0 8px 0 8px; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn, *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn { border: 1px solid #3f51b5; border-radius: 2px 0 0 2px; border-right: 0; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn, *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn { border-radius: 0 2px 2px 0; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel, *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel { margin: 0 8px 0 8px; } .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply, *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply, *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply { margin-left: 0; } .e-bigger .e-daterangepicker.e-device.e-popup, *.e-bigger.e-daterangepicker.e-device.e-popup, *.e-device.e-daterangepicker.e-device.e-popup { max-width: 298px; } .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header, *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header, *.e-device.e-daterangepicker.e-device.e-popup .e-range-header { margin: 20px 16px 0 16px; padding: 0; } .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span, *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span, *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span { margin: 10px 0; } .e-small .e-daterangepicker.e-popup .e-range-header, *.e-small.e-daterangepicker.e-popup .e-range-header { margin: 10px 10px 0 10px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label, *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label, *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label { font-size: 16px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon, *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon { font-size: 12px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end, *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end { height: 32px; } .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span, *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span { font-size: 12px; margin: 0 0 10px 0; } .e-small .e-daterangepicker.e-popup .e-range-header .e-separator, *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator { margin: 0 10px; } .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply, *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply { margin: 10px 10px 10px 8px; } .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item, *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item { font-size: 12px; height: 26px; line-height: 26px; } .e-range-overflow { overflow: hidden; } .e-daterangepick-mob-popup-wrap { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; max-height: 100%; position: fixed; top: 0; width: 100%; z-index: 1002; } .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open { position: relative; top: 0 !important; left: 0 !important; } .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker, .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker { background-size: 250px 40px; min-height: 40px; } /*! daterangepicker theme */ .e-date-range-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-daterangepicker.e-popup, .e-bigger.e-small .e-daterangepicker.e-popup { background: #fff; } .e-daterangepicker.e-popup .e-calendar, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar { background-color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover { color: rgba(0, 0, 0, 0.87); text-decoration: none; } .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span { background-color: #eee; border: 1px solid #e3165b; color: #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span { background: #eee; border: none; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day { background-color: #c8c8c8; border: none; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day { border: 1px solid #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day { border: 1px solid #e3165b; } .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span { background-color: #fff; border: none; color: rgba(0, 0, 0, 0.38); } .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected { background-color: #fff; border: none; color: rgba(0, 0, 0, 0.38); } .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day { background-color: #e3165b; color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day { background-color: #e3165b; color: #fff; } .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span { color: #fff; } .e-daterangepicker.e-popup .e-presets, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets { background-color: #fff; color: #000; } .e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active { background-color: #fff; color: #e3165b; } .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label, .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label { color: rgba(0, 0, 0, 0.87); } .e-daterangepicker.e-popup .e-change-icon, .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon { color: rgba(0, 0, 0, 0.74); } .e-daterangepicker.e-popup .e-day-span, .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span { color: rgba(0, 0, 0, 0.54); } .e-daterangepicker.e-popup .e-separator, .e-bigger.e-small .e-daterangepicker.e-popup .e-separator { background-color: rgba(0, 0, 0, 0.12); } .e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer { background-color: #fff; } .e-bigger .e-daterangepicker, *.e-bigger.e-daterangepicker, *.e-device.e-daterangepicker { background-color: #fff; padding: 0; } .e-bigger .e-daterangepicker .e-calendar th, *.e-bigger.e-daterangepicker .e-calendar th, *.e-device.e-daterangepicker .e-calendar th { color: rgba(0, 0, 0, 0.38); } .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn, *.e-bigger.e-daterangepicker .e-start-btn, *.e-bigger.e-daterangepicker .e-end-btn, *.e-device.e-daterangepicker .e-start-btn, *.e-device.e-daterangepicker .e-end-btn { background: #fff; } .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-start-btn.e-active, *.e-bigger.e-daterangepicker .e-start-btn.e-active:active, *.e-bigger.e-daterangepicker .e-end-btn.e-active, *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover, *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover, *.e-device.e-daterangepicker .e-start-btn.e-active, *.e-device.e-daterangepicker .e-start-btn.e-active:active, *.e-device.e-daterangepicker .e-end-btn.e-active, *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]), *.e-device.e-daterangepicker .e-start-btn.e-active:hover, *.e-device.e-daterangepicker .e-end-btn.e-active:hover { background: #3f51b5; color: #fff; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! component icons */ .e-datetime-wrapper .e-time-icon.e-icons::before { content: '\e20c'; font-family: 'e-icons'; } .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-bigger .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon, .e-bigger .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 24px; } .e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon, .e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-small .e-datetime-wrapper.e-outline .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon, .e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 18px; } .e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon, .e-bigger.e-small .e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon, .e-bigger.e-small.e-outline.e-datetime-wrapper .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon, .e-bigger.e-small .e-datetime-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon { min-height: 0; min-width: 20px; } .e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl.e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl.e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl .e-datetime-wrapper.e-filled .e-input-group-icon.e-time-icon, .e-rtl .e-datetime-wrapper.e-control-wrapper.e-filled .e-input-group-icon.e-time-icon { margin: 0; } .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon { display: flex; } .e-datetime-wrapper { -webkit-tap-highlight-color: transparent; } .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 16px; } .e-datetime-wrapper.e-control-wrapper { box-sizing: border-box; } .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled { pointer-events: none; } .e-datetime-wrapper .e-clear-icon { box-sizing: content-box; } .e-datetime-wrapper span { cursor: pointer; } .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon { font-size: 16px; margin: 0 0 4px; min-height: 24px; min-width: 24px; outline: none; } .e-datetime-wrapper .e-input-group-icon.e-time-icon { border: 0; border-style: none; margin: 0 0 4px 6px; } .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon { margin: 0 6px 4px 0; } .e-datetimepicker.e-time-modal { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-datetimepicker.e-popup { border-style: solid; border-width: 1px; overflow: auto; } .e-datetimepicker.e-popup .e-content { position: relative; } .e-datetimepicker.e-popup .e-list-parent.e-ul { margin: 0; padding: 8px 0; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { color: rgba(0, 0, 0, 0.87); cursor: default; font-size: 13px; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover { cursor: pointer; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { line-height: 36px; text-indent: 16px; } .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 20px; } .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon, *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon { margin: 5px 0 6px 8px; min-height: 26px; min-width: 26px; } .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon, *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon { margin: 5px 8px 6px 0; } .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul, *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul { padding: 8px 0; } .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 14px; line-height: 48px; text-indent: 16px; } .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 12px; line-height: 26px; text-indent: 12px; } .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item, *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item { font-size: 13px; line-height: 40px; text-indent: 16px; } .e-small.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 14px; } .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before, *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before { font-size: 18px; } .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker { background-size: 250px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker, .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker { background-size: 250px 40px; min-height: 40px; } /*! datetimepicker theme */ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active { color: #e3165b; } .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active { color: #e3165b; } .e-datetimepicker.e-popup { border: none; border-radius: 2px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-datetimepicker.e-popup .e-list-parent.e-ul { background-color: #fff; } .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item { border: none; color: rgba(0, 0, 0, 0.87); } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus { background-color: #eee; border: none; color: #000; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active { background-color: #eee; color: #e3165b; } .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover { background-color: #eee; color: #e3165b; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@bryntum/scheduler/scheduler.css ***! \***************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * * Bryntum Scheduler 7.1.3 * * Copyright(c) 2026 Bryntum AB * https://bryntum.com/contact * https://bryntum.com/license * * Bryntum incorporates third-party code licensed under the MIT and Apache-2.0 licenses. * See the licenses below or visit https://bryntum.com/products/scheduler/docs/guide/Scheduler/licenses * * # Third Party Notices * * Bryntum uses the following third party libraries: * * * [Font Awesome 6 Free](https://fontawesome.com/license/free) (MIT/SIL OFL 1.1) * * [Roboto font (for Material theme only)](https://github.com/google/roboto) (Apache-2.0) * * [Styling Cross-Browser Compatible Range Inputs with Sass](https://github.com/darlanrod/input-range-sass) (MIT) * * [Tree Walker polyfill (only applies to Salesforce)](https://github.com/Krinkle/dom-TreeWalker-polyfill) (MIT) * * [chronograph](https://github.com/bryntum/chronograph) (MIT) * * [later.js](https://github.com/bunkat/later) (MIT) * * [Monaco editor (only used in our demos)](https://microsoft.github.io/monaco-editor) (MIT) * * Map/Set polyfill to fix performance issues for Salesforce LWS (MIT) * * [Chart.js (when using Chart package)](https://github.com/chartjs/Chart.js) (MIT) * * Note: the **chronograph** and **later.js** libraries are used in Bryntum Scheduler Pro and Bryntum Gantt, but they are * listed for all Bryntum products since the distribution contains trial versions of the thin bundles for all other * products. TreeWalker is only used in the LWC bundle for Salesforce. Roboto font is only used in the material theme. * * ## Font Awesome 6 Free * * [Font Awesome Free 6 by @fontawesome](https://fontawesome.com/) * * Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, * or really almost whatever you want. * * [Full Font Awesome Free license](https://fontawesome.com/license/free) * * ## Roboto font * * [Apache License Version 2.0, January 2004](https://www.apache.org/licenses/LICENSE-2.0) * * TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION * * 1. Definitions. * * "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 * of this document. * * "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. * * "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are * under common control with that entity. For the purposes of this definition, * "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by * contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial * ownership of such entity. * * "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. * * "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, * documentation source, and configuration files. * * "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including * but not limited to compiled object code, generated documentation, and conversions to other media types. * * "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as * indicated by a copyright notice that is included in or attached to the work * (an example is provided in the Appendix below). * * "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work * and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an * original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain * separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. * * "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or * additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the * Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. * For the purposes of this definition, "submitted" * means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including * but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems * that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding * communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a * Contribution." * * "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received * by Licensor and subsequently incorporated within the Work. * * 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to * You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, * prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such * Derivative Works in Source or Object form. * * 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a * perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable * (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise * transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are * necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) * with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity ( * including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within * the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this * License for that Work shall terminate as of the date such litigation is filed. * * 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with * or without modifications, and in Source or Object form, provided that You meet the following conditions: * * (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and * * (b) You must cause any modified files to carry prominent notices stating that You changed the files; and * * (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, * and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the * Derivative Works; and * * (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute * must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that * do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file * distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the * Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices * normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You * may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the * NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the * License. * * You may add Your own copyright statement to Your modifications and may provide additional or different license terms and * conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, * provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this * License. * * 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for * inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any * additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any * separate license agreement you may have executed with Licensor regarding such Contributions. * * 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product * names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and * reproducing the content of the NOTICE file. * * 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and * each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, * MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness * of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this * License. * * 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or * otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, * shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or * consequential damages of any character arising as a result of this License or out of the use or inability to use the * Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or * any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such * damages. * * 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose * to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or * rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and * on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and * hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason * of your accepting any such warranty or additional liability. * * END OF TERMS AND CONDITIONS * * APPENDIX: How to apply the Apache License to your work. * * To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by * brackets "[]" * replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the * appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose * be included on the same "printed page" as the copyright notice for easier identification within third-party archives. * * Copyright [yyyy] [name of copyright owner] * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the * License. You may obtain a copy of the License at * * [APACHE LICENSE, VERSION 2.0](http://www.apache.org/licenses/LICENSE-2.0) * * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an " * AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific * language governing permissions and limitations under the License. * * ## Styling Cross-Browser Compatible Range Inputs with Sass * * Github: [input-range-sass](https://github.com/darlanrod/input-range-sass) * * Author: [Darlan Rod](https://github.com/darlanrod) * * Version 1.4.1 * * The MIT License (MIT) * * Copyright (c) 2016 Darlan Rod * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Tree Walker polyfill * * The MIT License (MIT) * * [Copyright 2013–2017 Timo Tijhof](https://github.com/Krinkle/dom-TreeWalker-polyfill) * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## chronograph * * GitHub: [chronograph](https://github.com/bryntum/chronograph) * * The MIT License (MIT) * * Copyright (c) 2023 Bryntum * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## later.js * * GitHub: [later.js](https://github.com/bunkat/later) * * The MIT License (MIT) * * Copyright © 2013 BunKat * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Monaco editor * * GitHub: [Monaco editor](https://microsoft.github.io/monaco-editor) (MIT) * * The MIT License (MIT) * * Copyright (c) 2016 - present Microsoft Corporation * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Map/Set polyfill to fix performance issues for Salesforce LWS * * Copyright © 2024 Certinia Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * ## Chart.js * * GitHub: [Chart.js](https://github.com/chartjs/Chart.js) * * The MIT License (MIT) * * Copyright (c) 2014-2022 Chart.js Contributors * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * */ /* ../Core/lib/Core/widget/Widget.css */ :root, :host { --bryntum-version: "7.1.3"; --b-checkbox-checked-check-content: "\f00c"; --b-widget-anchor-width: 1.2em; --b-widget-anchor-height: .6em; --b-widget-font-size: 1em; --b-widget-font-weight: 400; --b-widget-icon-font-family: "Font Awesome 6 Free"; --b-widget-icon-font-weight: 900; --b-widget-sub-menu-icon: "\f0da"; --b-widget-color: var(--b-text-1); --b-widget-border-color: var(--b-border-3); --b-widget-disabled-color: var(--b-text-3); --b-widget-disabled-background: var(--b-neutral-90); --b-widget-padding: 1em; --b-widget-padding-large: 1.5em; --b-widget-gap: 1em; --b-widget-focus-outline-width: 2px; --b-widget-focus-outline-color: var(--b-primary); --b-widget-floating-box-shadow: var(--b-elevation-2); --b-aligned-above-floating-box-shadow: -3px -1px 6px rgba(0, 0, 0, 0.12), 3px -2px 6px rgba(0, 0, 0, 0.24); --b-widget-floating-border: null; --b-label-color: var(--b-widget-color); --b-widget-scrollbar-border-color: var(--b-border-7); --b-widget-anchor-offset: 1px; --b-elevation-0: none; --b-elevation-1: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 2px 1px -1px rgba(0, 0, 0, 0.08); --b-elevation-2: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.10), 0 3px 1px -2px rgba(0, 0, 0, 0.08); --b-elevation-3: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24); --b-elevation-4: 0 5px 6px -3px rgba(0, 0, 0, 0.16), 0 8px 10px 1px rgba(0, 0, 0, 0.10), 0 3px 14px 2px rgba(0, 0, 0, 0.08); --b-default-transition-duration: .15s; } @media (prefers-reduced-motion: reduce) { body:not(.b-siesta-testing) { --b-default-transition-duration: 0s; } } @property --bi-widget-grid-column { syntax : "*"; inherits : false; } .b-internal { --bi-widget-grid-column: null; } .b-widget { display: flex; position: relative; overflow: hidden; color-scheme: var(--b-widget-color-scheme); font-weight: var(--b-widget-font-weight); font-size: var(--b-widget-font-size); grid-column: var(--bi-widget-grid-column); } .b-widget, .b-widget::before, .b-widget::after, .b-widget *, .b-widget *::before, .b-widget *::after { box-sizing: border-box; } .b-widget.b-hidden.b-hide-mode-clip { clip: rect(0, 0, 0, 0) !important; } .b-widget.b-hidden.b-hide-mode-opacity { opacity: 0 !important; pointer-events: none; } .b-widget.b-hidden.b-hide-mode-display { display: none !important; } .b-widget.b-positioned { position: absolute; inset-inline-start: 0; inset-block-start: 0; } .b-widget.b-positionable { position: absolute; } .b-widget .b-aria-desc-element { position: absolute; clip-path: polygon(0 0); contain: strict; } .b-widget.b-floating, .b-widget.b-positioned { box-shadow: var(--b-widget-floating-box-shadow); } :is(.b-widget.b-floating, .b-widget.b-positioned).b-centered { top: 50%; inset-inline-start: 50%; z-index: 1; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-widget.b-maximized { position: fixed; translate: none !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; top: 0 !important; inset-inline-start: 0 !important; } .b-widget.b-maximized.b-mobile .b-bottom-toolbar { order: -1; min-height: 3.5em; } .b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content { padding-block: 0.5em 0; padding-inline-start: 1em !important; } .b-widget > .b-focus-trap { position: absolute; display: none; clip: rect(0, 0, 0, 0); } .b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap { display: inherit; } .b-widget.b-initializing * { transition: none !important; } .b-anchor { position: absolute; } .b-anchor svg { position: absolute; top: 0; pointer-events: none; overflow: visible; } .b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom { left: 0; height: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-y, 0px)); width: 100%; } :is(.b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom) svg { width: var(--b-widget-anchor-width); height: var(--b-widget-anchor-height); } .b-anchor.b-anchor-top { bottom: calc(100% - var(--b-widget-anchor-offset)); } .b-anchor.b-anchor-top svg { top: auto; bottom: 0; } .b-anchor.b-anchor-bottom { top: calc(100% - var(--b-widget-anchor-offset)); } .b-anchor.b-anchor-bottom svg { rotate: 180deg; } .b-anchor.b-anchor-start, .b-anchor.b-anchor-end { top: 0; width: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-x, 0px)); height: 100%; } :is(.b-anchor.b-anchor-start, .b-anchor.b-anchor-end) svg { height: var(--b-widget-anchor-width); width: var(--b-widget-anchor-height); } .b-anchor.b-anchor-start { inset-inline-end: 100%; } .b-anchor.b-anchor-start svg { rotate: 270deg; transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height); } .b-anchor.b-anchor-end { inset-inline-start: 100%; } .b-anchor.b-anchor-end svg { rotate: 90deg; transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2); } .b-anchor.b-anchor-right { inset-inline-start: calc(100% - var(--bi-border-width, 0px)); clip-path: rect(0 100% 100% var(--bi-border-width, 0px)); } .b-anchor.b-anchor-left { inset-inline-end: calc(100% - var(--bi-border-width, 0px)); clip-path: rect(0 calc(100% - var(--bi-border-width, 0px)) 100% 0); } .b-rtl > .b-anchor.b-anchor-right { inset-inline-end: calc(100% - var(--bi-border-width, 0px)); inset-inline-start: auto; } .b-rtl > .b-anchor.b-anchor-left { inset-inline-start: calc(100% - var(--bi-border-width, 0px)); inset-inline-end: auto; } .b-float-root { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; overflow: clip; z-index: 14000; contain: strict; } .b-float-root.b-safari { user-select: none; -webkit-user-select: none; } .b-float-root > .b-floating { position: absolute; contain: layout style; pointer-events: all; transition: opacity 0.2s; top: 0; inset-inline-start: 0; z-index: 1; } .b-float-root > .b-floating:not(.b-popup) { box-shadow: var(--b-widget-floating-box-shadow); border-radius: var(--b-widget-border-radius); border: var(--b-widget-floating-border); } .b-firefox :is(.b-float-root > .b-floating) { contain: layout; } .b-float-root > .b-floating.b-hidden { opacity: 0; } .b-float-root > .b-floating.b-aligned-above:not(.b-anchored) { box-shadow: var(--b-aligned-above-floating-box-shadow); } .b-trial-demo-mode [style*="data:image/svg+xml"] { background-image: none !important; } :root, :host { --b-rtl-negate: 1; } .b-rtl { direction: rtl; --b-rtl-negate: -1; } .b-rtl .b-anchor.b-anchor-start svg { rotate: 90deg; transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2); } .b-rtl .b-anchor.b-anchor-end svg { rotate: 270deg; transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height); } .b-ltr { direction: ltr; } .b-aria-live-el { height: 0; width: 0; position: absolute; inset-inline-start: -9999px; contain: strict; } .b-released, .b-hide-display, .b-theme-info { display: none !important; } .b-hide-visibility { visibility: hidden !important; } .b-hide-offscreen { visibility: hidden !important; position: absolute !important; top: -10000em; left: -10000em; } .b-yscroll-pad { display: none; } .b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad { display: block; order: 9999; border-inline-start: 1px solid var(--b-widget-scrollbar-border-color); } .b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer { overflow-x: hidden; overflow-y: scroll; margin-inline-start: -1px; height: 0; max-width: var(--bi-scrollbar-width); } .b-widget-scroller.b-hide-scroll { scrollbar-width: none; } .b-widget-scroller.b-hide-scroll::-webkit-scrollbar { display: none; } .b-scroller-stretcher { position: absolute; height: 1px; width: 1px; top: 0; inset-inline-start: 0; } :is(div, span) .b-color-red { --b-primary: var(--b-color-red); } :is(div, span) .b-color-pink { --b-primary: var(--b-color-pink); } :is(div, span) .b-color-magenta { --b-primary: var(--b-color-magenta); } :is(div, span) .b-color-purple { --b-primary: var(--b-color-purple); } :is(div, span) .b-color-deep-purple { --b-primary: var(--b-color-deep-purple); } :is(div, span) .b-color-violet { --b-primary: var(--b-color-violet); } :is(div, span) .b-color-indigo { --b-primary: var(--b-color-indigo); } :is(div, span) .b-color-blue { --b-primary: var(--b-color-blue); } :is(div, span) .b-color-light-blue { --b-primary: var(--b-color-light-blue); } :is(div, span) .b-color-cyan { --b-primary: var(--b-color-cyan); } :is(div, span) .b-color-teal { --b-primary: var(--b-color-teal); } :is(div, span) .b-color-green { --b-primary: var(--b-color-green); } :is(div, span) .b-color-light-green { --b-primary: var(--b-color-light-green); } :is(div, span) .b-color-lime { --b-primary: var(--b-color-lime); } :is(div, span) .b-color-yellow { --b-primary: var(--b-color-yellow); } :is(div, span) .b-color-amber { --b-primary: var(--b-color-amber); } :is(div, span) .b-color-orange { --b-primary: var(--b-color-orange); } :is(div, span) .b-color-deep-orange { --b-primary: var(--b-color-deep-orange); } :is(div, span) .b-color-brown { --b-primary: var(--b-color-brown); } :is(div, span) .b-color-lighter-gray { --b-primary: var(--b-color-lighter-gray); } :is(div, span) .b-color-light-gray { --b-primary: var(--b-color-light-gray); } :is(div, span) .b-color-gray { --b-primary: var(--b-color-gray); } :is(div, span) .b-color-black { --b-primary: var(--b-color-black); } @keyframes b-anim-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes b-anim-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes b-anim-slide-in-from-right { 30% { translate: -50%; opacity: 0.5; } 30.01% { translate: 50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-left { 30% { translate: 50%; opacity: 0.5; } 30.01% { translate: -50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-below { 30% { translate: 0 -50%; opacity: 0.5; } 30.01% { translate: 0 50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-above { 30% { translate: 0 50%; opacity: 0.5; } 30.01% { translate: 0 -50%; } 100% { translate: 0; opacity: 1; } } .b-slide-in-next, .b-slide-in-previous { animation: b-anim-slide-in-from-left 0.3s ease 0s 1 normal; } .b-slide-vertical.b-slide-in-next { animation-name: b-anim-slide-in-from-below; } .b-slide-vertical.b-slide-in-previous { animation-name: b-anim-slide-in-from-above; } .b-slide-in-next:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-right; } .b-slide-in-previous:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-left; } .b-rtl.b-slide-in-next:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-left; } .b-rtl.b-slide-in-previous:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-right; } .b-sliding-child-element { overflow: clip; } .b-transition-expand-collapse.b-aligned-below { animation: b-anim-expand-downwards 0.3s forwards; } .b-transition-expand-collapse.b-aligned-above { animation: b-anim-expand-upwards 0.3s forwards; } .b-transition-expand-collapse.b-hiding.b-aligned-below { animation: b-anim-collapse-upwards 0.3s forwards; } .b-transition-expand-collapse.b-hiding.b-aligned-above { animation: b-anim-collapse-downwards 0.3s forwards; } @keyframes b-anim-expand-downwards { 0% { clip-path: rect(-25px calc(100% + 25px) 0 -25px); opacity: 0; } 100% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } } @keyframes b-anim-collapse-upwards { 0% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } 100% { clip-path: rect(-25px calc(100% + 25px) 0 -25px); opacity: 0; } } @keyframes b-anim-expand-upwards { 0% { clip-path: rect(100% calc(100% + 25px) 100% -25px); opacity: 0; } 100% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } } @keyframes b-anim-collapse-downwards { 0% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } 100% { clip-path: rect(100% calc(100% + 25px) 100% -25px); opacity: 0; } } /* ../Core/lib/Core/Colors.css */ :root, :host { --b-color-red: #e53935; --b-color-pink: #d81b60; --b-color-magenta: #c200c2; --b-color-purple: #8e24aa; --b-color-violet: #5e35b1; --b-color-deep-purple: #4527a0; --b-color-indigo: #3949ab; --b-color-blue: #1e88e5; --b-color-light-blue: #03a9f4; --b-color-cyan: #3bc9db; --b-color-teal: #00897b; --b-color-green: #43a047; --b-color-light-green: #8bc34a; --b-color-lime: #c0ca33; --b-color-yellow: #fdd835; --b-color-amber: #ffb300; --b-color-orange: #fb8c00; --b-color-deep-orange: #f4511e; --b-color-brown: #6d4c41; --b-color-lighter-gray: #e0e0e0; --b-color-light-gray: #c0c0c0; --b-color-gray: #757575; --b-color-black: #000000; --b-neutral-100: hsl(0 0 100%); --b-neutral-99: hsl(0 0 99%); --b-neutral-98: hsl(0 0 98%); --b-neutral-97: hsl(0 0 97%); --b-neutral-96: hsl(0 0 96%); --b-neutral-95: hsl(0 0 95%); --b-neutral-94: hsl(0 0 94%); --b-neutral-93: hsl(0 0 93%); --b-neutral-92: hsl(0 0 92%); --b-neutral-91: hsl(0 0 91%); --b-neutral-90: hsl(0 0 90%); --b-neutral-85: hsl(0 0 85%); --b-neutral-80: hsl(0 0 80%); --b-neutral-75: hsl(0 0 75%); --b-neutral-70: hsl(0 0 70%); --b-neutral-65: hsl(0 0 65%); --b-neutral-60: hsl(0 0 60%); --b-neutral-55: hsl(0 0 55%); --b-neutral-50: hsl(0 0 50%); --b-neutral-45: hsl(0 0 45%); --b-neutral-40: hsl(0 0 40%); --b-neutral-35: hsl(0 0 35%); --b-neutral-30: hsl(0 0 30%); --b-neutral-25: hsl(0 0 25%); --b-neutral-20: hsl(0 0 20%); --b-neutral-15: hsl(0 0 15%); --b-neutral-10: hsl(0 0 10%); --b-neutral-5: hsl(0 0 5%); --b-neutral-2: hsl(0 0 2%); --b-neutral-1: hsl(0 0 1%); --b-neutral-0: hsl(0 0 0%); --b-border-1: var(--b-neutral-10); --b-border-2: var(--b-neutral-30); --b-border-3: var(--b-neutral-50); --b-border-4: var(--b-neutral-60); --b-border-5: var(--b-neutral-70); --b-border-6: var(--b-neutral-80); --b-border-7: var(--b-neutral-90); --b-border-8: var(--b-neutral-93); --b-border-9: var(--b-neutral-95); --b-border-10: var(--b-neutral-100); --b-text-1: var(--b-neutral-10); --b-text-2: var(--b-neutral-30); --b-text-3: var(--b-neutral-50); --b-text-4: var(--b-neutral-70); --b-text-5: var(--b-neutral-100); } .b-colorize, .b-bryntum { --b-primary-100: var(--b-mix); --b-primary-99: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%); --b-primary-98: color-mix(in srgb, var(--b-primary), var(--b-mix) 96%); --b-primary-97: color-mix(in srgb, var(--b-primary), var(--b-mix) 94%); --b-primary-96: color-mix(in srgb, var(--b-primary), var(--b-mix) 92%); --b-primary-95: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-primary-94: color-mix(in srgb, var(--b-primary), var(--b-mix) 88%); --b-primary-93: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-primary-92: color-mix(in srgb, var(--b-primary), var(--b-mix) 84%); --b-primary-91: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%); --b-primary-90: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-primary-85: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-primary-80: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%); --b-primary-75: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-primary-70: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%); --b-primary-65: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%); --b-primary-60: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-primary-55: color-mix(in srgb, var(--b-primary), var(--b-mix) 10%); --b-primary-50: var(--b-primary); --b-primary-45: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%); --b-primary-40: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-primary-35: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); --b-primary-30: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-primary-25: color-mix(in srgb, var(--b-primary), var(--b-opposite) 50%); --b-primary-20: color-mix(in srgb, var(--b-primary), var(--b-opposite) 60%); --b-primary-15: color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%); --b-primary-10: color-mix(in srgb, var(--b-primary), var(--b-opposite) 80%); --b-primary-5: color-mix(in srgb, var(--b-primary), var(--b-opposite) 90%); --b-primary-2: color-mix(in srgb, var(--b-primary), var(--b-opposite) 96%); --b-primary-1: color-mix(in srgb, var(--b-primary), var(--b-opposite) 98%); --b-primary-0: var(--b-opposite); } @supports not (color: color-mix(in srgb, red, blue)) { .b-colorize, .b-bryntum { --b-primary-99: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)) var(--b-primary); --b-primary-98: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) var(--b-primary); --b-primary-97: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) var(--b-primary); --b-primary-96: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)) var(--b-primary); --b-primary-95: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)) var(--b-primary); --b-primary-94: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)) var(--b-primary); --b-primary-93: linear-gradient(rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)) var(--b-primary); --b-primary-92: linear-gradient(rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84)) var(--b-primary); --b-primary-91: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)) var(--b-primary); --b-primary-90: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)) var(--b-primary); --b-primary-85: linear-gradient(rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.70)) var(--b-primary); --b-primary-80: linear-gradient(rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.60)) var(--b-primary); --b-primary-75: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.50)) var(--b-primary); --b-primary-70: linear-gradient(rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.40)) var(--b-primary); --b-primary-65: linear-gradient(rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.30)) var(--b-primary); --b-primary-60: linear-gradient(rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.20)) var(--b-primary); --b-primary-55: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.10)) var(--b-primary); --b-primary-45: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)) var(--b-primary); --b-primary-40: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)) var(--b-primary); --b-primary-35: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)) var(--b-primary); --b-primary-30: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)) var(--b-primary); --b-primary-25: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)) var(--b-primary); --b-primary-20: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)) var(--b-primary); --b-primary-15: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)) var(--b-primary); --b-primary-10: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)) var(--b-primary); --b-primary-5: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)) var(--b-primary); --b-primary-2: linear-gradient(rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.96)) var(--b-primary); --b-primary-1: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98)) var(--b-primary); } } /* ../Core/lib/Core/helper/DomHelper.css */ .b-fx-highlight { z-index: 9999 !important; animation: b-anim-fx-highlight 1s ease 0s 1; } @keyframes b-anim-fx-highlight { 0% { box-shadow: none; } 50% { box-shadow: 0 0 10px 5px var(--b-primary-50); } 100% { box-shadow: none; } } /* ../Core/lib/Core/helper/DragHelper.css */ .b-dragging, .b-dragging * { pointer-events: none !important; } .b-dragging:not(.b-widget) { z-index: 100; opacity: 0.8; box-sizing: border-box; } .b-dragging:not(.b-widget).b-drag-unified-proxy { opacity: 0.65; } .b-dragging:not(.b-widget).b-drag-main { z-index: 101; opacity: 1; } .b-drag-proxy { position: absolute !important; top: 0; inset-inline-start: 0; pointer-events: none !important; box-sizing: border-box; } .b-drag-proxy * { box-sizing: border-box; } .b-aborting, .b-drag-final-transition { transition-duration: .3s; transition-property: all !important; } .b-drag-unified-animation { transition: translate .2s; } .b-drag-original.b-hidden { display: none !important; } .b-drag-helper-active * { -webkit-user-select: none !important; user-select: none !important; } /* ../Core/lib/Core/helper/ElementResizeHelper.css */ .b-resize-grip { position: absolute; z-index: 1; } .b-resize-grip-top-start, .b-resize-grip-top-end, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end { width: .5em; height: .5em; } .b-resize-grip-top, .b-resize-grip-top-start, .b-resize-grip-top-end { top: 0; } .b-resize-grip-bottom, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end { bottom: 0; } .b-resize-grip-start, .b-resize-grip-top-start, .b-resize-grip-bottom-start { inset-inline-start: 0; } .b-resize-grip-end, .b-resize-grip-top-end, .b-resize-grip-bottom-end { inset-inline-end: 0; } .b-resize-grip-top, .b-resize-grip-bottom { height: .5em; } .b-resize-grip-start, .b-resize-grip-end { width: .5em; } .b-resize-grip-top-start, .b-resize-grip-bottom-end { cursor: nwse-resize; z-index: 2; } .b-resize-grip-top-end, .b-resize-grip-bottom-start { cursor: nesw-resize; z-index: 2; } .b-resize-grip-top, .b-resize-grip-bottom { cursor: ns-resize; width: 100%; inset-inline-start: 0; } .b-resize-grip-start, .b-resize-grip-end { height: 100%; top: 0; cursor: ew-resize; } /* ../Core/lib/Core/helper/ResizeMonitor.css */ .b-no-resize-observer.b-resize-monitored:not(.b-floating) { position: relative; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > * { width: 100%; height: 100%; overflow: hidden; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after { content: ""; display: block; width: 100000px; height: 100000px; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after { content: ""; display: block; width: 200%; height: 200%; min-width: 1px; min-height: 1px; } /* ../Core/lib/Core/helper/util/DemoBot.css */ .simulated-mouse { position: absolute; z-index: 100; top: 10px; left: 10px; transition: top .5s, left .5s; pointer-events: none; font-size: 16px; } .simulated-mouse.quick { transition: top .05s, left .05s; } .simulated-mouse:after { position: absolute; content: "\f245" / ""; font-family: var(--b-widget-icon-font-family); font-weight: 900; z-index: 102; } .simulated-mouse.drag:before, .simulated-mouse.mousedown:before, .simulated-mouse.dblclick:before, .simulated-mouse.click:before { position: absolute; content: ""; border: 2px solid transparent; border-radius: 50%; animation-name: b-anim-click; animation-duration: .2s; top: 0; left: 0; translate: -50% -50%; z-index: 101; opacity: 0.7; } .simulated-mouse.drag:after { content: "\f25a" / ""; left: -3px; } .simulated-mouse.dblclick:before { animation-name: b-anim-dblclick; animation-duration: .3s; } .simulated-mouse.mousedown:before, .simulated-mouse.drag:before { animation-name: none; width: 1.5em; height: 1.5em; border-color: red; } @keyframes b-anim-click { 0% { width: 0; height: 0; } 90% { width: 1.5em; height: 1.5em; border-color: red; } 100% { width: 0; height: 0; border-color: transparent; } } @keyframes b-anim-dblclick { 0% { width: 0; height: 0; } 40% { width: 1.5em; height: 1.5em; border-color: red; } 50% { width: 0; height: 0; } 90% { width: 1.5em; height: 1.5em; border-color: red; } 100% { width: 0; height: 0; border-color: transparent; } } /* ../Core/lib/Core/helper/util/InfinityScroller.css */ .b-scroll-hidden { visibility: hidden !important; position: absolute !important; top: -10000em; left: -10000em; translate: 0 0 !important; } .b-infinity-scroller { overflow: scroll; } .b-infinity-scroller.b-infinity-scroller-smooth { scroll-behavior: smooth; } .b-infinity-scroller-item { position: absolute !important; } /* ../Core/lib/Core/helper/util/Scroller.css */ .b-widget-scroller { overflow: hidden; -webkit-overflow-scrolling: touch; overflow-anchor: none; position: relative; } .b-hide-scroll { scrollbar-width: none; } .b-hide-scroll::-webkit-scrollbar { display: none; } .b-scroller-stretcher { position: absolute; height: 1px; width: 1px; top: 0; inset-inline-start: 0; } /* ../Core/lib/Core/Icons.css */ .b-icon { display: inline-flex; gap: .5em; } .b-icon::before, .b-fw-icon::before { font-style: normal; font-variant: normal; line-height: 1; display: grid; place-items: center; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); content: var(--fa); } .b-fw-icon::before { width: 1em; } .b-icon-scroll-left::before { content: var(--b-icon-scroll-left, "\f104"); } .b-icon-scroll-right::before { content: var(--b-icon-scroll-right, "\f105"); } .b-icon-spin-up::before { content: var(--b-icon-spin-up, "\f0d8"); } .b-icon-spin-down::before { content: var(--b-icon-spin-down, "\f0d7"); } .b-icon-add:before { content: var(--b-icon-add, "+"); } .b-icon-clear:before { content: var(--b-icon-clear, "\f00d"); } .b-icon-remove:before { content: var(--b-icon-remove, "\f00d"); } .b-icon-close:before { content: var(--b-icon-close, "\f00d"); } .b-icon-remove-circle:before { content: var(--b-icon-remove-circle, "\f057"); } .b-icon-collapse-down:before { content: var(--b-icon-collapse-down, "\f078"); } .b-icon-collapse-left:before { content: var(--b-icon-collapse-left, "\f053"); } .b-icon-collapse-right:before { content: var(--b-icon-collapse-right, "\f054"); } .b-icon-collapse-up:before { content: var(--b-icon-collapse-up, "\f077"); } .b-icon-filter-disable:before { content: var(--b-icon-filter-disable, "\f05e"); } .b-icon-search:before { content: var(--b-icon-search, "\f002"); } .b-icon-search-plus:before { content: var(--b-icon-search-plus, "\f00e"); } .b-icon-search-minus:before { content: var(--b-icon-search-minus, "\f010"); } .b-icon-hide:before { content: var(--b-icon-hide, "\f057"); } .b-icon-trash:before { content: var(--b-icon-trash, "\f1f8"); } .b-icon-edit:before { content: var(--b-icon-edit, "\f303"); } .b-icon-show-details:before { content: var(--b-icon-show-details, "\f002"); } .b-icon-rename:before { content: var(--b-icon-rename, "\f044"); } .b-icon-copy:before { content: var(--b-icon-copy, "\f0c5"); } .b-icon-cut:before { content: var(--b-icon-cut, "\f0c4"); } .b-icon-paste:before { content: var(--b-icon-paste, "\f0ea"); } .b-icon-expand-row:before { content: var(--b-icon-expand-row, "\f107"); } .b-icon-expand-column:before { content: var(--b-icon-expand-column, "\f105"); } .b-icon-expand { content: var(--b-icon-expand, "\f065"); } .b-icon-first:before { content: var(--b-icon-first, "\f100"); } :is(.b-rtl .b-icon-first, .b-rtl .b-icon-last, .b-rtl .b-icon-next, .b-rtl .b-icon-previous, .b-rtl .b-icon-scroll-left, .b-rtl .b-icon-scroll-right)::before { scale: -1 1; } .b-icon-last:before { content: var(--b-icon-last, "\f101"); } .b-icon-redo:before { content: var(--b-icon-redo, "\f01e"); } .b-icon-reload:before { content: var(--b-icon-reload, "\f01e"); } .b-icon-undo:before { content: var(--b-icon-undo, "\f0e2"); } .b-icon-compare:before { content: var(--b-icon-compare, "\e13a"); } .b-icon-split-horizontal:before, .b-icon-split-vertical:before, .b-icon-split-both:before { min-width: 1em !important; width: 1em; height: 1em; border-radius: 2px; border: 2px solid currentColor; overflow: hidden; } .b-icon-split-horizontal:before { content: var(--b-icon-split-horizontal, "\2503"); rotate: 90deg; border-left-width: 3px; align-items: start; line-height: 0.8; } .b-icon-split-vertical:before { content: var(--b-icon-split-vertical, "\2503"); border-top-width: 3px; align-items: start; line-height: 0.8; } .b-icon-split-both:before { content: var(--b-icon-split-both, "\254b"); border-top-width: 3px; } .b-icon-download:before { content: var(--b-icon-download, "\f019"); } .b-icon-code:before { content: var(--b-icon-code, "\f121"); } .b-icon-clipboard:before { content: var(--b-icon-clipboard, "\f328"); } .b-icon-filter:before { content: var(--b-icon-filter, "\f0b0"); } .b-icon-filter-equal:before { content: var(--b-icon-filter-equal, "\f0b0"); } .b-icon-filter-less:before { content: var(--b-icon-filter-less, "\f053"); } .b-icon-filter-before:before { content: var(--b-icon-filter-before, "\f053"); } .b-icon-filter-more:before { content: var(--b-icon-filter-more, "\f054"); } .b-icon-filter-after:before { content: var(--b-icon-filter-after, "\f054"); } .b-icon-check:before { content: var(--b-icon-check, "\f00c"); } .b-icon-checked:before { content: var(--b-icon-checked, "\f14a"); } .b-icon-unchecked:before { content: var(--b-icon-unchecked, "\f0c8"); } .b-icon-radio:before { content: var(--b-icon-radio, "\f111"); } .b-icon-radio-unchecked:before { content: var(--b-icon-radio-unchecked, "\f111"); } .b-icon-radio-checked:before { content: var(--b-icon-radio-checked, "\f192"); } .b-icon-calendar:before { content: var(--b-icon-calendar, "\f133"); } .b-icon-calendar-day:before { content: var(--b-icon-calendar-day, "\f783"); } .b-icon-calendar-plus:before { content: var(--b-icon-calendar-plus, "\f271"); } .b-icon-clock:before { content: var(--b-icon-clock, "\f017"); } .b-icon-recurring:before { content: var(--b-icon-recurring, "\f021"); } .b-icon-duration:before { content: var(--b-icon-duration, "\f254"); } .b-icon-milestone:before { content: var(--b-icon-milestone, "\f219"); } .b-icon-locked:before { content: var(--b-icon-locked, "\f023"); } .b-icon-unlocked:before { content: var(--b-icon-unlocked, "\f09c"); } .b-icon-user:before { content: var(--b-icon-user, "\f0c0"); } .b-icon-menu:before { content: var(--b-icon-menu, "\f0c9"); } .b-icon-menu-horizontal:before { content: var(--b-icon-menu-horizontal, "\f141"); } .b-icon-menu-vertical:before { content: var(--b-icon-menu-vertical, "\f142"); } .b-icon-info:before { content: var(--b-icon-info, "\f129"); } .b-icon-sub-menu:before { content: var(--b-widget-sub-menu-icon); } .b-icon-star:before { content: var(--b-icon-star, "\f005"); } .b-icon-warning:before { content: var(--b-icon-warning, "\f071"); } .b-icon-columns:before { content: var(--b-icon-columns, "\f0db"); } .b-icon-picker:before { content: var(--b-icon-picker, "\f0d7"); transition: rotate .2s; } .b-icon-picker-rotated:before { content: var(--b-icon-picker-rotated, "\f0d7"); rotate: 180deg; transition: rotate .2s; } .b-icon-resize-horizontal:before { content: var(--b-icon-resize-horizontal, "\f337"); } .b-icon-fullscreen:before { content: var(--b-icon-fullscreen, "\f0b2"); } .b-icon-cog:before { content: var(--b-icon-cog, "\f013"); } :is(.b-linux, .b-windows) .b-icon-cog:before { vertical-align: middle; } .b-icon-file-download:before { content: var(--b-icon-file-download, "\f56d"); } .b-icon-sync:before { content: var(--b-icon-sync, "\f2f1"); } .b-icon-bad-mood-emoji:before { content: var(--b-icon-bad-mood-emoji, "\f119"); } .b-icon-circle:before { content: var(--b-icon-circle, "\f111"); } .b-icon-square:before { content: var(--b-icon-square, "\f0c8"); } .b-icon-merge-cells:before { content: var(--b-icon-merge-cells, "\f5fd"); } .b-icon-version:before { content: var(--b-icon-version, "\e5a0"); } .b-icon-material:before { content: var(--b-icon-material, "\e4e6"); } .b-icon-cost:before { content: var(--b-icon-cost, "\f81d"); } .b-icon-paper-plane:before { content: var(--b-icon-paper-plane, "\f1d8"); } .b-icon-robot:before { content: var(--b-icon-robot, "\f544"); } .b-icon-mic:before { content: var(--b-icon-mic, "\f130"); } .b-icon-play:before { content: var(--b-icon-play, "\f04b"); } .b-icon-stop:before { content: var(--b-icon-stop, "\f04d"); } .b-icon-message:before { content: var(--b-icon-message, "\f27a"); } .b-icon-volume-high:before { content: var(--b-icon-volume-high, "\f028"); } .b-icon-thumbs-up:before { content: var(--b-icon-thumbs-up, "\f164"); } .b-icon-thumbs-down:before { content: var(--b-icon-thumbs-down, "\f165"); } .b-icon-up:before { content: var(--b-icon-up, "\f062"); } .b-icon-down:before { content: var(--b-icon-down, "\f063"); } .b-icon-left:before { content: var(--b-icon-left, "\f060"); } .b-icon-right:before { content: var(--b-icon-right, "\f061"); } .b-icon-angle-left:before { content: var(--b-icon-angle-left, "\f104"); } .b-icon-angle-right:before { content: var(--b-icon-angle-right, "\f105"); } .b-icon-before:before { content: var(--b-icon-before, "\f053"); } .b-icon-previous:before { content: var(--b-icon-previous, "\f053"); } .b-icon-after:before { content: var(--b-icon-after, "\f054"); } .b-icon-next:before { content: var(--b-icon-next, "\f054"); } .b-icon-move-left-right:before { content: var(--b-icon-move-left-right, "\f337"); } .b-icon-move-up-down:before { content: var(--b-icon-move-up-down, "\f338"); } .b-icon-circle-arrow-up:before { content: var(--b-icon-circle-arrow-up, "\f0aa"); } .b-icon-column-move-left:before { content: var(--b-icon-column-move-left, "\f0a8"); } .b-icon-column-move-right:before { content: var(--b-icon-column-move-right, "\f0a9"); } .b-icon-hide-column:before { content: var(--b-icon-hide-column, "\f057"); } .b-icon-column-pin:before { content: var(--b-icon-column-pin, "\f08d"); } .b-icon-column-unpin:before { content: var(--b-icon-column-unpin, "\e68f"); } .b-icon-sort:before { content: var(--b-icon-sort, "\f0dc"); } .b-icon-sort-asc:before { content: var(--b-icon-sort-asc, "\f15e"); } .b-icon-sort-desc:before { content: var(--b-icon-sort-desc, "\f15d"); } .b-icon-sorted-asc:before { content: var(--b-icon-sorted-asc, "\f062"); } .b-icon-group-asc:before { content: var(--b-icon-group-asc, "\f885"); } .b-icon-group-desc:before { content: var(--b-icon-group-desc, "\f160"); } .b-icon-group-collapse:before { content: var(--b-icon-group-collapse, "\f056"); } .b-icon-group-expand:before { content: var(--b-icon-group-expand, "\f055"); } .b-icon-grouped-asc:before { content: var(--b-icon-grouped-asc, "\f012"); } .b-icon-tree-expand:before { content: var(--b-icon-tree-expand, "\f105"); } .b-icon-tree-collapse:before { content: var(--b-icon-tree-collapse, "\f107"); } .b-icon-tree-folder:before { content: var(--b-icon-tree-folder, "\f07b"); } .b-icon-tree-folder-open:before { content: var(--b-icon-tree-folder-open, "\f07c"); } .b-icon-tree-leaf:before { content: var(--b-icon-tree-leaf, "\f111"); } .b-icon-expand-gridregion:before { content: var(--b-icon-expand-gridregion, "\f054"); } .b-icon-collapse-gridregion:before { content: var(--b-icon-collapse-gridregion, "\f053"); } .b-icon-lock-row:before { content: var(--b-icon-lock-row, "\e73a"); } .b-icon-unlock-row:before { content: var(--b-icon-unlock-row, "\e73b"); } .b-icon-unassign:before { content: var(--b-icon-unassign, "\f506"); } .b-icon-valid:before { content: var(--b-icon-valid, "\f00c"); } .b-icon-invalid:before { content: var(--b-icon-invalid, "\f05e"); } .b-icon-checking:before { content: var(--b-icon-checking, "\f110"); } .b-icon-expand-resource:before { content: var(--b-icon-expand-resource, "\f103"); } .b-icon-note:before { content: var(--b-icon-note, "\f249"); } .b-icon-advanced:before { content: var(--b-icon-advanced, "\f085"); } .b-icon-palette:before { content: var(--b-icon-palette, "\f53f"); } .b-icon-renumber:before { content: var(--b-icon-renumber, "\f884"); } .b-icon-indent:before { content: var(--b-icon-indent, "\f03c"); } .b-icon-outdent:before { content: var(--b-icon-outdent, "\f03b"); } .b-icon-subtask::before { content: var(--b-icon-subtask, "\e476"); } .b-icon-predecessor::before { content: var(--b-icon-predecessor, "\e477"); } .b-icon-successor::before { content: var(--b-icon-successor, "\e47a"); } .b-icon-link:before { content: var(--b-icon-link, "\f0c1"); } .b-icon-unlink:before { content: var(--b-icon-unlink, "\f127"); } .b-icon-calendar-days:before { content: var(--b-icon-calendar-days, "\f073"); } .b-icon-calendar-week:before { content: var(--b-icon-calendar-week, "\f784"); } .b-icon-bold:before { content: var(--b-icon-bold, "\f032"); } .b-icon-underline:before { content: var(--b-icon-underline, "\f0cd"); } .b-icon-italic:before { content: var(--b-icon-italic, "\f033"); } .b-icon-clock-live { background-color: currentColor; border-radius: 50%; width: 1em; height: 1em; animation-delay: 0s; display: grid; } .b-icon-clock-live:before, .b-icon-clock-live:after { grid-area: 1 / 1 / 1 / 1; position: relative; font-size: 1em !important; content: ""; width: .10em !important; left: .44em; background: #fff; border-radius: .5em; } .b-icon-clock-live:before { top: .15em; height: .4em !important; transform-origin: .05em .35em; animation: b-anim-rotate 6s infinite linear; animation-play-state: paused; animation-delay: inherit; } .b-icon-clock-live:after { top: .22em; height: .33em; transform-origin: .05em .3em; animation: b-anim-rotate 72s infinite linear; animation-play-state: paused; animation-delay: inherit; } .b-icon-chart:before { content: var(--b-icon-chart, "\f201"); } .b-icon-settings:before { content: var(--b-icon-settings, "\f013"); } .b-icon-spinner:before { content: var(--b-icon-spinner, "\f110"); animation: b-anim-rotate 2s infinite linear; } @keyframes b-anim-rotate { 0% { rotate: 0deg; } 100% { rotate: 360deg; } } /* ../Core/lib/Core/mixin/Hoverable.css */ :root, :host { --b-gripper-edge-size: 1em; --b-gripper-horz-cursor: ns-resize; --b-gripper-border: 1px solid rgba(0, 0, 0, 0.3); --b-gripper-horz-edge-height: var(--b-gripper-edge-size); --b-gripper-horz-height: .25em; --b-gripper-horz-width: 1.2em; --b-gripper-horz-offset: .4em; --b-gripper-horz-transition: opacity 0.2s, margin-inline-start 0.2s, width 0.2s; --b-gripper-vert-cursor: ew-resize; --b-gripper-vert-gradient: repeating-linear-gradient( 90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 3px); --b-gripper-vert-edge-width: var(--b-gripper-edge-size); --b-gripper-vert-width: calc(var(--b-gripper-vert-edge-width) / 2); --b-gripper-vert-height: 12px; --b-gripper-vert-offset: 4px; --b-gripper-vert-transition: opacity 0.2s, margin-top 0.2s, height 0.2s; } .b-gripper { position: absolute; } .b-gripper::after { content: " " / ""; position: absolute; opacity: 0; } .b-hover-top .b-gripper.b-gripper-horz, .b-hover-bottom .b-gripper.b-gripper-horz { cursor: var(--b-gripper-horz-cursor); height: var(--b-gripper-horz-edge-height); left: 0; right: 0; } .b-hover-bottom .b-gripper.b-gripper-horz { bottom: 0; } .b-gripper.b-gripper-horz::after { width: 0; left: 50%; margin-inline-start: 0; border-top: var(--b-gripper-border); border-bottom: var(--b-gripper-border); height: var(--b-gripper-horz-height); } .b-hover-left .b-gripper.b-gripper-vert, .b-hover-right .b-gripper.b-gripper-vert { top: 0; bottom: 0; cursor: var(--b-gripper-vert-cursor); width: var(--b-gripper-vert-edge-width); } .b-hover-right .b-gripper.b-gripper-vert { right: 0; } .b-hover-left .b-gripper.b-gripper-vert { left: 0; } .b-gripper.b-gripper-vert::after { height: 0; top: 50%; margin-top: 0; background: var(--b-gripper-vert-gradient); width: var(--b-gripper-vert-width); } .b-hover-anim.b-hover-edge .b-gripper-horz::after { opacity: 1; margin-inline-start: calc(var(--b-gripper-horz-width) / -2); width: var(--b-gripper-horz-width); transition: var(--b-gripper-horz-transition); } .b-hover-top .b-gripper-horz::after { top: var(--b-gripper-horz-offset); } .b-hover-bottom .b-gripper-horz::after { bottom: var(--b-gripper-horz-offset); } .b-hover-anim.b-hover-edge .b-gripper-vert::after { opacity: 1; margin-top: calc(var(--b-gripper-vert-height) / -2); height: var(--b-gripper-vert-height); transition: var(--b-gripper-vert-transition); } .b-hover-left .b-gripper-vert::after { left: var(--b-gripper-vert-offset); } .b-hover-right .b-gripper-vert::after { right: var(--b-gripper-vert-offset); } /* ../Core/lib/Core/override/salesforce/SFTimePicker.css */ .b-sftime-picker .b-panel-content { background: var(--b-panel-background); align-items: stretch; padding: 0.5em; gap: 0.5em; } .b-sftime-picker .b-panel-content .b-widget { margin: 0; flex: 0 0 auto; width: auto; } .b-sftime-picker .b-panel-content .b-number-field { height: 100%; } .b-sftime-picker .b-panel-content .b-number-field > .b-label { clip-path: polygon(0 0); position: absolute; contain: strict; } .b-sftime-picker .b-panel-content .b-number-field:not(.b-first-visible-child)::before { content: ":"; align-self: center; margin-inline-end: 0.5em; font-weight: bold; } .b-sftime-picker .b-panel-content .b-number-field input { width: 3em; } .b-sftime-picker .b-panel-content .b-button { flex: 0 0 3em; padding: 0; } .b-sftime-picker .b-panel-content .b-button label { text-overflow: clip; } /* ../Core/lib/Core/widget/Button.css */ :root, :host { --b-button-box-shadow: null; --b-button-text-align: center; --b-button-disabled-opacity: 0.4; --b-button-icon-only-border-radius: 50%; --b-button-font-weight: 500; --b-button-gap: 0.5em; --b-button-height: 3em; --b-button-icon-padding-inline: var(--b-widget-padding); --b-button-end-icon-padding-inline: var(--b-widget-padding); --b-button-menu-padding-inline: var(--b-widget-padding); --b-button-opacity: 1; --b-button-padding-inline: var(--b-widget-padding); --b-button-pressed-box-shadow: none; --b-button-focus-outline-width: var(--b-widget-focus-outline-width); --b-button-focus-outline-offset: calc(var(--b-widget-focus-outline-width) * -1); --b-button-border-radius: var(--b-widget-border-radius); --b-button-elevated-active-box-shadow: var(--b-elevation-1); --b-button-elevated-box-shadow: var(--b-elevation-1); --b-button-elevated-focus-box-shadow: var(--b-elevation-1); --b-button-elevated-hover-box-shadow: var(--b-elevation-2); --b-button-filled-color: var(--b-text-5); --b-button-filled-hover-box-shadow: none; --b-button-tonal-hover-box-shadow: none; --b-button-outlined-border-width: 1px; --b-button-outlined-border-color: var(--b-border-6); --b-button-outlined-disabled-background: transparent; --b-button-outlined-disabled-border-color: var(--b-border-6); --b-button-outlined-background: transparent; --b-button-outlined-pressed-color: unset; --b-button-type-text-background: transparent; --b-button-type-text-disabled-background: transparent; --b-button-disabled-background: var(--b-widget-disabled-background); --b-button-disabled-color: var(--b-neutral-50); --b-button-type-text-focused-background: transparent; --b-button-type-text-text-only-border-radius: unset; --b-button-focus-outline-color: var(--b-primary); } .b-button { display: flex; align-items: center; position: relative; transition-property: box-shadow, font-weight, background, color, border, border-radius; transition-duration: var(--b-default-transition-duration); overflow: hidden; flex-shrink: 0; font-family: inherit; text-decoration: none; padding-block: 0; contain: style; --b-button-border-width: var(--b-button-idle-border-width); --b-button-border-color: var(--b-button-idle-border-color); --b-widget-font-weight: var(--b-button-font-weight); --bi-button-cursor: pointer; background: var(--b-button-background); border: var(--b-button-border-width) solid var(--b-button-border-color); border-radius: var(--b-button-border-radius); box-shadow: var(--b-button-box-shadow); color: var(--bi-button-applied-color, var(--b-button-color)); cursor: var(--bi-button-cursor); gap: var(--b-button-gap); height: var(--b-button-height); max-height: var(--b-button-max-height); opacity: var(--b-button-opacity); padding-inline: var(--b-button-padding-inline); justify-content: var(--b-button-text-align); } .b-button label, .b-button i { white-space: nowrap; text-overflow: ellipsis; transition: color 0.2s; z-index: 1; margin: 0; cursor: var(--bi-button-cursor); } .b-button label { overflow: hidden; } .b-button i { flex-shrink: 0; } .b-button.b-button-elevated { --b-button-background: var(--b-button-elevated-background, var(--b-primary-98)); --b-button-hover-background: var(--b-button-elevated-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-elevated-focused-background, var(--b-primary-95)); --b-button-active-background: var(--b-button-elevated-active-background, var(--b-primary-95)); --b-button-pressed-background: var(--b-button-elevated-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-elevated-pressed-hover-background, var(--b-primary-92)); --b-button-box-shadow: var(--b-button-elevated-box-shadow); --b-button-hover-box-shadow: var(--b-button-elevated-hover-box-shadow); --b-button-focus-box-shadow: var(--b-button-elevated-focus-box-shadow); --b-button-active-box-shadow: var(--b-button-elevated-active-box-shadow); --b-button-color: var(--b-button-elevated-color, var(--b-primary-40)); --b-button-split-color: var(--b-button-elevated-split-color, color-mix(in srgb, var(--b-button-color), transparent 70%)); } .b-button.b-button-filled, .b-button.b-raised { --b-button-background: var(--b-button-filled-background, var(--b-primary-45)); --b-button-hover-background: var(--b-button-filled-hover-background, var(--b-primary-55)); --b-button-focused-background: var(--b-button-filled-focused-background, var(--b-primary-60)); --b-button-active-background: var(--b-button-filled-active-background, var(--b-primary-60)); --b-button-pressed-background: var(--b-button-filled-pressed-background, var(--b-primary-65)); --b-button-pressed-hover-background: var(--b-button-filled-pressed-hover-background, var(--b-primary-70)); --b-button-color: var(--b-button-filled-color); --b-button-hover-box-shadow: var(--b-button-filled-hover-box-shadow); --b-button-split-color: var(--b-button-filled-split-color, var(--b-button-color)); } .b-button.b-button-tonal { --b-button-background: var(--b-button-tonal-background, var(--b-primary-95)); --b-button-hover-background: var(--b-button-tonal-hover-background, var(--b-primary-90)); --b-button-focused-background: var(--b-button-tonal-focused-background, var(--b-primary-90)); --b-button-active-background: var(--b-button-tonal-active-background, var(--b-primary-85)); --b-button-pressed-background: var(--b-button-tonal-pressed-background, var(--b-primary-80)); --b-button-pressed-hover-background: var(--b-button-tonal-pressed-hover-background, var(--b-primary-85)); --b-button-hover-box-shadow: var(--b-button-tonal-hover-box-shadow); --b-button-color: var(--b-button-tonal-color, var(--b-primary-30)); --b-button-split-color: var(--b-button-tonal-split-color, color-mix(in srgb, var(--b-button-tonal-color, var(--b-primary-30)), transparent 70%)); --b-button-idle-border-width: var(--b-button-tonal-border-width); --b-button-idle-border-color: var(--b-button-tonal-border-color); --b-button-focus-border-color: var(--b-button-tonal-border-color); --b-button-hover-border-color: var(--b-button-tonal-border-color); --b-button-disabled-border-color: var(--b-button-tonal-border-color); } .b-button.b-button-outlined { --b-button-background: var(--b-button-outlined-background); --b-button-hover-background: var(--b-button-outlined-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-outlined-focused-background, var(--b-primary-90)); --b-button-active-background: var(--b-button-outlined-active-background, var(--b-primary-90)); --b-button-pressed-background: var(--b-button-outlined-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-outlined-pressed-hover-background, var(--b-primary-92)); --b-button-color: var(--b-button-outlined-color, var(--b-primary-25)); --b-button-pressed-color: var(--b-button-outlined-pressed-color); --b-button-idle-border-width: var(--b-button-outlined-border-width); --b-button-idle-border-color: var(--b-button-outlined-border-color); --b-button-focus-border-color: var(--b-button-outlined-focus-border-color, var(--b-primary)); --b-button-hover-border-color: var(--b-button-outlined-hover-border-color, var(--b-primary-80)); --b-button-disabled-background: var(--b-button-outlined-disabled-background); --b-button-disabled-border-color: var(--b-button-outlined-disabled-border-color); --b-button-split-color: var(--b-button-outlined-split-color, var(--b-button-border-color)); } .b-button.b-button-text, .b-button.b-transparent { --b-button-background: var(--b-button-type-text-background); --b-button-hover-background: var(--b-button-type-text-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-type-text-focused-background); --b-button-active-background: var(--b-button-type-text-active-background, var(--b-primary-90)); --b-button-pressed-background: var(--b-button-type-text-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-type-text-pressed-hover-background, var(--b-primary-92)); --b-button-color: var(--b-button-type-text-color, var(--b-primary-20)); --b-button-disabled-background: var(--b-button-type-text-disabled-background); --b-button-split-color: var(--b-button-type-text-split-color, var(--b-button-color)); } :is(.b-button.b-button-text, .b-button.b-transparent).b-split-button .b-button-menu-icon { align-self: center; } :is(.b-button.b-button-text, .b-button.b-transparent).b-text:not(:has(.b-button-icon)) { border-radius: var(--b-button-type-text-text-only-border-radius, var(--b-button-border-radius)); } .b-button:focus-visible { outline-offset: var(--b-button-focus-outline-offset); outline: var(--b-button-focus-outline-color) solid var(--b-button-focus-outline-width); } .b-button.b-focus, .b-button:focus-visible { --b-button-background: var(--b-button-focused-background); --b-button-box-shadow: var(--b-button-focus-box-shadow); --b-button-border-color: var(--b-button-focus-border-color); } :is(.b-button:hover, .b-button .b-hover):where(:not(:active, .b-disabled)) { --b-button-background: var(--b-button-hover-background); --b-button-box-shadow: var(--b-button-hover-box-shadow); --b-button-border-color: var(--b-button-hover-border-color); } .b-button.b-active, .b-button:active { --b-button-background: var(--b-button-active-background); --b-button-box-shadow: var(--b-button-active-box-shadow); } .b-button.b-rotate-vertical { padding-inline: 0; padding-block: var(--b-button-padding-inline); width: var(--b-button-height); height: auto; } .b-button.b-rotate-vertical label { writing-mode: vertical-lr; } .b-button.b-rotate-left { flex-direction: column-reverse; } .b-button.b-rotate-left label { rotate: 180deg; } .b-button.b-rotate-left i { rotate: 270deg; } .b-button.b-rotate-right { flex-direction: column; } .b-button.b-rotate-right i { rotate: 90deg; } .b-button.b-pressed { --bi-button-applied-color: var(--b-button-pressed-color); --b-button-background: var(--b-button-pressed-background); --b-button-box-shadow: var(--b-button-pressed-box-shadow); } .b-button.b-pressed:hover { --b-button-background: var(--b-button-pressed-hover-background); } .b-button.b-icon-align-start { --b-button-padding-inline: var(--b-button-icon-padding-inline); } .b-button.b-icon-align-end { --b-button-padding-inline: var(--b-button-end-icon-padding-inline); } .b-button.b-icon-align-end .b-button-icon { order: 1; } .b-button.b-disabled { --b-button-color: var(--b-button-disabled-color); --b-button-background: var(--b-button-disabled-background); --b-button-opacity: var(--b-button-disabled-opacity); --b-button-box-shadow: none; --b-button-border-color: var(--b-button-disabled-border-color); --bi-button-cursor: normal; } .b-button:not(.b-text, .b-has-menu-icon, .b-tab) { aspect-ratio: 1 / 1; --b-button-padding-inline: 0; --b-button-border-radius: var(--b-button-icon-only-border-radius); } .b-button.b-has-menu-icon:not(.b-text) { --b-button-padding-inline: var(--b-button-menu-padding-inline); } .b-button .b-button-menu-icon::before { transition: rotate .2s; } .b-button.b-menu-visible .b-button-menu-icon::before { rotate: 180deg; } .b-button-custom-content { display: flex; align-items: center; } .b-using-keyboard .b-button-key { text-decoration: underline; } .b-split-button { padding-inline-end: 0; } .b-split-button .b-button-menu-icon { display: grid; place-content: center; align-self: stretch; transition: border .2s; padding-inline: var(--b-button-padding-inline); border-inline-start: 1px solid var(--b-button-split-color); } /* ../Core/lib/Core/widget/Tab.css */ :root, :host { --b-tab-border-radius: 0; --b-tab-indicator-border-radius: 0; --b-tab-font-weight: 500; --b-tab-padding: 0 var(--b-widget-padding-large); --b-tab-icon-only-padding: 0 var(--b-widget-padding); --b-tab-indicator-display: block; --b-tab-hover-indicator-opacity: 0; --b-tab-background: transparent; --b-tab-color: var(--b-neutral-40); --b-tab-close-color: var(--b-neutral-50); --b-tab-close-hover-color: var(--b-neutral-30); --b-tab-active-background: var(--b-tab-background); --b-tab-border: null; --b-tab-active-border: null; --b-tab-hover-border: var(--b-tab-border); --b-tab-label-position: null; --b-tab-indicator-height: .2em; --b-tab-hover-color: var(--b-neutral-20); --b-tab-active-tab-color: var(--b-neutral-0); --b-tab-invalid-indicator-color: var(--b-color-red); --b-tab-indicator-hidden-color: transparent; --b-tab-invalid-border: null; --bi-tab-indicator-opacity: 0; } .b-button.b-tab { border: var(--b-tab-border); --b-button-background: var(--b-tab-background); --b-button-border-radius: var(--b-tab-border-radius); --b-button-hover-background: var(--b-tab-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-tab-focus-background, var(--b-primary-90)); --b-button-color: var(--b-tab-color); --b-button-font-weight: var(--b-tab-font-weight); --b-button-padding: var(--b-tab-padding); --b-tab-indicator-applied-color: var(--b-tab-indicator-hidden-color, transparent); } .b-button.b-tab.b-active { --b-tab-border: var(--b-tab-active-border); --b-button-background: var(--b-tab-active-background); --b-tab-color: var(--b-tab-active-tab-color); --b-tab-indicator-applied-color: var(--b-tab-indicator-color); --bi-tab-indicator-opacity: 1; } .b-button.b-tab:hover:where(:not(.b-active)) { --b-tab-color: var(--b-tab-hover-color); --b-tab-border: var(--b-tab-hover-border); --b-button-background: var(--b-tab-hover-background, var(--b-primary-95)); } .b-button.b-tab.b-invalid { --b-tab-indicator-applied-color: var(--b-tab-invalid-indicator-color); --bi-tab-indicator-opacity: 1; --b-tab-border: var(--b-tab-invalid-border); } .b-button.b-tab:not(.b-text) { --b-button-icon-padding: var(--b-tab-icon-only-padding); } .b-button.b-tab label { display: grid; place-items: center; align-self: stretch; position: var(--b-tab-label-position); } .b-tab-bar.b-dock-top { --b-tab-indicator-inset: auto 0 0 0; } .b-tab-bar.b-dock-right { --b-tab-indicator-inset: 0 auto 0 0; } .b-tab-bar.b-dock-bottom { --b-tab-indicator-inset: 0 0 auto 0; } .b-tab-bar.b-dock-left { --b-tab-indicator-inset: 0 auto 0 0; } .b-tab-indicator { position: absolute; transition: opacity .2s, background .2s; opacity: var(--bi-tab-indicator-opacity); inset: var(--b-tab-indicator-inset, auto 0 0 0); display: var(--b-tab-indicator-display); background: var(--b-tab-indicator-applied-color, var(--b-tab-active-tab-color)); block-size: var(--b-tab-indicator-height); border-radius: var(--b-tab-indicator-border-radius); } .b-tab-close { font-size: .8em; cursor: pointer; color: var(--b-tab-close-color); } .b-tab-close:hover { color: var(--b-tab-close-hover-color); } .b-tab.b-drag-proxy { transition: background-color 0.3s; opacity: 0.9; background-color: var(--b-toolbar-background); } /* ../Core/lib/Core/widget/chat/ChatButton.css */ :root, :host { --b-chat-button-color: #FFF; } .b-bryntum { --b-chat-button-background: var(--b-primary); } .b-chat-button.b-button { position: absolute; bottom: 1em; inset-inline-end: 1em; border: none; border-radius: 50%; font-size: 1em; width: 2.75em; height: 2.75em; display: grid; place-items: center; padding: 0; margin: 0; box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2); scale: 1; transition: scale .2s; min-height: 0; z-index: 10000; outline: none; color: var(--b-chat-button-color); background: var(--b-chat-button-background); } .b-chat-button.b-button .b-button-menu-icon { display: none; } .b-chat-button.b-button i { position: relative; display: grid; place-items: center; font-size: 1.3em; } .b-chat-button.b-button:hover { scale: 1.1; } .b-chat-button.b-button:active { scale: 1; } .b-using-keyboard .b-chat-button.b-button:focus:not(:active) { box-shadow: 0 0 0.8em #3183fe; } .b-chat-button.b-button.b-chat-button-animating i::before { animation: b-anim-chat-button-icon-transition .2s; } .b-chat-button.b-button.b-chat-closed { --bi-content: "\f27a"; } .b-chat-button.b-button.b-chat-closed-previous { --bi-previous-content: "\f27a"; } .b-chat-button.b-button.b-chat-open { --bi-content: "\f00d"; } .b-chat-button.b-button.b-chat-open-previous { --bi-previous-content: "\f00d"; } .b-chat-button.b-button.b-voice-speaking { --bi-content: "\e473"; } .b-chat-button.b-button.b-voice-speaking i { animation: b-anim-voice-speaking .7s infinite; } .b-chat-button.b-button.b-voice-speaking-previous { --bi-previous-content: "\e473"; } .b-chat-button.b-button.b-voice-waiting { --bi-content: "\f110"; animation: b-anim-rotate 2s infinite linear; } .b-chat-button.b-button.b-voice-waiting-previous { --bi-previous-content: "\f110"; } .b-chat-button.b-button.b-voice-active { --bi-content: "\f130"; } .b-chat-button.b-button.b-voice-active i { animation: b-anim-voice-active 0.9s ease-out infinite; } .b-chat-button.b-button.b-voice-active-previous { --bi-previous-content: "\f130"; } .b-chat-button.b-button.b-voice-inactive { --bi-content: "\f130"; background: #AAAAAA; } .b-chat-button.b-button.b-voice-inactive-previous { --bi-previous-content: "\f130"; } .b-chat-button.b-button .b-button-icon::before { content: var(--bi-content); } @keyframes b-anim-voice-speaking { 0% { transform: none; opacity: 1; } 49.9% { transform: none; } 50% { transform: scaleX(-1); opacity: .5; } 100% { transform: scaleX(-1); opacity: 1; } } @keyframes b-anim-voice-active { 0% { transform: scale(1); opacity: 1; } 25% { transform: scale(0.95); } 60% { transform: scale(1.05); opacity: .8; } 100% { transform: scale(1); opacity: 1; } } @keyframes b-anim-chat-button-icon-transition { 0% { font-size: 1em; content: var(--bi-previous-content); } 50% { font-size: 0.1em; } 100% { font-size: 1em; content: var(--bi-content); } } @starting-style { .b-chat-button.b-button { scale: 0; } .b-chat-button.b-button i:after { opacity: 0; } } /* ../Core/lib/Core/widget/chat/ChatPanel.css */ :root, :host { --b-chat-panel-border-radius: 1em; --b-chat-panel-message-them-align-self: flex-start; --b-chat-panel-message-them-background: var(--b-neutral-90); --b-chat-panel-message-them-color: var(--b-text-2); --b-chat-panel-intro-color: var(--b-neutral-50); --b-chat-panel-example-prompt-color: var(--b-neutral-70); --b-chat-panel-example-prompt-hover-color: var(--b-neutral-40); --b-chat-panel-message-us-align-self: flex-end; --b-chat-panel-message-us-color: #FFF; --b-chat-panel-message-color: var(--b-chat-panel-message-us-color); --b-chat-panel-tool-color: var(--b-color-lighter-gray); --b-chat-panel-tool-color-active: var(--b-color-gray); --b-chat-panel-tool-hover-color: var(--b-color-light-gray); --b-chat-panel-font-size: .8em; --b-chat-panel-loading-color: var(--b-text-3); --b-chat-panel-option-hover-background: color-mix(in srgb, var(--b-chat-panel-message-us-background), transparent 90%); --b-chat-panel-avatar-size: 5em; } .b-internal { --bi-value: null; } .b-chat-bubbles { display: flex; flex-flow: column nowrap; gap: 0.5em; overflow-x: clip; overflow-y: auto; } .b-chat-bubbles:before { content: ""; } .b-chat-bubbles .b-message { display: flex; flex-direction: column; gap: 0.2em; overflow: clip; width: 100%; flex-shrink: 0; align-self: var(--b-chat-panel-message-align-self); } .b-chat-bubbles .b-bubble { padding: 0.5em 0.75em; opacity: 1; transition: opacity .2s, translate .2s; translate: 0; z-index: 1; min-height: 2.5em; line-height: 1.5em; max-width: 80%; word-wrap: break-word; overflow: auto; border-radius: var(--b-chat-panel-border-radius); align-self: var(--b-chat-panel-message-align-self); background: var(--b-chat-panel-message-background); color: var(--b-chat-panel-message-color); } .b-chat-bubbles .b-bubble .b-aborted { opacity: .3; } .b-chat-bubbles .b-bubble .b-failed { color: var(--b-color-red); } .b-chat-bubbles .b-bubble strong { font-weight: 600; } .b-chat-bubbles .b-undone .b-bubble { opacity: .3; } .b-chat-bubbles .b-async .b-bubble { width: 3.5em; display: flex; align-items: center; overflow: clip; } .b-chat-bubbles .b-async .b-asyncstatus { font-size: .8em; opacity: .8; padding-inline-start: .2em; } .b-chat-bubbles .b-bubble-loading { position: relative; inset-inline-start: -2em; width: .5em; height: .5em; border-radius: 50%; animation: b-anim-jumping-dots 2s infinite; box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } .b-chat-bubbles .b-bubble-tools { display: flex; padding-inline: 0.75em; gap: .5em; align-items: center; transition: opacity .2s, translate .2s; transition-delay: .2s; justify-content: var(--b-chat-panel-message-them-align-self); } .b-chat-bubbles .b-bubble-tools .b-undone-tag { border-radius: 1em; font-size: .75em; padding-inline: .5em; background: var(--b-color-red); color: var(--b-neutral-100); } .b-chat-bubbles .b-bubble-tool { font-size: var(--b-chat-panel-font-size); color: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-bubble-tool:hover { --b-chat-panel-tool-color: var(--b-chat-panel-tool-hover-color); } .b-chat-bubbles button.b-bubble-tool { cursor: pointer; border: none; background: transparent; padding-inline: 0; } .b-chat-bubbles .b-timestamp { font-size: .7em; color: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-us { --b-chat-panel-message-align-self: var(--b-chat-panel-message-us-align-self); --b-chat-panel-message-background: var(--b-chat-panel-message-us-background, var(--b-primary)); --b-chat-panel-message-color: var(--b-chat-panel-message-us-color); } .b-chat-bubbles .b-them { --b-chat-panel-message-align-self: var(--b-chat-panel-message-them-align-self); --b-chat-panel-message-background: var(--b-chat-panel-message-them-background); --b-chat-panel-message-color: var(--b-chat-panel-message-them-color); } .b-chat-bubbles .b-confidence { position: relative; width: 1em; height: .6em; border-radius: .25em; border: 1px solid var(--b-chat-panel-tool-color); overflow: clip; } .b-chat-bubbles .b-confidence::before { display: block; position: absolute; content: ""; height: 100%; opacity: 0.6; width: calc(var(--bi-value) * 100%); background: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-options { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5em; opacity: 1; transition: height .2s, opacity .2s, gap .2s; height: auto; overflow: hidden; align-items: var(--b-chat-panel-message-us-align-self); } .b-chat-bubbles .b-options:has(.b-selected) { gap: 0; } .b-chat-bubbles .b-options:has(.b-selected) .b-option { pointer-events: none; } .b-chat-bubbles .b-options:has(.b-selected) .b-option:not(.b-selected) { opacity: 0; height: 0; min-height: 0; padding-block: 0; display: none; transition-delay: 0s; } .b-chat-bubbles .b-option { background: none; font-size: 1em; padding: 0.5em 0.75em; opacity: 1; transition: opacity .2s, translate .2s, height .2s, min-height .2s, padding .2s, display .2s; transition-delay: .2s; translate: 0; min-height: 2.5em; line-height: 1.5em; overflow: hidden; transition-behavior: allow-discrete; interpolate-size: allow-keywords; border: 1px solid var(--b-chat-panel-tool-color); border-radius: var(--b-chat-panel-border-radius); } .b-chat-bubbles .b-option:not(.b-outdated):hover { cursor: pointer; background: var(--b-chat-panel-option-hover-background); } .b-chat-bubbles .b-option.b-selected { border: none; background: var(--b-chat-panel-message-us-background, var(--b-primary)); color: var(--b-chat-panel-message-us-color); } .b-chat-bubbles .b-option:nth-child(2) { transition-delay: .3s; } .b-chat-bubbles .b-option:nth-child(3) { transition-delay: .4s; } .b-chat-bubbles .b-option:nth-child(4) { transition-delay: .5s; } .b-chat-bubbles .b-option:nth-child(5) { transition-delay: .6s; } .b-chat-bubbles .b-option:nth-child(6) { transition-delay: .7s; } .b-chat-bubbles .b-option.b-outdated { opacity: .3; transition-delay: 0s; } .b-chat-bubbles .b-bottom-anchor { min-height: 1px; } @starting-style { .b-chat-bubbles.b-animate .b-bubble { opacity: 0; translate: 0 1em; } .b-chat-bubbles.b-animate .b-bubble-tools { opacity: 0; translate: 0 -1em; } .b-chat-bubbles.b-animate .b-option { translate: -100% 0; opacity: 0; } } @keyframes b-anim-jumping-dots { 0% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 16.667% { box-shadow: 2em -.5em 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 33.333% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 50% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em -.5em 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 66.667% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 83.333% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em -.5em 0 0 var(--b-chat-panel-loading-color); } 100% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } } .b-chat-panel-mixin.b-panel > header { gap: .5em; } .b-chat-panel-mixin.b-panel > header:after { display: none; } .b-chat-panel-mixin.b-panel > header .b-tool { font-size: 1.2em; } .b-float-root > .b-chat-panel-mixin.b-panel.b-floating { --b-aligned-above-floating-box-shadow: var(--b-widget-floating-box-shadow ); } .b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content { --b-panel-with-header-padding: 0; } .b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content > div { padding-inline: 1em; } .b-chat-panel-mixin.b-panel .b-chat-bubbles { padding-top: 1em; flex: 1; } .b-chat-panel-mixin.b-panel .b-intro { display: flex; flex-direction: column; align-items: center; gap: .5em; text-align: center; margin-bottom: 1em; color: var(--b-chat-panel-intro-color); } .b-chat-panel-mixin.b-panel .b-intro div { line-height: 1.5em; } .b-chat-panel-mixin.b-panel .b-intro .b-chat-avatar { border-radius: 50%; margin-bottom: 1em; background: var(--b-primary); width: var(--b-chat-panel-avatar-size); } .b-chat-panel-mixin.b-panel .b-example-prompt { font-size: .9em; font-style: italic; cursor: pointer; color: var(--b-chat-panel-example-prompt-color); } .b-chat-panel-mixin.b-panel .b-example-prompt::before { content: '"'; } .b-chat-panel-mixin.b-panel .b-example-prompt::after { content: '"'; } .b-chat-panel-mixin.b-panel .b-example-prompt:hover { color: var(--b-chat-panel-example-prompt-hover-color); } .b-chat-panel-mixin.b-panel .b-text-field { padding-bottom: 1em; } .b-chat-panel-mixin.b-panel .b-text-field .b-field-inner { border-radius: var(--b-chat-panel-border-radius); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger { color: var(--b-chat-panel-tool-color); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:before { font-size: 1.5em; } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:hover { color: var(--b-chat-panel-tool-hover-color); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger.b-send-chat-msg { transition: color .2s; } .b-using-keyboard :is(.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger).b-icon-mic:focus { padding-inline-end: 0; margin-inline-end: .6em; outline-offset: .4em; } .b-chat-panel-mixin.b-panel .b-text-field .b-send-chat-msg:not(.b-disabled) { color: var(--b-chat-panel-tool-color-active); } .b-is-speaking button.b-bubble-tool[data-ref=readAloud] { color: blue; } .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording { color: blue; } .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording:hover { color: blue; } .b-bubble ul, .b-bubble ol { padding-inline-start: 1em; } .b-bubble > p:first-child { margin-block-start: 0; } .b-bubble > p:last-child { margin-block-end: 0; } .b-aichat-panel-mixin .b-panel-header .b-tool[data-ref=offline] { color: #f99d9d; } /* ../Core/lib/Core/widget/CheckboxGroup.css */ .b-panel.b-checkbox-group .b-fieldset-content.b-inline { flex-wrap: wrap; } .b-panel.b-checkbox-group .b-fieldset-content.b-inline label { white-space: nowrap; } .b-panel.b-checkbox-group.b-invalid .b-checkbox label:before { outline-offset: 2px; outline: 1px solid var(--b-color-red); } /* ../Core/lib/Core/widget/Container.css */ :root, :host { --b-container-gap: var(--b-widget-gap); --b-container-padding: 0; --b-container-color: var(--b-widget-color); --b-divider-font-size: .9em; --b-divider-line-color: var(--b-border-5); --b-divider-text-color: var(--b-border-4); --b-divider-font-weight: null; --b-dividier-margin-block: 1em; } .b-internal { --bi-container-columns: null; } .b-container { min-width: 0; min-height: 0; color: var(--b-container-color); gap: var(--b-container-gap); padding: var(--b-container-padding); align-content: var(--b-container-align-content); } .b-container:where(:not(.b-panel)) { display: grid; grid-auto-rows: min-content; } .b-container:where(:not(.b-panel)).b-columns { grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-container.b-vbox { display: flex; flex-direction: column; } .b-container.b-vbox.b-single-child:not(.b-toolbar-content) > .b-container { align-self: stretch; flex: 1 1 auto; } .b-container.b-hbox { display: flex; flex-flow: row nowrap; } .b-container.b-hbox.b-single-child:not(.b-toolbar-content) > .b-container { align-self: stretch; flex: 1 1 auto; } .b-container.b-field-align-end .b-field-inner { justify-content: flex-end; justify-self: end; } .b-content-element:has(> .b-splitter) { gap: 0; } .b-content-element:has(> .b-splitter.b-moving) * { transition: none !important; } :is(.b-container, .b-panel).b-label-align-before { --b-field-align-before-label-column: span 1; --b-field-align-before-field-column: span 1; } .b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content { grid-template-columns: repeat(var(--bi-container-columns, 1), max-content 1fr); grid-auto-rows: min-content; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label { display: contents; --b-field-label-padding: 0; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > label { grid-row: auto; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > .b-field-inner { grid-row: auto; } .b-content-element { position: relative; } .b-content-element.b-text-content { display: block; overflow: auto; } .b-divider { justify-content: center; grid-column: 1 / -1; margin-block: var(--b-dividier-margin-block); } .b-divider::before { content: ""; width: 100%; border-bottom: 1px solid var(--b-divider-line-color); position: absolute; top: 50%; } .b-divider[data-text]::after { display: flex; padding: 0 1em; content: attr(data-text); z-index: 1; color: var(--b-divider-text-color); background: var(--b-parent-background-color, var(--b-panel-background)); font-size: var(--b-divider-font-size); font-weight: var(--b-divider-font-weight); } /* ../Core/lib/Core/widget/base/UndoRedoBase.css */ .b-undo-redo-base.b-toolbar { gap: 0.5em; align-items: center; } /* ../Core/lib/Core/widget/ButtonGroup.css */ :root, :host { --b-button-group-border-width: 0px; --b-button-group-border-radius: var(--b-button-border-radius); --b-button-group-box-shadow: none; --b-button-group-border-color: transparent; --b-button-group-padded-padding: 0.3em; --b-button-group-padded-background: var(--b-neutral-95); --b-button-group-padded-active-background: var(--b-neutral-97); --b-button-group-padded-pressed-background: var(--b-neutral-100); --b-button-group-padded-pressed-hover-background: var(--b-neutral-98); --b-button-group-padded-pressed-box-shadow: 0 1px 3px 0 rgb(0 0 0 /0.05), 0 1px 1px 0 rgb(0 0 0 /0.04), 0 2px 1px -1px rgb(0 0 0 /0.03); --b-button-group-padded-pressed-border: null; --b-button-group-padded-button-opacity: 0.5; --b-button-group-padded-border: null; --b-button-group-padded-filled-pressed-color: var(--b-neutral-100); } .b-bryntum { --b-button-group-padded-filled-pressed-background: var(--b-primary-50); --b-button-group-padded-filled-pressed-hover-background: var(--b-primary-55); } .b-button-group { display: flex; gap: 0; flex-shrink: 0; align-items: center; width: min-content; height: min-content; transition-property: box-shadow, border, opacity, background; box-shadow: var(--b-button-group-box-shadow); border: var(--b-button-group-border-width) solid var(--b-button-group-border-color); opacity: var(--bi-button-group-opacity, 1); transition-duration: var(--b-default-transition-duration); } .b-button-group.b-columned { width: 100%; flex-wrap: wrap; } .b-button-group.b-button-group-tonal .b-button { --bi-button-group-button-border-end-width: 1px; --b-button-group-border-color: color-mix(in oklab, var(--b-button-tonal-color), transparent 80%); } .b-button-group.b-button-group-elevated { --b-button-group-box-shadow: var(--b-button-elevated-box-shadow); } .b-button-group.b-button-group-outlined { --b-button-group-border-color: var(--b-button-outlined-border-color); --b-button-group-border-width: var(--b-button-outlined-border-width); --bi-button-group-button-border-end-width: var(--b-button-outlined-border-width); } .b-button-group.b-button-group-outlined.b-disabled { --b-button-group-border-color: var(--b-button-outlined-disabled-border-color); --bi-button-group-opacity: var(--b-button-disabled-opacity); } .b-button-group.b-button-group-outlined.b-disabled .b-button { --b-button-disabled-opacity: 1; } .b-button-group.b-rotate-vertical { flex-direction: column; } .b-button-group .b-button { --b-button-border-width: 0; --b-button-box-shadow: none; } .b-button-group .b-button:not(.b-button-text) { --b-button-border-radius: 0; } .b-button-group .b-button:not(.b-last-visible-child) { border-inline-end: var(--bi-button-group-button-border-end-width) solid var(--b-button-group-border-color); } .b-button-group .b-button:not(.b-text, .b-button-text) { aspect-ratio: unset; min-width: 3.25em; } .b-button-group .b-button:focus { z-index: 3; } .b-button-group .b-pressed { z-index: 2; } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) { border-radius: var(--b-button-group-border-radius); } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-first-visible-child { border-start-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); border-end-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-last-visible-child { border-start-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); border-end-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); } .b-button-group-padded, .b-button-group-padded-filled { background: var(--b-button-group-padded-background); border-radius: var(--b-button-group-border-radius); padding: var(--b-button-group-padded-padding); border: var(--b-button-group-padded-border); gap: 3px; } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button { background: transparent; transition-property: opacity, background, box-shadow, border; transition-duration: var(--b-default-transition-duration); border-radius: calc(var(--b-button-group-border-radius) - 1px); height: calc(var(--b-button-height) - var(--b-button-group-padded-padding) * 2); opacity: var(--b-button-group-padded-button-opacity); } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:hover, :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed { opacity: 1; } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:active { background: var(--b-button-group-padded-active-background); } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed { background: var(--b-button-group-padded-pressed-background); border: var(--b-button-group-padded-pressed-border); box-shadow: var(--b-button-group-padded-pressed-box-shadow); } :is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) { gap: var(--b-button-group-padded-padding); } :is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) .b-button.b-pressed:hover { background: var(--b-button-group-padded-pressed-hover-background); } .b-button-group-padded-filled .b-button.b-pressed { box-shadow: none; background: var(--b-button-group-padded-filled-pressed-background); color: var(--b-button-group-padded-filled-pressed-color); } .b-button-group-padded-filled:not(.b-toggle-group) .b-button.b-pressed:hover { background: var(--b-button-group-padded-filled-pressed-hover-background); } /* ../Core/lib/Core/widget/Editor.css */ :root, :host { --b-editor-background: transparent; --b-editor-border-radius: var(--b-widget-border-radius); } .b-editor { display: flex; overflow: visible; background: var(--b-editor-background); border-radius: var(--b-editor-border-radius); } .b-editor .b-label { display: none; } .b-editor .b-field { display: flex; width: 100%; height: 100%; --b-text-field-input-height: 100%; } .b-editor .b-field-inner { height: 100%; } /* ../Core/lib/Core/widget/FieldFilterPicker.css */ .b-field-filter-picker { display: flex; flex-flow: row wrap; overflow: visible; --b-container-gap: 1em; --b-text-field-default-width: 100%; } .b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple { flex: 1; min-width: 10em; } :is(.b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple).b-hidden { display: none; } .b-field-filter-picker-values-multiple { display: flex; align-items: center; gap: var(--b-container-gap); } .b-field-filter-picker-values-multiple .b-field { flex: 1; } .b-combo.b-field-filter-picker-combo-locked { margin-top: .25em; --b-text-field-border-width: 0; --b-text-field-input-padding: 0; --b-text-field-input-height: 3em; --b-text-field-background: transparent; } /* ../Core/lib/Core/widget/Panel.css */ :root, :host { --b-panel-gap: var(--b-widget-gap); --b-panel-background: var(--b-neutral-100); --b-panel-header-color: var(--b-widget-color); --b-panel-overlay-box-shadow: var(--b-elevation-1); --b-panel-drawer-box-shadow: var(--b-elevation-4); --b-panel-header-font-size: 1.2em; --b-panel-header-font-weight: calc(var(--b-widget-font-weight) + 100); --b-panel-header-text-align: start; --b-panel-header-gap: var(--b-widget-gap); --b-panel-padding: var(--b-widget-padding-large); --b-panel-with-header-padding: var(--b-panel-padding); --b-panel-bottom-toolbar-padding: var(--b-widget-padding-large); --b-panel-bottom-toolbar-background: transparent; --b-panel-top-toolbar-margin-inline: null; --b-panel-top-toolbar-border-radius: null; --b-panel-with-header-top-toolbar-background: var(--b-neutral-97); --b-panel-header-padding: var(--b-widget-padding-large); --b-panel-border: null; --b-panel-header-background: transparent; --b-drawer-size: 30em; --b-panel-overlay-border: null; --b-default-panel-transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border-color var(--b-default-transition-duration); } .b-panel { display: flex; flex-direction: column; gap: 0; outline: none; transition: var(--b-default-panel-transition); overflow: clip; background: var(--b-panel-background); border: var(--b-panel-border); } .b-panel.b-columns .b-panel-content { display: grid; grid-auto-rows: min-content; grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-panel.b-panel-has-header .b-top-toolbar:not(.b-tab-bar) { margin-inline: var(--b-panel-top-toolbar-margin-inline); border-radius: var(--b-panel-top-toolbar-border-radius); } .b-panel > .b-panel-overlay, .b-panel > .b-panel-body-wrap { z-index: 0; } .b-panel > .b-panel-collapse-size-locker { position: absolute !important; } .b-panel .b-panel-overlay-right { border-inline-start: var(--b-panel-overlay-border); } .b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker { clip: rect(0, 0, 0, 0); } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up) > .b-panel-collapse-size-locker { top: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down) > .b-panel-collapse-size-locker { bottom: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right) > .b-panel-collapse-size-locker { right: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right) > .b-panel-collapse-size-locker { left: 0; } .b-panel.b-panel-collapsible-overlay { background: transparent; } .b-panel.b-panel-collapsible-overlay:not(.b-collapsing, .b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header { display: none; } .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay { box-shadow: var(--b-panel-overlay-box-shadow); overflow: visible; } .b-panel.b-panel-collapsible-overlay > .b-panel-header { transition: translate 0.2s ease-in-out; } .b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide { display: none; } :is(.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding) > .b-panel-header { opacity: 0; } .b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header { display: none; } .b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed { overflow: visible; z-index: 1; } .b-panel.b-panel-collapsible-overlay.b-collapsing { overflow: visible; } .b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header { z-index: -1; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header { translate: 0 -100%; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header { translate: 0 100%; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header { translate: 100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header { translate: -100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) { border: none; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker { transition: translate 0.2s cubic-bezier(0.06, 1.1, 0.58, 1), clip-path 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out, bottom 0.2s ease-out, left 0.2s ease-out; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker { translate: 0 -100%; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 0 -20px 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker { translate: 0 100%; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(-20px 0 0 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker { translate: -100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 -20px 0 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker { translate: 100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 0 0 -20px); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-expanding { flex: none !important; overflow: visible; } .b-panel.b-header-dock-right, .b-panel.b-header-dock-bottom { justify-content: flex-end; } .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) { visibility: hidden; flex: 0 1 0; } .b-panel.b-collapsed > .b-panel-collapse-revealer { visibility: visible; cursor: pointer; } .b-panel.b-collapsed > .b-panel-collapse-revealer.b-dock-right, .b-panel.b-collapsed > .b-panel-collapse-revealer .b-dock-left { height: 100%; border-block: none; } .b-panel .b-panel-collapser-header { display: none; } .b-panel.b-collapse-unflex { flex-grow: unset !important; flex-basis: unset !important; flex-shrink: 0 !important; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing) .b-panel-collapser-header { display: flex; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom { min-height: auto !important; } :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) { height: unset !important; } .b-vbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom) { flex: none !important; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left { min-width: auto !important; } :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) { width: unset !important; } .b-hbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left) { flex: none !important; } .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-right, .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-left { width: unset !important; flex: unset !important; } .b-drawer-panel { --b-panel-overlay-box-shadow: var(--b-panel-drawer-box-shadow); } .b-drawer-panel:not(.b-positioned, .b-floating) { flex: unset; } .b-drawer-panel.b-panel-overlay-revealed > header.b-panel-collapse-revealer { display: none; } .b-drawer-panel > header.b-panel-collapse-revealer { display: none; } .b-drawer-panel.b-panel-collapse-up { min-height: var(--b-drawer-size); height: auto; inset: 0 0 auto 0; } .b-drawer-panel.b-panel-collapse-right { width: var(--b-drawer-size); inset: 0 0 0 auto; } .b-drawer-panel.b-panel-collapse-down { min-height: var(--b-drawer-size); height: auto; inset: auto 0 0 0; } .b-drawer-panel.b-panel-collapse-left { width: var(--b-drawer-size); inset: 0 auto 0 0; } .b-panel-overlay { background: var(--b-panel-background); } .b-panel-header { display: flex; flex-direction: row; align-items: center; flex-shrink: 0; z-index: 1; transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border var(--b-default-transition-duration); background: var(--b-panel-header-background); color: var(--b-panel-header-color); padding: var(--b-panel-header-padding); gap: var(--b-panel-header-gap); border-bottom: var(--b-panel-header-border-bottom); } .b-panel-collapsible > .b-panel-header { cursor: pointer; } .b-panel-header.b-dock-top { border-top-left-radius: inherit; border-top-right-radius: inherit; } .b-panel-header.b-dock-right { flex-flow: column nowrap; border-start-end-radius: inherit; border-end-end-radius: inherit; order: 100; } .b-panel-header.b-dock-right, .b-panel-header.b-dock-bottom { order: 100; } .b-panel-header.b-dock-left { flex-flow: column-reverse nowrap; border-start-start-radius: inherit; border-end-start-radius: inherit; } .b-panel-header.b-dock-left .b-header-title { rotate: 180deg; } :is(.b-panel-header.b-dock-right, .b-panel-header.b-dock-left) .b-header-title { writing-mode: vertical-lr; } .b-panel-header .b-header-title { align-items: center; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--b-panel-header-font-size); font-weight: var(--b-panel-header-font-weight); text-align: var(--b-panel-header-text-align); gap: var(--b-panel-header-gap); } .b-panel-header .b-header-title.b-header-html-title, .b-panel-header .b-header-title.b-panel-ui-toolbar { display: flex; } .b-panel-body-wrap { overflow: hidden; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .b-panel-body-wrap .b-top-toolbar .b-button.b-button-text { --b-button-type-text-color: var(--b-panel-top-toolbar-button-type-text-color, var(--b-primary-20)); } .b-panel-body-wrap .b-bottom-toolbar { background: var(--b-panel-bottom-toolbar-background); --b-toolbar-padding: var(--b-panel-bottom-toolbar-padding); } .b-panel-collapser { z-index: 0; } .b-panel-content { flex: 1; overflow: clip; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; gap: var(--b-panel-gap); padding: var(--b-panel-padding); } .b-panel-content:where(:not(.b-vbox, .b-hbox)) { display: grid; grid-auto-rows: min-content; align-items: center; } .b-panel-content.b-vbox { --b-text-field-default-width: 100%; } .b-panel-has-header .b-top-toolbar:not(.b-tab-bar) { background: var(--b-panel-with-header-top-toolbar-background); } .b-panel-has-header:where(:not(:has(.b-top-toolbar:not(.b-hidden, .b-tab-bar)))) > .b-panel-body-wrap > .b-panel-content { padding: var(--b-panel-with-header-padding); } .b-panel .b-panel-content:has(+ .b-bottom-toolbar:not(.b-bordered, .b-hidden)) { padding-block-end: 0; } .b-collapse-tool::before { rotate: var(--b-panel-collapse-tool-rotate); } .b-collapse-tool:not(.b-collapsing):before { transition: all 0.2s ease-in-out; } .b-collapse-tool.b-rotate-left, .b-collapse-tool.b-rotate-right { --b-panel-collapse-tool-rotate: 0deg; } .b-collapse-tool.b-collapsed { --b-panel-collapse-tool-rotate: 180deg; } .b-panel-ui-plain { --b-panel-header-background: var(--b-panel-background); --b-panel-header-color: var(--b-widget-color); } .b-panel-ui-toolbar { --b-panel-header-background: var(--b-grid-header-background, var(--b-toolbar-background)); --b-panel-header-color: var(--b-widget-color); --b-panel-header-font-size: var(--b-widget-font-size); --b-panel-header-padding: 1em; --b-panel-header-border-bottom: 1px solid var(--b-grid-header-border-color, var(--b-border-5)); } /* ../Core/lib/Core/widget/CalendarPanel.css */ :root, :host { --b-calendar-panel-day-font-size: unset; --b-calendar-panel-week-width: 2em; --b-calendar-panel-week-number-display: none; --b-calendar-panel-cell-display: flex; --b-calendar-panel-cell-padding: none; --b-calendar-panel-cell-font-size: 1em; --b-calendar-panel-cell-font-weight: var(--b-widget-font-weight); --b-calendar-panel-disabled-cell-opacity: 0.4; --b-calendar-panel-non-working-cell-display: flex; --b-calendar-panel-gap: 0em; --b-calendar-panel-day-color: unset; --b-calendar-panel-color: var(--b-widget-color); --b-calendar-panel-other-month-color: var(--b-neutral-60); --b-calendar-panel-weeks-gap: .5em; } .b-internal { --bi-min-column-width: null; } .b-calendar-panel { user-select: none; -webkit-user-select: none; } .b-calendar-panel.b-show-week-column { --b-calendar-panel-week-number-display: flex; } .b-calendar-panel.b-hide-other-month-cells .b-other-month { visibility: hidden; pointer-events: none; } .b-calendar-panel.b-disable-other-month-cells .b-other-month { pointer-events: none; opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-calendar-panel.b-shade-past-dates .b-past-date { opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-calendar-panel-content { gap: 0; padding: 0; } .b-calendar-panel-content.b-hide-non-working-days .b-non-working-day { display: none; } .b-calendar-panel-row { display: flex; } .b-week-number-cell { flex-direction: column; justify-content: center; cursor: pointer; display: var(--b-calendar-panel-week-number-display); font-size: var(--b-calendar-panel-day-font-size); width: var(--b-calendar-panel-week-width); color: var(--b-calendar-panel-week-number-color, var(--b-primary-20)); } .b-calendar-week-days .b-week-number-cell { flex-direction: row; font-size: var(--b-calendar-panel-day-font-size); } .b-calendar-day-header { flex: 1; justify-content: center; display: flex; color: var(--b-calendar-panel-day-color); font-size: var(--b-calendar-panel-day-font-size); min-width: var(--bi-min-column-width); } .b-calendar-week-days { padding-inline: var(--b-calendar-panel-gap); gap: var(--b-calendar-panel-gap); } .b-weeks-container { display: flex; flex-flow: column nowrap; padding-block: var(--b-calendar-panel-weeks-gap); gap: var(--b-calendar-panel-weeks-gap); } .b-weeks-container .b-calendar-panel-row { flex: 1; min-height: var(--bi-min-row-height, 0); } .b-calendar-panel-days { display: flex; flex: 1; gap: var(--b-calendar-panel-gap); } .b-calendar-panel-cell { flex: 1; justify-content: center; align-items: center; position: relative; transition: padding var(--b-default-transition-duration); color: var(--b-calendar-panel-color); display: var(--b-calendar-panel-cell-display); padding: var(--b-calendar-panel-cell-padding); background: var(--b-calendar-panel-cell-background); font-weight: var(--b-calendar-panel-cell-font-weight); font-size: var(--b-calendar-panel-cell-font-size); min-width: var(--bi-min-column-width); } .b-calendar-panel-cell.b-other-month { --b-calendar-panel-color: var(--b-calendar-panel-other-month-color); } .b-calendar-panel-cell.b-disabled-date { opacity: var(--b-calendar-panel-disabled-cell-opacity); } /* ../Core/lib/Core/widget/DatePicker.css */ :root, :host { --b-date-picker-min-width: 25em; --b-date-picker-title-font-weight: 600; --b-date-picker-day-font-size: 1em; --b-date-picker-date-padding: 0.5em; --b-date-picker-date-font-size: 1em; --b-date-picker-today-font-weight: inherit; --b-date-picker-selected-font-weight: 600; --b-date-picker-selected-week-border-radius: 2px; --b-date-picker-cell-margin-block: 2px; --b-date-picker-toolbar-font-size: 1em; --b-date-picker-day-color: var(--b-neutral-30); --b-date-picker-date-color: var(--b-neutral-30); --b-date-picker-today-background: transparent; --b-date-picker-selected-color: var(--b-primary-30); --b-date-picker-header-padding: 1.5em 0; --b-date-picker-color: var(--b-primary); } .b-date-picker { position: relative; opacity: 1; flex-shrink: 0; color: var(--b-date-picker-color); min-width: var(--b-date-picker-min-width); --b-calendar-panel-day-color: var(--b-date-picker-day-color); --b-calendar-panel-day-font-size: var(--b-date-picker-day-font-size); --b-calendar-panel-color: var(--b-date-picker-date-color); --b-calendar-panel-cell-background: transparent; --b-calendar-panel-cell-font-size: var(--b-date-picker-date-font-size); --b-panel-header-padding: var(--b-date-picker-header-padding); } .b-date-picker.b-date-picker-has-payload { --b-calendar-panel-cell-display: block; } .b-date-picker.b-floating .b-weeks-container { max-height: 24em; } .b-date-picker .b-top-toolbar { --b-toolbar-background: transparent; --b-toolbar-gap: 0; } .b-date-picker .b-top-toolbar > .b-toolbar-content > .b-widget { font-size: var(--b-date-picker-toolbar-font-size); } .b-date-picker .b-top-toolbar .b-button { min-width: 2em; --b-button-type-text-color: var(--b-date-picker-toolbar-color, var(--b-primary-30)); } .b-date-picker .b-top-toolbar .b-widget { --b-primary: inherit; } .b-date-picker .b-top-toolbar .b-text-field { color: var(--b-date-picker-toolbar-color, var(--b-primary-30)); --b-text-field-background: transparent; } .b-date-picker .b-top-toolbar i { font-size: .9em; } :is(.b-date-picker [data-ref=monthButton], .b-date-picker [data-ref=yearButton]) label { font-size: 1.1em; } .b-date-picker .b-calendar-panel-cell { cursor: pointer; line-height: 1; margin-block: var(--b-date-picker-cell-margin-block); } .b-date-picker .b-calendar-panel-cell:hover { --b-date-picker-date-background: var(--b-date-picker-date-hover-background, var(--b-primary-95)); color: var(--b-date-picker-date-hover-color); } .b-date-picker .b-calendar-panel-cell:focus-visible { outline: none; } .b-date-picker .b-calendar-panel-cell:focus-visible::after { content: ""; position: absolute; z-index: 1; border-radius: .25em; pointer-events: none; inset: calc(var(--b-widget-focus-outline-width) * -1) var(--b-widget-focus-outline-width); outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); } :is(.b-date-picker .b-calendar-panel-cell:not(.b-range-end):last-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-end).b-last-visible-cell)::before { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); } :is(.b-date-picker .b-calendar-panel-cell:not(.b-range-start):first-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-start).b-first-visible-cell)::before { clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); } .b-date-picker .b-date-picker-cell-payload { pointer-events: none; position: absolute; inset: auto 0 0 0; display: flex; justify-content: center; overflow: clip; z-index: 1; font-weight: var(--b-widget-font-weight); } .b-date-picker .b-month-picker, .b-date-picker .b-year-picker { inset: 0; z-index: 1; } .b-date-picker .b-selected-date:not(.b-in-range) { --b-date-picker-date-hover-background: var(--b-date-picker-selected-hover-background, var(--b-date-picker-selected-background, var(--b-primary-90))); --b-calendar-panel-color: var(--b-date-picker-selected-color); --b-date-picker-date-background: var(--b-date-picker-selected-background, var(--b-primary-90)); --b-calendar-panel-cell-font-weight: var(--b-date-picker-selected-font-weight); --b-date-picker-date-border: var(--b-date-picker-selected-border); } .b-date-picker .b-today, .b-date-picker .b-today:not(.b-in-range) { --b-date-picker-date-border: var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50))); } .b-date-picker .b-today { --b-date-picker-date-hover-background: var(--b-date-picker-today-hover-background, var(--b-primary-95)); --b-calendar-panel-color: var(--b-date-picker-today-color, var(--b-primary-50)); --b-calendar-panel-date-background: var(--b-date-picker-today-background); --b-calendar-panel-cell-font-weight: var(--b-date-picker-today-font-weight); } .b-date-picker.b-highlight-selected-week .b-calendar-week:has(.b-selected-date) { background: var(--b-date-picker-selected-week-background, var(--b-primary-95)); border-radius: var(--b-date-picker-selected-week-border-radius); } .b-date-picker .b-in-range { --b-date-picker-selected-color: var(--b-date-picker-selected-range-color); } :is(.b-date-picker .b-range-start:where(:not(.b-range-end)), .b-date-picker .b-range-end:where(:not(.b-range-start)), .b-date-picker .b-in-range)::before { content: ""; position: absolute; display: block; height: 100%; inset-inline-start: 0; background: var(--b-date-picker-selected-range-background, var(--b-primary-96)); } .b-date-picker .b-range-start::before { inset-inline-start: 50%; width: calc(50% + var(--b-calendar-panel-gap)); } .b-date-picker .b-in-range::before { width: calc(100% + var(--b-calendar-panel-gap)); } .b-date-picker .b-range-end::before { width: 50%; } .b-date-picker .b-out-of-range { opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-date-picker-cell-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; height: 100%; position: relative; z-index: 1; aspect-ratio: 1 / 1; min-width: 2.25em; background: var(--b-date-picker-date-background); padding: var(--b-date-picker-date-padding); outline: var(--b-date-picker-date-border); } .b-date-picker-title { display: flex; flex-direction: row; flex: 1; align-items: center; justify-content: center; gap: 0.3em; overflow: visible; } .b-date-picker-month-button, .b-date-picker-year-button { padding: 0; background: transparent; border-radius: 1px; font-weight: var(--b-date-picker-title-font-weight); --b-button-focus-outline-offset: 1px; } /* ../Core/lib/Core/widget/Carousel.css */ .b-carousel-content:not(.b-carousel-empty) { padding: 0; } .b-carousel-content > .b-carousel-content { overflow: clip; } .b-carousel-content.b-carousel-empty > .b-carousel-inner-ct, .b-carousel-content:not(.b-carousel-empty) > .b-carousel-empty-text { display: none; } /* ../Core/lib/Core/widget/MultiDatePicker.css */ .b-multi-date-picker.b-widget.b-floating { border-radius: var(--b-popup-border-radius); } .b-multi-date-picker.b-widget.b-floating .b-carousel-inner-ct { border-radius: var(--b-popup-border-radius); } .b-multi-date-picker .b-top-toolbar { --b-toolbar-gap: var(--b-date-range-field-gap); } .b-multi-date-picker [data-ref=yearButton], .b-multi-date-picker [data-ref=monthButton] { color: var(--b-button-type-text-color); opacity: 1; } .b-multi-date-picker-nav-floating { overflow: visible; } .b-multi-date-picker-nav-floating > .b-multi-date-picker-nav-button { position: absolute; top: 50%; z-index: 1; box-shadow: var(--b-elevation-1); --b-button-type-text-background: var(--b-panel-background); --b-button-type-text-hover-background: var(--b-primary-97); } .b-multi-date-picker-nav-floating > .b-multi-date-picker-next-button { inset-inline-end: 0; translate: calc(50% * var(--b-rtl-negate)) -50%; } .b-multi-date-picker-nav-floating > .b-multi-date-picker-prev-button { inset-inline-start: 0; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week-days { padding-inline: 1.5em; } .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextMonth], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevMonth], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevYear], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextYear] { display: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-first > .b-top-focus-trap, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-last > .b-end-focus-trap { display: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=monthField] { pointer-events: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=yearButton] { display: none; } /* ../Core/lib/Core/widget/DemoCodeEditor.css */ .b-demo-code-editor { width: 490px; flex: unset; --b-toolbar-padding: 0.5em; --b-panel-padding: 0; --b-panel-background: var(--b-neutral-100); --b-text-field-input-height: 3em; --b-panel-overlay-border: none; --b-toolbar-background: transparent; } .b-demo-code-editor .b-top-toolbar { height: 58px; --b-toolbar-gap: 0; } @media (min-width : 2000px) { .b-demo-code-editor { width: 700px; } } .b-demo-code-editor:not(.b-collapsed) { border-inline-start: var(--b-splitter-size, 4px) solid var(--b-border-7); } :is(.b-demo-code-editor.b-collapsed, .b-demo-code-editor.b-collapsing) .b-panel-collapse-revealer { display: none; } .b-demo-code-editor:not(.b-resizing) { transition: border-width .1s; } .b-demo-code-editor .b-code-editor-body-wrap, .b-demo-code-editor .b-panel-overlay { overflow: hidden; } .b-demo-code-editor .b-panel-content { direction: ltr; } .b-demo-code-editor.b-resizing * { user-select: none; -webkit-user-select: none; } .b-demo-code-editor.b-over-resize-handle { cursor: ew-resize; } .b-demo-code-editor.b-hidden { display: flex !important; border-inline-start-width: 0; } .b-demo-code-editor .b-bottom-toolbar { transition: background-color .2s; } .readonly :is(.b-demo-code-editor .b-bottom-toolbar) { background-color: #ff8d46; } .b-demo-code-editor .b-bottom-toolbar [data-ref=cursorPos] { margin-inline-start: auto; } .b-demo-code-editor .b-bottom-toolbar .b-toolbar-content { padding: 1em !important; } .b-demo-code-editor.invalid .b-bottom-toolbar { color: #fff; background: #b71c1c; } .b-demo-code-editor [data-ref=filesCombo] { margin-inline-end: .5em; } .b-demo-code-editor-file-picker { --b-list-item-gap: 0; } .b-demo-code-editor-file-picker .b-editor-file-type { margin-inline-end: 0.5em; } /* ../Core/lib/Core/widget/Field.css */ :root, :host { --b-field-label-padding: 0; --b-field-label-default-gap: var(--b-widget-gap); --b-field-label-above-gap: .5em; --b-field-label-before-gap: var(--b-widget-gap); --b-field-default-template-areas: "before inner"; --b-field-default-template-columns: auto 1fr; --b-field-default-label-padding: 0 1em 0 0; --b-field-error-tip-primary: var(--b-color-red); --b-field-align-before-label-column: unset; --b-field-align-before-field-column: unset; } @property --bi-field-template-areas { syntax : "*"; inherits : false; } @property --bi-field-template-columns { syntax : "*"; inherits : false; } .b-field, .b-slider { display: grid; align-items: center; justify-items: start; flex-shrink: 0; --bi-field-template-areas: "inner"; --bi-field-template-columns: 1fr; grid-template-areas: var(--bi-field-template-areas); grid-template-columns: var(--bi-field-template-columns); color: var(--b-primary); gap: var(--bi-field-gap); --b-field-label-grid-area: before; } :is(.b-field, .b-slider) .b-field-inner { display: grid; align-items: center; justify-items: center; grid-area: inner; max-height: 100%; } :is(.b-field, .b-slider) .b-label { align-self: center; grid-area: var(--b-field-label-grid-area); padding: var(--b-field-label-padding); } .b-vbox > :is(.b-field, .b-slider).b-label-above .b-label { align-self: flex-start; } :is(.b-field, .b-slider).b-has-label { --bi-field-template-areas: var(--b-field-default-template-areas); --bi-field-template-columns: var(--b-field-default-template-columns); --bi-field-gap: var(--b-field-label-default-gap); } :is(.b-field, .b-slider).b-has-label.b-required .b-label::after { content: "*"; } :is(.b-field, .b-slider).b-label-align-before, :is(.b-field, .b-slider).b-label-before { --bi-field-template-columns: auto 1fr; --bi-field-template-areas: "before inner"; --b-field-label-grid-area: before; --bi-field-gap: var(--b-field-label-before-gap); } :is(.b-field, .b-slider).b-label-above { grid-template-rows: auto 1fr; --bi-field-template-columns: 1fr; --bi-field-template-areas: "above" "inner"; --b-field-label-grid-area: above; --bi-field-gap: var(--b-field-label-above-gap); } :is(.b-field, .b-slider).b-label-align-before .b-label { grid-column: var(--b-field-align-before-label-column); } :is(.b-field, .b-slider).b-label-align-before .b-field-inner { grid-column: var(--b-field-align-before-field-column); } :is(:is(.b-field, .b-slider).b-read-only, :is(.b-field, .b-slider).b-disabled) .b-field-trigger { pointer-events: none; opacity: .5; } .b-field-container-wrap { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; gap: var(--b-container-gap); } .b-field-container-wrap > .b-container { width: 100%; } .b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap { height: 0; } .b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap { opacity: 0; } .b-field-container:not(.b-field-container-inline) .b-field-container { gap: var(--b-container-gap); } .b-field-container-inline { gap: var(--b-container-gap); --bi-field-template-areas: "inner container"; --bi-field-template-columns: max-content 1fr; } .b-field-container-inline .b-field-container-wrap { grid-area: container; width: 100%; } .b-field-container-inline .b-field-container { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } /* ../Core/lib/Core/widget/Checkbox.css */ :root, :host { --b-checkbox-size: 1.25em; --b-checkbox-border-radius: calc(var(--b-widget-border-radius) / 2); --b-checkbox-check-font-size: .9em; --b-checkbox-disabled-opacity: 0.4; --b-checkbox-inner-gap: 1em; --b-checkbox-ring-content: none; --b-checkbox-border-width: 1px; --b-checkbox-border-color: var(--b-widget-border-color); --b-checkbox-checked-border-color: var(--b-widget-border-color); --b-checkbox-checked-check-color: var(--b-neutral-100); --b-checkbox-disabled-checked-check-color: var(--b-neutral-100); --b-checkbox-hover-border-color: var(--b-border-3); --b-checkbox-focus-outline-width: var(--b-widget-focus-outline-width); --b-checkbox-focus-outline-offset: 2px; --b-checkbox-focus-outline-color: var(--b-widget-focus-outline-color); --bi-checkbox-ring-opacity: 0; } .b-checkbox { width: fit-content; overflow: visible; } .b-checkbox > .b-field-inner > input { grid-area: input; appearance: none; margin: 0; } .b-checkbox:not(.b-disabled) input { cursor: pointer; } :is(.b-checkbox:focus-within, .b-checkbox.b-focus) input { outline: none; } :is(.b-checkbox:focus-within, .b-checkbox.b-focus) input:focus-visible ~ .b-checkbox-box, :is(.b-checkbox:focus-within, .b-checkbox.b-focus).b-focus input ~ .b-checkbox-box { outline: var(--b-checkbox-focus-outline-width) solid var(--b-checkbox-focus-outline-color); outline-offset: var(--b-checkbox-focus-outline-offset); } .b-checkbox > .b-field-inner { grid-template-areas: "input"; } .b-checkbox.b-text > .b-field-inner { grid-template-areas: "input after"; gap: var(--b-checkbox-inner-gap); } .b-checkbox .b-checkbox-label { grid-area: after; white-space: nowrap; justify-self: stretch; overflow: hidden; text-overflow: ellipsis; user-select: none; -webkit-user-select: none; color: var(--b-label-color); } .b-checkbox label { cursor: pointer; } .b-checkbox:not(.b-disabled):has(input:hover), .b-checkbox:not(.b-disabled).b-hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); } .b-checkbox:not(.b-disabled):has(input:focus-visible), .b-checkbox:not(.b-disabled).b-focus { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-checkbox:not(.b-disabled):has(input:active), .b-checkbox:not(.b-disabled).b-active { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-checkbox:not(.b-slide-toggle) > .b-field-inner { grid-template-columns: var(--b-checkbox-size); } .b-checkbox:not(.b-slide-toggle) > .b-field-inner input { aspect-ratio: 1 / 1; width: var(--b-checkbox-size); } .b-checkbox:not(.b-slide-toggle).b-text > .b-field-inner { grid-template-columns: var(--b-checkbox-size) auto; } .b-checkbox:not(.b-slide-toggle) > .b-field-inner::before { content: var(--b-checkbox-ring-content); background: var(--b-primary); grid-area: input; border-radius: 50%; pointer-events: none; transition: opacity 0.3s; aspect-ratio: 1 / 1; width: calc(var(--b-checkbox-size) * 2.25); opacity: var(--bi-checkbox-ring-opacity); } .b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box { --b-checkbox-background: var(--b-checkbox-checked-background); --b-checkbox-border-color: var(--b-checkbox-checked-border-color); } .b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box::after { scale: 1; } .b-checkbox:not(.b-slide-toggle).b-disabled { --b-checkbox-border-color: var(--b-checkbox-disabled-border-color, var(--b-widget-disabled-color)); --b-checkbox-checked-border-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color)); --b-checkbox-checked-check-color: var(--b-checkbox-disabled-checked-check-color); --b-checkbox-checked-background: var(--b-checkbox-disabled-checked-background, var(--b-widget-disabled-background)); --b-label-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color)); --b-checkbox-opacity: var(--b-checkbox-disabled-opacity); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); --b-checkbox-background: var(--b-checkbox-hover-background); --b-checkbox-border-color: var(--b-checkbox-hover-border-color); } :is(.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover) input:checked ~ .b-checkbox-box { --b-checkbox-background: var(--b-checkbox-checked-hover-background); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:focus-visible), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-focus { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:active), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-active { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-checkbox-box { grid-area: input; pointer-events: none; display: flex; align-items: center; justify-content: center; transition: background .2s ease, border .2s ease; width: var(--b-checkbox-size); height: var(--b-checkbox-size); border-radius: var(--b-checkbox-border-radius); border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color); background: var(--b-checkbox-background); opacity: var(--b-checkbox-opacity, 1); } .b-checkbox-box::after { transition: scale 0.2s ease, border .2s ease; scale: 0; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); content: var(--b-checkbox-checked-check-content); color: var(--b-checkbox-checked-check-color); font-size: var(--b-checkbox-check-font-size); } .b-menu > .b-menu-body-wrap .b-menu-content > .b-checkbox { margin-inline-start: var(--b-checkbox-inner-gap); } .b-field-container:not(.b-field-container-inline) > .b-field-container-wrap { margin-top: .5em; margin-inline-start: calc(var(--b-checkbox-size) + var(--b-checkbox-inner-gap)); } .b-container.b-label-align-before .b-checkbox:not(.b-has-label) { grid-column: 2 / 2; } /* ../Core/lib/Core/widget/FieldFilterPickerGroup.css */ :root, :host { --b-field-filter-picker-group-gap: 4em; } .b-field-filter-picker-group .b-no-visible-children { display: none; } .b-field-filter-picker-group [data-ref=pickers] { --b-container-gap: 0; } .b-field-filter-picker-group-row { position: relative; flex-shrink: 0; align-items: baseline; overflow: visible; padding-top: var(--b-field-filter-picker-group-gap); padding-bottom: .5em; } .b-field-filter-picker-group-row:first-child { --b-field-filter-picker-group-gap: 0; } .b-field-filter-picker-group-row:first-child::before { display: none; } .b-field-filter-picker-group-row::before { content: attr(data-separator-text); font-size: 85%; position: absolute; text-align: center; width: 100%; top: 0.15em; background-position: 0 50%; background-size: 100% 1px; background-repeat: no-repeat; background-image: linear-gradient( to right, var(--b-border-5), var(--b-border-5) 44%, transparent 44%, transparent 56%, var(--b-border-5) 56%); height: var(--b-field-filter-picker-group-gap); line-height: var(--b-field-filter-picker-group-gap); } .b-field-filter-picker-group-row:not(.b-field-filter-picker-group-row-removable) { padding-inline-end: 2.25em; } .b-field-filter-picker-group-row [data-ref=pickers] { gap: 0; } .b-field-filter-picker-group-filter-active { width: 2.3em; align-self: center; } .b-field-filter-picker-group-filter-active.b-slide-toggle { width: 3.5em; } .b-field-filter-picker-group-other-filters { padding: 0.5em 0; } .b-field-filter-picker-group-add-button { align-self: center; } .b-field-filter-picker-group-remove { margin-inline-start: 0.25em; } /* ../Core/lib/Core/widget/Radio.css */ :root, :host { --b-radio-check-gap: 0.2em; --b-radio-background: var(--b-neutral-100); --b-radio-checked-background: var(--b-radio-background); --b-radio-checked-border-color: var(--b-radio-checked-color); } .b-radio.b-checkbox { --b-checkbox-border-radius: 50%; --b-checkbox-checked-check-content: ""; --b-checkbox-checked-check-color: var(--b-primary); --b-checkbox-background: var(--b-radio-background); --b-checkbox-checked-background: var(--b-radio-checked-background); --b-checkbox-checked-border-color: var(--b-radio-checked-border-color); --b-checkbox-checked-hover-background: var(--b-radio-checked-background); --b-checkbox-check-font-size: 1em; } .b-radio.b-checkbox .b-checkbox-box::after { border-radius: 50%; aspect-ratio: 1 / 1; width: 100%; background: var(--b-radio-checked-color, var(--b-primary)); border: var(--b-radio-check-gap) solid var(--b-radio-checked-background); } /* ../Core/lib/Core/widget/SlideToggle.css */ :root, :host { --b-slide-toggle-border-width: var(--b-checkbox-border-width); --b-slide-toggle-width: 2.75em; --b-slide-toggle-height: 1.75em; --b-slide-toggle-thumb-size: 1em; --b-slide-toggle-border-radius: calc(var(--b-slide-toggle-height) / 2); --b-slide-toggle-checked-thumb-size: 1em; --b-slide-toggle-thumb-offset: 0.15em; --b-slide-toggle-font-size: 1em; --b-slide-toggle-disabled-opacity: 0.5; --b-slide-toggle-inner-gap: 0.5em; --b-slide-toggle-label-before-padding: 0 0.5em 0 0; --b-slide-toggle-ring-color: var(--b-neutral-60); --b-slide-toggle-disabled-background: var(--b-neutral-85); --b-slide-toggle-disabled-thumb-background: var(--b-neutral-100); --b-slide-toggle-focus-outline-width: var(--b-checkbox-focus-outline-width); --b-slide-toggle-focus-outline-offset: var(--b-checkbox-focus-outline-offset); --b-slide-toggle-thumb-border: null; --b-slide-toggle-checked-thumb-border: null; --b-slide-toggle-thumb-color: var(--b-primary); --b-slide-toggle-thumb-background: var(--b-neutral-100); --b-slide-toggle-hovered-thumb-background: var(--b-neutral-95); --b-slide-toggle-checked-thumb-background: var(--b-neutral-100); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-checked-background); --b-slide-toggle-checked-ring-color: var(--b-primary); --b-slide-toggle-checked-thumb-offset: 4px; } .b-internal { --bi-slidetoggle-thumb-position: null; } .b-slide-toggle { --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-thumb-offset) + (var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-thumb-size)) / 2); --b-checkbox-inner-gap: var(--b-slide-toggle-inner-gap); --b-checkbox-label-before-padding: var(--b-slide-toggle-label-before-padding); } .b-slide-toggle .b-field-inner { grid-template-columns: max-content; } .b-slide-toggle input { width: 100%; height: 100%; } .b-slide-toggle input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-background: var(--b-slide-toggle-checked-background, var(--b-primary)); --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-thumb-background); --b-slide-toggle-thumb-border: var(--b-slide-toggle-checked-thumb-border); --b-slide-toggle-thumb-size: var(--b-slide-toggle-checked-thumb-size); --b-slide-toggle-border-color: var(--b-slide-toggle-checked-border-color); --b-slide-toggle-ring-color: var(--b-slide-toggle-checked-ring-color); --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-width) - var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-checked-thumb-offset)); } .b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active { --b-slide-toggle-thumb-background: var(--b-slide-toggle-hovered-thumb-background); --b-slide-toggle-background: var(--b-slide-toggle-hover-background); } :is(.b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active) input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-hovered-thumb-background); --b-slide-toggle-background: var(--b-slide-toggle-checked-hover-background, var(--b-primary)); } :is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus):has(:focus-visible) .b-slide-toggle-toggle, :is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus).b-focus .b-slide-toggle-toggle { outline: var(--b-slide-toggle-focus-outline-width) solid var(--b-slide-toggle-focus-outline-color, var(--b-checkbox-focus-outline-color)); outline-offset: var(--b-slide-toggle-focus-outline-offset); } .b-slide-toggle.b-disabled { --b-slide-toggle-opacity: var(--b-slide-toggle-disabled-opacity); --b-slide-toggle-border-color: var(--b-slide-toggle-disabled-border-color); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-border-color); } .b-slide-toggle.b-disabled input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-background: var(--b-slide-toggle-disabled-background); --b-slide-toggle-thumb-background: var(--b-slide-toggle-disabled-thumb-background); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-background); } .b-slide-toggle-toggle { display: flex; align-items: center; pointer-events: none; grid-area: input; transition: background 0.2s, border 0.2s, opacity 0.2s; font-size: var(--b-slide-toggle-font-size); width: var(--b-slide-toggle-width); height: var(--b-slide-toggle-height); background: var(--b-slide-toggle-background); border: var(--b-slide-toggle-border-width) solid var(--b-slide-toggle-border-color); border-radius: var(--b-slide-toggle-border-radius); opacity: var(--b-slide-toggle-opacity, 1); } .b-slide-toggle-thumb { aspect-ratio: 1 / 1; border-radius: 50%; transition: background 0.2s ease, width 0.2s ease, margin 0.2s ease; position: relative; background: var(--b-slide-toggle-thumb-background); border: var(--b-slide-toggle-thumb-border); color: var(--b-slide-toggle-thumb-color); width: var(--b-slide-toggle-thumb-size); margin-inline-start: var(--bi-slidetoggle-thumb-position); } .b-slide-toggle-thumb::before { border-radius: 50%; pointer-events: none; transition: opacity 0.5s ease; aspect-ratio: 1 / 1; display: block; position: absolute; top: 50%; inset-inline-start: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; content: var(--b-checkbox-ring-content); background: var(--b-slide-toggle-ring-color); opacity: var(--bi-checkbox-ring-opacity); width: calc(var(--b-slide-toggle-checked-thumb-size) * 1.7); } /* ../Core/lib/Core/widget/DateTimeField.css */ .b-date-time-field { width: unset; --b-text-field-default-width: 22em; } .b-date-time-field.b-field > div.b-field-inner { display: flex; } .b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-start), .b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-end) { padding-inline: 0; } .b-date-time-field .b-date-field, .b-date-time-field .b-time-field { border-top-left-radius: 0; border-bottom-left-radius: 0; grid-template-areas: "inner"; grid-template-columns: 1fr; --b-text-field-background: transparent; } :is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-label { display: none; } :is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-field-inner::before { content: none; } .b-date-time-field .b-date-field { flex: 1 1 53%; } .b-date-time-field .b-date-field .b-step-trigger-forward.b-align-end { padding-inline-end: calc(var(--b-text-field-input-padding) / 2); } .b-date-time-field .b-time-field { flex: 1 1 46%; } .b-date-time-field .b-time-field .b-field-trigger.b-align-start { padding-inline-start: calc(var(--b-text-field-input-padding) / 2); } /* ../Core/lib/Core/widget/TextField.css */ :root, :host { --b-text-field-font-weight: normal; --b-text-field-padding: 0; --b-text-field-input-font-size: var(--b-widget-font-size); --b-text-field-input-padding: 0; --b-text-field-border-style: solid; --b-text-field-focus-border-style: solid; --b-text-field-disabled-opacity: 0.4; --b-text-field-outlined-border-radius: var(--b-widget-border-radius); --b-field-trigger-gap: 0.75em; --b-field-trigger-edge-gap: 1em; --b-text-field-default-template-areas: "before inner"; --b-text-field-default-template-columns: auto 1fr; --b-text-field-default-label-padding: 0 var(--b-widget-padding) 0 0; --b-text-field-label-grid-area: before; --b-text-field-label-color: var(--b-widget-color); --b-text-field-input-color: var(--b-widget-color); --b-text-field-border-color: var(--b-widget-border-color); --b-text-field-label-above-grid-area: above; --b-text-field-label-font-size: var(--b-label-font-size); --b-text-field-empty-label-font-size: var(--b-text-field-label-font-size); --b-text-field-label-scale: 1; --b-text-field-empty-label-scale: 1; --b-text-field-trigger-read-only-color: var(--b-neutral-85); --b-text-field-trigger-disabled-color: var(--b-neutral-40); --b-text-field-filled-background: var(--b-neutral-95); --b-text-field-filled-hover-background: var(--b-neutral-90); --b-text-field-filled-focus-background: var(--b-neutral-90); --b-text-field-filled-border-width: 0; --b-text-field-filled-border-radius: var(--b-widget-border-radius); --b-text-field-filled-input-padding: 1em; --b-text-field-filled-no-label-input-padding: 1em; --b-text-field-filled-focus-border-width: 0; --b-text-field-filled-focus-label-color: var(--b-widget-color); --b-text-field-outlined-background: var(--b-neutral-100); --b-text-field-outlined-border-width: 1px; --b-text-field-outlined-border-color: var(--b-border-5); --b-text-field-outlined-input-padding: var(--b-widget-padding); --b-text-field-outlined-focus-border-width: var(--b-widget-focus-outline-width); --b-text-field-outlined-label-background: transparent; --b-text-field-outlined-label-padding: 0; --b-text-field-outlined-label-before-padding: 0; --b-text-field-outlined-label-above-padding: 0; --b-text-field-outlined-hover-border-color: var(--b-border-4); --b-text-field-outlined-hover-background: var(--b-neutral-100); --b-text-field-outlined-focus-background: var(--b-neutral-100); --b-text-field-outlined-focus-label-color: var(--b-widget-color); --b-text-field-filled-material-label-position: static; --b-field-trigger-color: var(--b-neutral-60); --b-spin-trigger-font-size: 1em; --b-text-field-invalid-border-color: var(--b-color-red); --b-text-field-invalid-label-color: var(--b-color-red); --b-text-field-color: var(--b-primary); --b-text-field-focus-border-color: var(--b-primary); --b-text-field-default-width: 12.5em; --bi-text-field-input-width: 100%; } .b-internal { --b-text-field-opacity: null; --b-text-field-border-width: null; --b-text-field-focus-border-width: null; --b-text-field-focus-label-color: null; --bi-text-field-empty-label-padding: null; } .b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field { position: relative; height: fit-content; width: fit-content; overflow: visible; border-radius: var(--b-text-field-border-radius); color: var(--b-text-field-color); --b-field-label-grid-area: var(--b-text-field-label-grid-area); --b-field-label-padding: var(--b-text-field-label-padding); --b-field-default-template-areas: var(--b-text-field-default-template-areas); --b-field-default-template-columns: var(--b-text-field-default-template-columns); --b-field-default-label-padding: var(--b-text-field-default-label-padding); --b-label-color: var(--b-text-field-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):where(:not(.b-has-width)) { width: var(--b-text-field-default-width); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner { display: flex; min-width: 0; position: relative; overflow: hidden; transition: background var(--b-default-transition-duration); background: var(--b-text-field-background); border-radius: var(--b-text-field-border-radius); padding: var(--b-text-field-padding); opacity: var(--b-text-field-opacity); width: var(--bi-text-field-input-width); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner::before { content: ""; position: absolute; inset: 0; background: transparent; border-radius: inherit; pointer-events: none; transition: border 0.1s; z-index: 1; border-width: var(--b-text-field-border-width); border-style: var(--b-text-field-border-style); border-color: var(--b-text-field-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value { border: none; background: transparent; width: 100%; font-family: inherit; outline: none; text-align: inherit; color: var(--b-text-field-input-color); font-weight: var(--b-text-field-font-weight); height: var(--b-text-field-input-height); font-size: var(--b-text-field-input-font-size); padding: var(--b-text-field-input-padding); } :is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value)::selection { background: var(--b-text-field-selection-background, var(--b-primary-85)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input::placeholder { color: var(--bi-text-field-placeholder-color, var(--b-text-4)); font-style: var(--b-text-field-placeholder-font-style); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-label-above { border-top-left-radius: 0; border-top-right-radius: 0; --b-field-label-grid-area: var(--b-text-field-label-above-grid-area); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) label { z-index: 2; line-height: 1em; align-self: start; transition: top 0.2s ease, left 0.2s ease, font-size 0.2s ease, padding 0.2s ease, scale 0.2s ease; transform-origin: top left; font-size: var(--b-text-field-label-font-size); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) { --bi-text-field-placeholder-color: var(--b-text-field-label-above-placeholder-color, var(--b-text-4)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) label { scale: var(--b-text-field-label-scale); position: var(--b-text-field-material-label-position); top: var(--b-text-field-material-label-top); inset-inline-start: var(--b-text-field-material-label-left); cursor: var(--b-text-field-material-label-cursor); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger { display: flex; flex-direction: column; align-self: stretch; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; min-width: 1em; gap: 0; color: var(--b-field-trigger-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start { padding-inline-start: var(--b-field-trigger-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start:first-child { padding-inline-start: var(--b-field-trigger-edge-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end { padding-inline-end: var(--b-field-trigger-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end:last-child, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end.b-last-trigger { padding-inline-end: var(--b-field-trigger-edge-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-spin-trigger .b-icon { font-size: var(--b-spin-trigger-font-size); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-container-wrap { grid-row: 1; } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled { --b-text-field-opacity: var(--b-text-field-disabled-opacity); --b-text-field-label-color: var(--b-widget-disabled-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled .b-field-trigger { cursor: auto; color: var(--b-text-field-trigger-disabled-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-read-only .b-field-trigger { cursor: auto; color: var(--b-text-field-trigger-read-only-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) span { padding: var(--b-text-field-no-label-input-padding, var(--b-text-field-input-padding)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled { --b-text-field-background: var(--b-text-field-filled-background); --b-text-field-hover-background: var(--b-text-field-filled-hover-background); --b-text-field-border-width: var(--b-text-field-filled-border-width); --b-text-field-border-radius: var(--b-text-field-filled-border-radius); --b-text-field-input-padding: var(--b-text-field-filled-input-padding); --b-text-field-no-label-input-padding: var(--b-text-field-filled-no-label-input-padding); --b-text-field-focus-border-width: var(--b-text-field-filled-focus-border-width); --b-text-field-label-before-padding: var(--b-text-field-filled-label-before-padding); --b-text-field-label-above-padding: var(--b-text-field-filled-label-above-padding); --b-text-field-hover-border-color: var(--b-text-field-filled-hover-border-color); --b-text-field-focus-background: var(--b-text-field-filled-focus-background); --b-text-field-focus-label-color: var(--b-text-field-filled-focus-label-color); --b-text-field-material-label-position: var(--b-text-field-filled-material-label-position); --b-text-field-material-label-top: var(--b-text-field-filled-material-label-top); --b-text-field-material-label-left: var(--b-text-field-filled-material-label-left); --b-text-field-material-label-cursor: var(--b-text-field-filled-material-label-cursor); --b-text-field-material-empty-label-font-size: var(--b-text-field-filled-material-empty-label-font-size); --b-text-field-material-empty-label-top: var(--b-text-field-filled-material-empty-label-top); --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:where(.b-has-start-trigger:not(.b-no-steppers)), :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:has(.b-has-start-trigger:not(.b-no-steppers)) { --b-text-field-material-label-left: var(--b-text-field-filled-material-trigger-label-left); --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-trigger-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined { --b-text-field-background: var(--b-text-field-outlined-background); --b-text-field-border-radius: var(--b-text-field-outlined-border-radius); --b-text-field-border-width: var(--b-text-field-outlined-border-width); --b-text-field-border-color: var(--b-text-field-outlined-border-color); --b-text-field-input-padding: var(--b-text-field-outlined-input-padding); --b-text-field-focus-border-width: var(--b-text-field-outlined-focus-border-width); --b-text-field-label-before-padding: var(--b-text-field-outlined-label-before-padding); --b-text-field-label-above-padding: var(--b-text-field-outlined-label-above-padding); --b-text-field-hover-border-color: var(--b-text-field-outlined-hover-border-color); --b-text-field-hover-background: var(--b-text-field-outlined-hover-background); --b-text-field-focus-label-color: var(--b-text-field-outlined-focus-label-color); --b-text-field-focus-background: var(--b-text-field-outlined-focus-background); --b-text-field-material-label-position: var(--b-text-field-outlined-material-label-position, static); --b-text-field-material-label-top: var(--b-text-field-outlined-material-label-top); --b-text-field-material-label-left: var(--b-text-field-outlined-material-label-left); --b-text-field-material-label-cursor: var(--b-text-field-outlined-material-label-cursor); --b-text-field-material-empty-label-background: var(--b-text-field-outlined-material-empty-label-background); --b-text-field-material-empty-label-top: var(--b-text-field-outlined-material-empty-label-top); --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(.b-has-start-trigger:not(.b-no-steppers)) { --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-trigger-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) { --b-text-field-label-padding: var(--b-text-field-outlined-label-padding); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) label::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--b-text-field-outlined-label-background); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):hover:where(:not(.b-disabled)) { --b-text-field-background: var(--b-text-field-hover-background); --b-text-field-border-color: var(--b-text-field-hover-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within { --b-text-field-background: var(--b-text-field-focus-background); --b-text-field-border-width: var(--b-text-field-focus-border-width); --b-text-field-border-style: var(--b-text-field-focus-border-style); --b-text-field-border-color: var(--b-text-field-focus-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within:not(.b-label-before, .b-label-align-before) { --b-text-field-label-color: var(--b-text-field-focus-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-widget.b-empty:not(:focus-within) { --b-text-field-label-font-size: var(--b-text-field-empty-label-font-size); --b-text-field-label-padding: var(--b-text-field-empty-label-padding); --b-text-field-label-scale: var(--b-text-field-empty-label-scale); --b-text-field-outlined-label-above-padding: var(--b-text-field-outlined-material-empty-label-padding); --b-text-field-label-background: var(--b-text-field-material-empty-label-background); --b-text-field-material-label-top: var(--b-text-field-material-empty-label-top); --b-text-field-material-label-left: var(--b-text-field-material-empty-label-left); --b-text-field-outlined-label-background: var(--b-text-field-outlined-material-empty-label-background); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-invalid:where(:not(.b-disabled)) { --b-text-field-border-color: var(--b-text-field-invalid-border-color); --b-text-field-label-color: var(--b-text-field-invalid-label-color); --b-text-field-focus-label-color: var(--b-text-field-invalid-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-clear-clone { position: absolute; animation: b-shrink-width .3s; } .b-theme-transition .b-text-field .b-field-inner::before { transition-duration: var(--b-default-transition-duration); } .b-field-hint { align-self: stretch; overflow: visible; pointer-events: none; position: relative; white-space: nowrap; width: 0; } .b-field-no-hint .b-field-hint { display: none; } .b-field-hint-content { position: absolute; inset-inline-end: 0.6em; top: 50%; translate: 0 -50%; color: var(--b-text-field-input-color); font-size: var(--b-label-font-size); font-weight: var(--b-label-font-weight); } .b-container:where(:not(.b-toolbar)) > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-body-wrap > .b-panel-content > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content > .b-field, .b-grid-header > .b-field { --b-text-field-default-width: 100%; } @keyframes b-shrink-width { 0% { max-width: 200px; } 100% { max-width: 0; } } /* ../Core/lib/Core/widget/Combo.css */ :root, :host { --b-combo-filled-chip-view-padding-top: 1.55em; --b-combo-filled-label-before-chip-view-padding-top: 0.5em; --b-combo-outlined-chip-view-padding-top: 0.6em; --b-combo-outlined-label-before-chip-view-padding-top: 0.5em; --b-combo-chip-font-size: .9em; --b-combo-chip-view-margin-block: 0; --b-combo-chip-view-padding: 0.6em 1em; --b-combo-chip-view-min-height: 3em; } .b-combo [data-ref=expand]::before { transition: rotate 0.2s ease; } .b-combo.b-open [data-ref=expand]::before { rotate: 180deg; } .b-combo.b-not-editable :not(.b-field-trigger) { cursor: pointer; } .b-combo.b-uses-chip-view .b-field-inner { justify-items: start; } .b-combo.b-uses-chip-view:not(.b-empty) input::placeholder { visibility: hidden; } .b-combo.b-text-field-filled { --b-combo-chip-view-padding-top: var(--b-combo-filled-chip-view-padding-top); } .b-combo.b-text-field-outlined { --b-combo-chip-view-padding-top: var(--b-combo-outlined-chip-view-padding-top); } :is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-filled { --b-combo-chip-view-padding-top: var(--b-combo-filled-label-before-chip-view-padding-top); } :is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-outlined { --b-combo-chip-view-padding-top: var(--b-combo-outlined-label-before-chip-view-padding-top); } :is(.b-combo.b-hide-trigger, .b-combo.b-read-only) .b-field-trigger.b-icon-picker { display: none; } .b-combo-chip-view { color: inherit; flex: 1; align-self: stretch; padding-top: var(--b-combo-chip-view-padding-top); min-height: var(--b-combo-chip-view-min-height); margin-block: var(--b-combo-chip-view-margin-block); --b-chip-view-chip-font-size: var(--b-combo-chip-font-size); --b-chip-view-padding: var(--b-combo-chip-view-padding); } .b-combo-chip-view.b-chip-view input { flex: 1; height: auto; order: 99999; padding: 0; align-self: center; } .b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]::after { content: attr(data-add-new-value); display: block; cursor: pointer; padding: var(--b-list-item-padding); color: var(--b-list-item-color); } .b-float-root > .b-combo-picker { padding: var(--b-menu-padding); } /* ../Core/lib/Core/widget/ColorField.css */ :is(.b-color-field, .b-color-box-combo) .b-color-box { grid-area: before; width: 1.5em; flex-shrink: 0; transition: color var(--b-default-transition-duration); border-radius: var(--b-color-picker-color-border-radius); margin-inline: var(--b-widget-padding) 0; } :is(.b-color-field, .b-color-box-combo) .b-color-box.b-no-color { background: none; border: 1px solid var(--b-color-picker-color-no-color-color); } .b-color-box { width: 1em; aspect-ratio: 1 / 1; background: currentColor; margin-inline-end: .5em; color: var(--b-primary); } /* ../Core/lib/Core/widget/DateField.css */ .b-date-field.b-no-steppers .b-step-trigger { display: none; } /* ../Core/lib/Core/widget/DateRangeField.css */ :root, :host { --b-date-range-field-gap: 0.5em; } .b-date-range-field:not(.b-has-width) { width: auto; } .b-date-range-field .b-field-container-wrap { grid-area: inner; } .b-date-range-field .b-field-container { --b-container-gap: var(--b-date-range-field-gap); } .b-date-range-field .b-field { grid-template-areas: "inner"; grid-template-columns: 1fr; } .b-date-range-field .b-start-date { width: 13em; } .b-date-range-field .b-end-date { width: 11em; --b-field-trigger-gap: 0; } .b-date-range-field .b-end-time, .b-date-range-field .b-start-time { flex: 7 7 auto; } /* ../Core/lib/Core/widget/DateRangePicker.css */ .b-date-range-picker .b-start-date, .b-date-range-picker .b-end-date { width: 13em; } .b-date-range-picker.b-date-range-field-picker .b-end-date { width: 11em; } /* ../Core/lib/Core/widget/DisplayField.css */ .b-display-field span { display: flex; min-width: 10em; align-items: center; } /* ../Core/lib/Core/widget/TextAreaField.css */ :root, :host { --b-text-area-field-padding: var(--b-widget-padding); } .b-text-area-field { height: auto; } .b-text-area-field .b-field-inner { height: 100%; --b-text-field-input-padding: var(--b-text-area-field-padding); } .b-text-area-field textarea { font-family: inherit; height: 100%; min-height: var(--b-text-field-input-height); } /* ../Core/lib/Core/widget/TextAreaPickerField.css */ :root, :host { --b-text-area-picker-field-picker-color: var(--b-neutral-20); } .b-text-area-picker-field-picker { display: flex; min-height: 10em; border: none; outline: none; padding: 1em; background: var(--b-text-area-picker-field-picker-background, var(--b-primary-98)); color: var(--b-text-area-picker-field-picker-color); } .b-text-area-picker-field-picker:focus { border-color: var(--b-primary); } /* ../Core/lib/Core/widget/TimeField.css */ .b-time-field bry-time { align-items: center; --b-time-field-button-background: color-mix(in srgb, currentColor, #fff 85%); --b-time-field-input-background: transparent; } .b-time-field.b-empty .b-field-trigger { animation-delay: -300s; } .b-time-field.b-empty:not(.b-contains-focus) bry-time { opacity: 0; } .b-time-field.b-no-steppers .b-step-trigger { display: none; } .b-time-field .b-step-trigger::before { transition: color .3s; } .b-time-field.b-rtl .b-step-trigger::before { transform: scaleX(-1); } /* ../Core/lib/Core/widget/FieldSet.css */ :root, :host { --b-field-set-border-radius: var(--b-widget-border-radius); --b-field-set-border-width: 1px; --b-field-set-padding: var(--b-panel-padding); --b-field-set-border-color: var(--b-border-3); --b-field-set-background: var(--b-neutral-100); --b-field-set-label-font-size: 0.8em; } .b-field-set { position: relative; overflow: visible; align-items: stretch; gap: 0; color: var(--b-primary); --b-panel-with-header-padding: var(--b-field-set-padding); } .b-field-set fieldset { background: var(--b-field-set-background); border: var(--b-field-set-border-width) solid var(--b-field-set-border-color); border-radius: var(--b-field-set-border-radius); padding: var(--b-field-set-padding); margin: 0; } .b-field-set.b-columns fieldset { grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-field-set:not(.b-label-align-before) > .b-label { position: absolute; inset-block-start: 0; inset-inline-start: 0; translate: calc(1em * var(--b-rtl-negate)) -50%; padding-inline: 0.5em; z-index: 1; line-height: 1em; font-size: var(--b-field-set-label-font-size); } .b-field-set:not(.b-label-align-before) > .b-label::before { content: ""; position: absolute; inset: 0; z-index: -1; clip-path: inset(calc(.5em - var(--b-field-set-border-width)) 0 0 0); background: var(--b-field-set-background); } .b-field-set.b-label-align-before:not(:has(.b-inline)) > .b-label { align-self: start; } legend.b-field-set-legend { position: absolute; top: -10000px; clip: rect(0, 0, 0, 0); } .b-toolbar-content > .b-field-set { --b-field-set-background: var(--b-toolbar-background, var(--b-neutral-100)); } /* ../Core/lib/Core/widget/RadioGroup.css */ :root, :host { --b-radio-group-gap: var(--b-widget-gap); } .b-radio-group { width: fit-content; --b-field-set-border-width: 0; --b-field-set-border-radius: 0; --b-field-set-padding: 0; --b-field-label-above-gap: 0; --b-field-set-background: transparent; --b-panel-background: transparent; } .b-radio-group > .b-panel-header { padding-inline: var(--b-field-set-padding); } .b-radio-group:not(:has(.b-inline)) { --b-panel-gap: var(--b-radio-group-gap); } .b-radio-group:not(:has(.b-inline)) .b-radio-group-content { width: fit-content; } .b-radio-group:has(.b-inline) { overflow: visible; } .b-radio-group:has(.b-inline) > .b-label:not(.b-align-start) { scale: var(--b-text-field-label-scale); } .b-radio-group:has(.b-inline) > div { grid-area: inner; } .b-radio-group:has(.b-inline) .b-panel-body-wrap { overflow: visible; } .b-radio-group .b-radio-group-body-wrap, .b-radio-group fieldset.b-radio-group-content { overflow: visible; } .b-radio-group.b-label-before { flex-direction: row; gap: var(--b-field-label-before-gap); } .b-radio-group.b-label-above > .b-label { align-self: flex-start; margin-bottom: 0.5em; } .b-radio-group.b-has-label > .b-label { position: static; translate: none; padding-inline: 0; font-size: var(--b-label-font-size); } .b-radio-group.b-has-label > .b-label::before { content: none; } /* ../Core/lib/Core/widget/Popup.css */ :root, :host { --b-popup-border-radius: var(--b-widget-border-radius); --b-popup-text-popup-width: 25em; --b-popup-close-icon-content: "\f00d"; --b-popup-maximize-icon-content: "\f065"; --b-popup-padding: var(--b-widget-padding-large); --b-popup-background: var(--b-panel-background); --b-modal-mask-background: var(--b-mask-background); --b-popup-border: null; } .b-popup.b-panel { --b-panel-background: var(--b-popup-background); --b-panel-padding: var(--b-popup-padding); border: var(--b-popup-border); } .b-popup.b-panel .b-panel { --b-panel-background: var(--b-popup-background); } .b-popup { border-radius: var(--b-popup-border-radius); } .b-popup .b-panel-body-wrap { border-radius: inherit; } .b-popup .b-panel-body-wrap > .b-bottom-toolbar { background: transparent; } .b-popup.b-header-dock-top .b-panel-body-wrap { border-start-start-radius: 0; border-start-end-radius: 0; } .b-popup:where(.b-anchored) { overflow: visible; } .b-popup:where(.b-anchored):where(.b-aligned-below), .b-popup:where(.b-anchored):where(.b-aligned-above) { min-width: 2em; } .b-text-popup { max-width: var(--b-popup-text-popup-width); --b-panel-gap: 0; } .b-text-popup .b-popup-content { display: flex; flex-direction: column; } .b-popup-close::before { content: var(--b-popup-close-icon-content); } .b-popup-expand::before { content: var(--b-popup-maximize-icon-content); } .b-tooltip-loading .b-icon { display: inline-block; margin-inline-end: .5em; } @media (max-width : 480px) { .b-popup { max-width: 100% !important; } } .b-modal-mask { position: fixed; inset: 0; pointer-events: all; z-index: 1; background: var(--b-modal-mask-background); color: var(--b-modal-mask-color, var(--b-primary)); } .b-modal-mask.b-modal-transparent { --b-modal-mask-background: transparent; } /* ../Core/lib/Core/widget/Hint.css */ .b-internal { --bi-hint-highlight-top: null; --bi-hint-highlight-left: null; --bi-hint-highlight-width: null; --bi-hint-highlight-height: null; } .b-hint code { padding: 2px 4px; line-height: 1; background: var(--b-neutral-80); } .b-hint .b-description { line-height: 1.7em; } .b-hint .b-mask { --b-mask-background: color-mix(in srgb, var(--b-neutral-70), transparent 90%); --b-mask-text-background: transparent; --b-elevation-1: none; --b-mask-text-color: transparent; } .b-hint.b-floating { width: max-content; max-width: 37em; transition: top 0.5s, inset-inline-start 0.5s; } .b-hint.b-floating [data-ref=steps] { margin-inline-end: auto; } .b-hint.b-floating.b-no-title .b-hint-header { max-height: 0; padding: 0; } .b-hint.b-floating.b-no-title .b-popup-close { position: absolute; inset-block-start: var(--b-widget-padding-large); inset-inline-end: var(--b-widget-padding-large); } .b-hint.b-floating.b-no-title .b-hint-content { padding-inline-end: calc(var(--b-widget-padding-large) * 2); padding-block: var(--b-widget-padding-large) 0; } .b-hint.b-floating, .b-hint.b-floating .b-hint-body-wrap { border-radius: .5em; } .b-hint.b-floating .b-button { height: 2.75em; } .b-hint.b-floating .b-tooltip-header .b-tool { position: absolute; top: .5em; right: .5em; } .b-float-root .b-hint-highlighter { --bi-hint-highlight-color: var(--b-color-orange); background-color: transparent; pointer-events: none !important; transition: left .5s, top 0.5s, width 0.5s, height 0.5s, background-color 0.7s; border-radius: 3px; outline: 2px solid var(--bi-hint-highlight-color); left: var(--bi-hint-highlight-left); top: var(--bi-hint-highlight-top); width: var(--bi-hint-highlight-width); height: var(--bi-hint-highlight-height); } .b-float-root .b-hint-highlighter.b-hint-highlighter-ping { z-index: 99999; animation: b-anim-hint-highlighter-ping 1.2s 3 linear; } .b-float-root .b-hint-highlighter.b-hint-highlighter-center { background-color: var(--bi-hint-highlight-color); border-radius: 50%; outline-offset: -2px; z-index: -1; } .b-float-root .b-hint-highlighter.b-realigning { transition: none !important; } @keyframes b-anim-hint-highlighter-ping { 0% { outline-color: var(--bi-hint-highlight-color); outline-offset: -2px; outline-width: 2px; } 70% { outline-offset: 20px; outline-color: color-mix(in srgb, var(--bi-hint-highlight-color) 40%, transparent 60%); outline-width: 10px; } 95% { outline-offset: 20px; outline-color: transparent; outline-width: 10px; } 96% { outline-offset: -2px; outline-color: transparent; outline-width: 2px; } 100% { outline-offset: -2px; outline-color: var(--bi-hint-highlight-color); outline-width: 2px; } } .b-modal-mask[owned-by*=b-hint] { --bi-hint-highlight-radius: var(--b-widget-border-radius, 0px); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--bi-hint-highlight-left) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) var(--bi-hint-highlight-top)); transition: all .5s; } @supports (clip-path: shape(from 0 0, close)) { .b-modal-mask[owned-by*=b-hint] { clip-path: shape(evenodd from 0% 0%, line to 100% 0%, line to 100% 100%, line to 0% 100%, line to 0% 0%, line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), arc to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), line to 0% 0%); } } /* ../Core/lib/Core/widget/Menu.css */ :root, :host { --b-menu-border-radius: var(--b-widget-border-radius); --b-menu-background: var(--b-panel-background); --b-menu-padding: 0; } .b-menu.b-popup { min-height: 2em; user-select: none; -webkit-user-select: none; background: var(--b-menu-background); --b-panel-padding: var(--b-menu-padding); --b-popup-border-radius: var(--b-menu-border-radius); } .b-menu.b-popup .b-menu-body-wrap { border-radius: 0; } .b-menu-content { gap: 0; } .b-menu-content > :not(.b-menu-item) { margin: 1em; } .b-menu-custom-content { display: flex; } .b-menu-with-submenu .b-menu-item:not(.b-has-submenu) { --bi-menu-item-margin-inline-end: 2em; } /* ../Core/lib/Core/widget/MessageDialog.css */ :root, :host { --b-message-dialog-min-width: 20em; --b-message-dialog-button-min-width: 6.5em; --bi-messagedialog-display: none; } .b-message-dialog { user-select: none; -webkit-user-select: none; min-width: var(--b-message-dialog-min-width); } .b-message-dialog .b-button { min-width: var(--b-message-dialog-button-min-width); } .b-message-dialog .b-message-dialog-input, .b-message-dialog .b-message-dialog-ok-button, .b-message-dialog .b-message-dialog-cancel-button { display: var(--bi-messagedialog-display); } :is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-ok-button, :is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-cancel-button { --bi-messagedialog-display: flex; } .b-message-dialog.b-message-dialog-prompt .b-message-dialog-input { --bi-messagedialog-display: flex; } .b-message-dialog.b-message-dialog-alert .b-message-dialog-ok-button { --bi-messagedialog-display: flex; } .b-message-dialog .b-message-dialog-message { display: block; } /* ../Core/lib/Core/widget/Tooltip.css */ :root, :host { --b-tooltip-plain-padding: 0.5em; --b-tooltip-rich-padding: var(--b-widget-padding); --b-tooltip-rich-border-radius: var(--b-widget-border-radius-large); --b-tooltip-plain-font-size: 0.9em; --b-tooltip-text-gap: 1em; --b-tooltip-flex-direction: column; --b-tooltip-align-items: flex-start; --b-tooltip-content-display: flex; --b-tooltip-plain-color: var(--b-widget-color); --b-tooltip-rich-color: var(--b-widget-color); --b-tooltip-rich-background: var(--b-neutral-100); --b-tooltip-z-index: 2; } .b-tooltip.b-popup { color: var(--b-primary); z-index: var(--b-tooltip-z-index); } .b-tooltip.b-popup:not(.b-allow-over) { user-select: none; -webkit-user-select: none; } .b-tooltip.b-popup.b-plain-tooltip { --b-popup-background: var(--b-tooltip-plain-background, var(--b-neutral-100)); --b-panel-padding: var(--b-tooltip-plain-padding); --b-tooltip-color: var(--b-tooltip-plain-color); --b-widget-font-size: var(--b-tooltip-plain-font-size); --b-popup-border-radius: var(--b-widget-border-radius); } .b-tooltip.b-popup.b-plain-tooltip .b-tooltip-content { display: block; text-align: center; } .b-rich-tooltip { --b-popup-background: var(--b-tooltip-rich-background); --b-tooltip-color: var(--b-tooltip-rich-color); --b-panel-padding: var(--b-tooltip-rich-padding); --b-popup-border-radius: var(--b-tooltip-rich-border-radius); } .b-rich-tooltip .b-tooltip-content { flex-wrap: wrap; display: var(--b-tooltip-content-display); flex-direction: var(--b-tooltip-flex-direction); align-items: var(--b-tooltip-align-items); } .b-tooltip-content { color: var(--b-tooltip-color); } .b-tooltip-content:where(.b-text-content) { --b-panel-gap: var(--b-tooltip-text-gap); } .b-tooltip-content:where(.b-text-content) > * { margin-block: 0; } /* ../Core/lib/Core/widget/YearPicker.css */ :root, :host { --b-year-picker-gap: 0.5em; --b-year-picker-padding: var(--b-year-picker-gap); --b-year-picker-title-font-weight: 600; --b-year-picker-year-font-weight: var(--b-widget-font-weight); --b-year-picker-year-color: var(--b-neutral-30); } .b-month-picker-body-wrap, .b-year-picker-body-wrap { height: 100%; } .b-month-picker-content, .b-year-picker-content { grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; place-items: center; height: 100%; gap: var(--b-year-picker-gap); padding: var(--b-year-picker-padding); } :is(.b-month-picker-content, .b-year-picker-content) .b-button { width: 100%; padding: 0.5em 0; --b-button-font-weight: var(--b-year-picker-year-font-weight); --b-button-color: var(--b-year-picker-year-color); --b-button-hover-background: var(--b-year-picker-hover-background, var(--b-date-picker-date-hover-background, var(--b-primary-95))); } :is(.b-month-picker-content, .b-year-picker-content) .b-button.b-selected { --b-button-background: var(--b-year-picker-selected-background, var(--b-date-picker-selected-background, var(--b-primary-90))); --b-button-color: var(--b-year-picker-selected-color); --b-button-font-weight: var(--b-year-picker-title-font-weight); } .b-month-picker-title, .b-year-picker-title { flex: 1; background: transparent; font-weight: var(--b-year-picker-title-font-weight); } :is(.b-month-picker-title, .b-year-picker-title) label { font-size: 1.1em; } /* ../Core/lib/Core/widget/TimePicker.css */ .b-time-picker { max-height: 39em; } .b-time-picker .b-list { background-color: transparent; align-items: center; scroll-snap-type: block; } .b-time-picker-item { aspect-ratio: 1; flex-shrink: 0; width: 3em; scroll-snap-align: start; display: grid; place-content: center; cursor: pointer; border-radius: var(--b-widget-border-radius); } .b-time-picker-item:hover { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); outline-offset: calc(var(--b-widget-focus-outline-width) * -1); } .b-time-picker-item[aria-selected=true] { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); outline-offset: calc(var(--b-widget-focus-outline-width) * -1); } .b-time-picker-content { justify-content: center; } /* ../Core/lib/Core/widget/Toolbar.css */ :root, :host { --b-toolbar-gap: var(--b-widget-gap); --b-toolbar-padding: var(--b-widget-padding); --b-toolbar-separator-height: 70%; --b-toolbar-justify-content: flex-start; --b-toolbar-background: var(--b-panel-background); --b-toolbar-separator-color: var(--b-neutral-50); } .b-toolbar { display: flex; flex-direction: row; gap: 0; overflow: hidden; flex-shrink: 0; transition: background-color .2s; background: var(--b-toolbar-background); } .b-toolbar.b-dock-left, .b-toolbar.b-dock-right { flex-direction: column; --bi-toolbar-min-width: var(--b-toolbar-min-size, unset); } .b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom { align-items: center; flex-wrap: nowrap; --bi-toolbar-min-height: var(--b-toolbar-min-size, unset); } :is(.b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom) .b-box-center.b-toolbar-content > .b-button { height: 100%; min-height: var(--b-button-height); } .b-toolbar .b-overflow-button { margin: var(--b-toolbar-padding); } .b-toolbar .b-overflow-button.b-rotate-vertical { rotate: 90deg; align-self: center; } .b-toolbar .b-box-center.b-toolbar-content { align-items: center; } .b-toolbar .b-html { align-items: center; } .b-box-center.b-toolbar-content { flex: 1; overflow: hidden; gap: var(--b-toolbar-gap); padding: var(--b-toolbar-padding); min-height: var(--bi-toolbar-min-height); min-width: var(--bi-toolbar-min-width); justify-content: var(--b-toolbar-justify-content); } .b-toolbar-separator { border-inline-end: 1px solid var(--b-toolbar-separator-color); height: var(--b-toolbar-separator-height); } .b-toolbar-fill { flex: 1; } .b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget { flex: 0 0 auto !important; width: auto; } /* ../Core/lib/Core/widget/ConfirmationBar.css */ .b-confirmation-bar { --b-toolbar-justify-content: flex-end; } /* ../Core/lib/Core/widget/PagingToolbar.css */ .b-paging-toolbar [data-ref=pageNumber] { width: auto; } .b-paging-toolbar [data-ref=pageNumber] .b-field-inner { width: 3.5em; } .b-paging-toolbar [data-ref=pageNumber] input { text-align: center; } /* ../Core/lib/Core/widget/TabBar.css */ :root, :host { --b-tab-bar-border-bottom-width: 1px; --b-tab-bar-border-bottom-color: var(--b-border-6); --b-tab-bar-background: transparent; --b-tab-bar-padding: 0; } .b-tab-bar { transition: border var(--b-default-transition-duration), background var(--b-default-transition-duration); border-bottom: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color); --b-toolbar-gap: 0; --b-toolbar-padding: var(--b-tab-bar-padding); --b-toolbar-background: var(--b-tab-bar-background); } /* ../Core/lib/Core/widget/DemoHeader.css */ .demo-header { display: flex; padding-inline: 0.7em 0; padding-block: 0; flex: 0 0 auto; background: var(--b-demo-header-background); border-bottom: 1px solid var(--b-border-6); transition: background-color var(--b-default-transition-duration), padding var(--b-default-transition-duration), font-size .1s, border-color var(--b-default-transition-duration); } .demo-header a { text-decoration: none; } .demo-header .b-icon { font-size: 1.1em; } .demo-header .title { margin-inline-end: auto; display: flex; align-items: center; white-space: nowrap; color: var(--b-text-1); } .demo-header .title:focus-visible { outline-offset: var(--b-button-focus-outline-offset); outline: var(--b-button-focus-outline-width) solid var(--b-widget-focus-outline-color); border-radius: var(--b-widget-border-radius); } .demo-header .title h1 { display: flex; align-items: center; margin: 0; font-weight: 600; font-size: 1.1em; } .demo-header .title svg { margin-inline-end: .75em; height: 2em; width: 2em; background: #0076f8; padding-inline-end: .2em; border-radius: 5px; } .demo-header .title svg g { fill: #fff; } .demo-header .b-toolbar { font-size: .9em; --b-toolbar-padding: 0.7em; --b-toolbar-background: transparent; } /* ../Core/lib/Core/widget/FilePicker.css */ .b-file-picker { overflow: visible; } /* ../Core/lib/Core/widget/graph/Histogram.css */ :root, :host { --b-histogram-bar-border-width: null; --b-histogram-bar0-border-width: null; --b-histogram-bar1-border-width: null; --b-histogram-bar2-border-width: null; --b-histogram-bar3-border-width: null; --b-histogram-bar4-border-width: null; --b-histogram-bar5-border-width: null; --b-histogram-transition-duration: .3s; --b-histogram-bar-legend-font-size: 0.8em; --b-histogram-bar-color: var(--b-color-green); --b-histogram-bar-border-color: null; --b-histogram-bar0-color: var(--b-color-green); --b-histogram-bar0-border-color: null; --b-histogram-bar1-color: var(--b-color-blue); --b-histogram-bar1-border-color: null; --b-histogram-bar2-color: var(--b-color-indigo); --b-histogram-bar2-border-color: null; --b-histogram-bar3-color: var(--b-color-teal); --b-histogram-bar3-border-color: null; --b-histogram-bar4-color: var(--b-color-orange); --b-histogram-bar4-border-color: null; --b-histogram-bar5-color: var(--b-color-lime); --b-histogram-bar5-border-color: null; --b-histogram-exceeds-top-bar-color: var(--b-color-red); --b-histogram-outline-color: #f99; } .b-histogram { background-color: #fff; padding: 1px; contain: strict; } .b-histogram svg * { vector-effect: non-scaling-stroke; } .b-histogram rect { fill: var(--b-histogram-bar-color); stroke-width: var(--b-histogram-bar-border-width); stroke: var(--b-histogram-bar-border-color); transition-property: x, y, width, height, fill; transition-duration: var(--b-histogram-transition-duration); } .b-histogram rect.b-series-index-0 { fill: var(--b-histogram-bar0-color); stroke-width: var(--b-histogram-bar0-border-width); stroke: var(--b-histogram-bar0-border-color); } .b-histogram rect.b-series-index-1 { fill: var(--b-histogram-bar1-color); stroke-width: var(--b-histogram-bar1-border-width); stroke: var(--b-histogram-bar1-border-color); } .b-histogram rect.b-series-index-2 { fill: var(--b-histogram-bar2-color); stroke-width: var(--b-histogram-bar2-border-width); stroke: var(--b-histogram-bar2-border-color); } .b-histogram rect.b-series-index-3 { fill: var(--b-histogram-bar3-color); stroke-width: var(--b-histogram-bar3-border-width); stroke: var(--b-histogram-bar3-border-color); } .b-histogram rect.b-series-index-4 { fill: var(--b-histogram-bar4-color); stroke-width: var(--b-histogram-bar4-border-width); stroke: var(--b-histogram-bar4-border-color); } .b-histogram rect.b-series-index-5 { fill: var(--b-histogram-bar5-color); stroke-width: var(--b-histogram-bar5-border-width); stroke: var(--b-histogram-bar5-border-color); } .b-histogram rect.b-exceeds-top { fill: var(--b-histogram-exceeds-top-bar-color); } .b-histogram text.b-bar-legend { writing-mode: tb; text-anchor: end; font-size: var(--b-histogram-bar-legend-font-size); pointer-events: none; } .b-histogram svg { overflow: visible; } .b-histogram path { fill: transparent; stroke: var(--b-histogram-outline-color); transition: d var(--b-histogram-transition-duration); pointer-events: none; } /* ../Core/lib/Core/widget/graph/Scale.css */ :root, :host { --b-scale-line-color: var(--b-neutral-60); --b-scale-label-color: var(--b-neutral-30); } .b-scale { contain: strict; } .b-scale svg * { vector-effect: non-scaling-stroke; } .b-scale.b-scale-vertical text.b-scale-tick-label { translate: 0 0.3em; } .b-scale.b-scale-vertical.b-align-right { text-anchor: end; } .b-scale.b-scale-horizontal text.b-scale-tick-label { text-anchor: middle; } .b-scale path { stroke: var(--b-scale-line-color); pointer-events: none; } .b-scale text { fill: var(--b-scale-label-color); } /* ../Core/lib/Core/widget/Label.css */ :root, :host { --b-label-font-size: var(--b-widget-font-size); --b-label-font-weight: 400; --b-label-disabled-color: var(--b-neutral-50); } .b-label { white-space: nowrap; align-items: center; transition: color var(--b-default-transition-duration); user-select: none; -webkit-user-select: none; color: var(--b-label-color); font-size: var(--b-label-font-size); font-weight: var(--b-label-font-weight); } .b-disabled > .b-label { --b-label-color: var(--b-label-disabled-color); } /* ../Core/lib/Core/widget/layout/Box.css */ .b-hbox, .b-vbox { display: flex; align-items: stretch; justify-content: flex-start; position: relative; } :is(.b-hbox, .b-vbox) > .b-box-center { flex: 1 1 auto; overflow: hidden; } .b-hbox { flex-flow: row nowrap; } .b-vbox { flex-flow: column nowrap; } .b-box-justify-stretch { justify-content: stretch; } /* ../Core/lib/Core/widget/layout/Card.css */ :root, :host { --bi-card-margin: 1em; } .b-card-container { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden; padding: 0; position: relative; } .b-card-container.b-animating { overflow: hidden; } .b-card-container > .b-card-item { flex: 1 0 100%; align-items: stretch; max-width: 100%; min-width: 100%; } .b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header { display: none; } .b-slide-in-left { animation: b-anim-card-slide-in-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-out-right { pointer-events: none; left: var(--bi-card-margin); animation: b-anim-card-slide-out-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-in-right { animation: b-anim-card-slide-in-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-out-left { pointer-events: none; margin-inline-start: calc(var(--bi-card-margin) * -1); margin-inline-end: var(--bi-card-margin); animation: b-anim-card-slide-out-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } @keyframes b-anim-card-slide-in-left { 0% { translate: -100% 0; } 100% { translate: 0; } } @keyframes b-anim-card-slide-out-right { 0% { translate: -100% 0; } 100% { translate: 0; } } @keyframes b-anim-card-slide-in-right { 0% { translate: 0; } 100% { translate: -100% 0; } } @keyframes b-anim-card-slide-out-left { 0% { translate: 0; } 100% { translate: -100% 0; } } /* ../Core/lib/Core/widget/layout/Fit.css */ .b-fit-container { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden; position: relative; } .b-fit-container > .b-fit-item { flex: 1 0 auto; margin: 0; max-width: 100%; align-self: stretch !important; } /* ../Core/lib/Core/widget/List.css */ :root, :host { --b-list-multi-select-gap: 0; --b-list-item-gap: 0.75em; --b-list-item-padding: 0.75em; --b-list-multi-select-item-padding: var(--b-list-item-padding); --b-list-item-border-radius: 0; --b-list-item-group-padding: 0.75em 0.75em 0.75em 2em; --b-list-selected-icon-size: 1.25em; --b-list-selected-icon-content: var(--b-checkbox-checked-check-content); --b-list-checkbox-checked-check-color: var(--b-text-5); --b-list-item-group-header-font-weight: calc(var(--b-widget-font-weight) + 200); --b-list-background: transparent; --b-list-title-background: var(--b-neutral-100); --b-list-item-color: var(--b-widget-color); --b-list-title-font-weight: 500; } .b-list { display: flex; flex-direction: column; padding: 0; margin: 0; background: var(--b-list-background); border-radius: var(--b-list-border-radius); } .b-list.b-floating { --b-list-border-radius: var(--b-widget-border-radius); --b-list-background: var(--b-list-floating-background, var(--b-primary-100)); } .b-list .b-empty-text { pointer-events: none; } .b-list .b-select-all-item { position: sticky; top: 0; z-index: 1; background: var(--b-list-title-background); font-weight: var(--b-list-title-font-weight); } :has(.b-list-title) > :is(.b-list .b-select-all-item) { top: 2em; } .b-list.b-multi-select { gap: var(--b-list-multi-select-gap); } .b-list-item { display: flex; cursor: pointer; overflow: clip; user-select: none; -webkit-user-select: none; flex-shrink: 0; background: var(--b-list-item-background); color: var(--b-list-item-color); font-weight: var(--b-list-item-font-weight); padding: var(--b-list-item-padding); border-radius: var(--b-list-item-border-radius); } .b-list-item .b-selected-icon { display: flex; align-items: center; justify-content: center; transition: all 0.2s; width: var(--b-list-selected-icon-size); height: var(--b-list-selected-icon-size); border-radius: var(--b-checkbox-border-radius); border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color); background: var(--b-checkbox-background); } .b-list-item .b-selected-icon::before { transition: scale .2s ease; scale: 0; content: var(--b-checkbox-checked-check-content); color: var(--b-list-checkbox-checked-check-color); font-size: var(--b-checkbox-check-font-size); } .b-multi-select > .b-list-item { --b-list-item-padding: var(--b-list-multi-select-item-padding); } .b-multi-select > .b-list-item.b-selected .b-selected-icon::before { scale: 1; } .b-multi-select > .b-list-item.b-selected .b-list-item-content { --b-checkbox-background: var(--b-list-checkbox-checked-background); --b-checkbox-border-color: var(--b-list-checkbox-checked-border-color, var(--b-list-checkbox-checked-background)); } .b-list-item:focus { outline: none; } .b-list-item.b-list-item-group-header { --b-list-item-font-weight: var(--b-list-item-group-header-font-weight); } .b-list-item.b-out-of-view::before { content: "..."; } .b-grouped > .b-list-item:not(.b-list-item-group-header, .b-list-item-tree-parent) { --b-list-item-padding: var(--b-list-item-group-padding); } .b-list-item.b-selected { --b-list-item-background: var(--b-list-item-selected-background, var(--b-primary-95)); } .b-list-item.b-active, .b-list-item:focus-visible { --b-list-item-background: var(--b-list-item-focus-background, var(--b-primary-85)); } .b-list-title { position: sticky; top: 0; z-index: 1; font-weight: var(--b-list-title-font-weight); background: var(--b-list-title-background); } .b-list-expander-icon { pointer-events: all; width: 1.1em; height: 1em; } .b-list-item:is(.b-list-item-group-header, .b-list-item-tree-parent) .b-list-expander-icon { margin-inline-start: auto; margin-inline-end: 0; } .b-list-item-content { display: flex; align-items: center; flex: 1; gap: var(--b-list-item-gap); } /* ../Core/lib/Core/widget/ChipView.css */ :root, :host { --b-chip-view-gap: 0.25em; --b-chip-view-padding: 0; --b-chip-view-chip-border-radius: 1.5em; --b-chip-view-chip-border-width: 1px; --b-chip-view-chip-font-size: 1em; --b-chip-view-chip-gap: 0.5em; --b-chip-view-chip-padding-block: 0.25em; --b-chip-view-chip-padding-inline: 0.75em; --b-chip-view-chip-border-color: transparent; --b-chip-view-chip-color: var(--b-text-1); --b-chip-view-chip-selected-color: var(--b-text-1); } .b-chip-view { display: flex; flex-flow: row wrap; background: transparent; align-items: center; --b-list-multi-select-gap: var(--b-chip-view-gap); padding: var(--b-chip-view-padding); } .b-chip-view.b-transitioning-height { transition: height 0.2s ease-in-out; } .b-chip-view.b-adding-item.b-prevent-scroll { overflow: clip !important; } .b-chip { display: flex; cursor: pointer; outline: none; overflow: clip; opacity: 1; transition: opacity .2s linear, translate .2s ease-in, max-width .2s, background .2s; translate: 0 0; max-width: 15em; align-items: center; line-height: 1.2em; border: var(--b-chip-view-chip-border-width) solid var(--b-chip-view-chip-border-color); background: var(--b-chip-view-chip-background, var(--b-primary-90)); font-size: var(--b-chip-view-chip-font-size); border-radius: var(--b-chip-view-chip-border-radius); padding-block: var(--b-chip-view-chip-padding-block); padding-inline: var(--b-chip-view-chip-padding-inline); } .b-chip:hover { --b-chip-view-chip-background: var(--b-chip-view-chip-hover-background, var(--b-primary-85)); } .b-chip.b-selected { --b-chip-view-chip-background: var(--b-chip-view-chip-selected-background, var(--b-primary-75)); --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color); } .b-chip.b-active { --b-chip-view-chip-background: var(--b-chip-view-chip-active-background, var(--b-primary-85)); --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color); } .b-chip.b-selected.b-active { --b-chip-view-chip-background: var(--b-chip-view-chip-active-selected-background, var(--b-primary-75)); } .b-chip:focus-visible { --b-chip-view-chip-border-color: var(--b-chip-view-chip-focus-border-color, var(--b-primary-35)); } .b-chip.b-removing.b-anim-collapse { transition: opacity .2s linear, max-width .2s ease-out; opacity: 0; max-width: 0; } .b-chip.b-adding.b-anim-slide-up { opacity: 0; translate: 0 1em; } .b-chip.b-adding.b-anim-expand { max-width: 0; opacity: 0; } .b-chip-content { display: flex; overflow: clip; white-space: nowrap; align-items: center; gap: var(--b-chip-view-chip-gap); color: var(--b-chip-view-chip-color); } /* ../Core/lib/Core/widget/ColorPicker.css */ :root, :host { --b-color-picker-color-border-radius: var(--b-widget-border-radius); --b-color-picker-color-outline-width: 2px; --b-color-picker-color-outline: var(--b-color-picker-color-outline-width) solid currentColor; --b-color-picker-color-hover-outline: var(--b-color-picker-color-outline-width) solid currentColor; --b-color-picker-color-active-outline: var(--b-color-picker-color-outline-width) solid color-mix(in oklab, currentColor, transparent 50%); --b-color-picker-color-outline-offset: 2px; --b-color-picker-color-size: 2em; --b-color-picker-gap: .8em; --b-color-picker-padding: var(--b-widget-padding); --b-color-picker-color-no-color-color: #ccc; --b-color-picker-columns: 5; } .b-color-picker { display: grid; overflow: visible; --b-menu-padding: var(--b-color-picker-padding); grid-gap: var(--b-color-picker-gap); grid-template-columns: repeat(var(--b-color-picker-columns), 1fr); --b-list-background: transparent; } .b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker { grid-template-columns: repeat(auto-fill, minmax(var(--b-color-picker-color-size), 1fr)); min-width: calc(var(--b-color-picker-color-size) * 4 + var(--b-color-picker-gap) * 3); } :is(.b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker) .b-color-picker-swatch { width: 100%; } .b-color-picker-swatch { display: grid; aspect-ratio: 1 / 1; cursor: pointer; background-color: currentColor; position: relative; place-items: center; overflow: clip; outline-offset: calc(var(--b-color-picker-color-outline-width) * -1); transition: outline-offset .2s; outline: var(--b-color-picker-color-hover-outline); border-radius: var(--b-color-picker-color-border-radius); color: var(--b-primary); width: var(--b-color-picker-color-size); } .b-color-picker-swatch.b-color-active { outline: var(--b-color-picker-color-active-outline); outline-offset: var(--b-color-picker-color-outline-offset); } .b-color-picker-swatch.b-selected, .b-color-picker-swatch:hover { outline: var(--b-color-picker-color-hover-outline); outline-offset: var(--b-color-picker-color-outline-offset); } .b-color-picker-swatch.b-no-color { background-color: transparent; border: 1px solid currentColor; color: var(--b-color-picker-color-no-color-color); } .b-color-picker-swatch.b-no-color::before { content: ""; position: absolute; height: 300%; border-inline-end: 1px solid currentColor; rotate: 135deg; } /* ../Core/lib/Core/widget/Mask.css */ :root, :host { --b-mask-border-radius: var(--b-widget-border-radius); --b-mask-padding: var(--b-widget-padding); --b-mask-text-background: var(--b-popup-background, var(--b-neutral-100)); --b-mask-progress-height: 0.25em; --b-mask-background: color-mix(in srgb, var(--b-neutral-0), transparent 85%); --b-mask-text-color: var(--b-widget-color); --b-mask-progress-color: color-mix(in srgb, var(--b-mask-text-color), transparent 30%); --b-mask-color: var(--b-primary); --b-mask-transition-duration: .5s; } .b-mask { position: absolute; inset: 0; display: grid; place-items: center; z-index: 100; opacity: 1; background: var(--b-mask-background); color: var(--b-mask-color); transition: opacity var(--b-mask-transition-duration); } .b-mask.b-delayed-show { opacity: 0; } @starting-style { .b-mask { opacity: 0; } } .b-mask-rendition-text { --b-mask-color: transparent; --b-mask-text-color: var(--b-text-2); } .b-mask-rendition-text .b-mask-content { box-shadow: none; } .b-mask-content { position: relative; overflow: hidden; background: var(--b-mask-text-background); box-shadow: var(--b-elevation-1); border-radius: var(--b-mask-border-radius); } .b-mask-progress-bar { height: var(--b-mask-progress-height); background: var(--b-mask-progress-color); } .b-mask-text { display: flex; gap: 0.5em; user-select: none; -webkit-user-select: none; align-items: center; color: var(--b-mask-text-color); padding: var(--b-mask-padding); } .b-masked { position: relative; } /* ../Core/lib/Core/widget/MenuItem.css */ :root, :host { --b-menu-item-gap: var(--b-widget-gap); --b-menu-item-icon-width: 1em; --b-menu-item-min-width: 12em; --b-menu-item-padding: var(--b-widget-padding); --b-menu-item-font-weight: var(--b-widget-font-weight); --b-menu-item-separator-border-color: var(--b-border-6); --b-menu-item-color: var(--b-widget-color); --b-menu-item-icon-color: var(--b-menu-item-color); --b-menu-item-disabled-color: var(--b-widget-disabled-color); --b-menu-item-disabled-icon-color: var(--b-neutral-70); --b-menu-item-background: transparent; --b-menu-item-hover-color: var(--b-widget-color); --b-menu-item-focus-color: var(--b-widget-color); --b-menu-item-hover-icon-color: var(--b-widget-color); --b-menu-item-focus-icon-color: var(--b-widget-color); --b-menu-item-border-radius: null; --b-menu-item-separator-height: 1px; --b-menu-item-separator-inset: 0; } .b-menu-item { display: flex; align-items: center; outline: none; overflow: clip; flex-shrink: 0; background: var(--b-menu-item-background); border-radius: var(--b-menu-item-border-radius); color: var(--b-menu-item-color); font-weight: var(--b-menu-item-font-weight); gap: var(--b-menu-item-gap); min-width: var(--b-menu-item-min-width); padding: var(--b-menu-item-padding); } .b-menu-item.b-separator:not(.b-first-visible-child) { overflow: visible; margin-top: calc(var(--b-menu-item-separator-height) * 2 - 1px); } .b-menu-item.b-separator:not(.b-first-visible-child)::before { content: ""; display: block; position: absolute; inset-inline: var(--b-menu-item-separator-inset); top: calc(var(--b-menu-item-separator-height) * -1); border-top: 1px solid var(--b-menu-item-separator-border-color); } .b-menu-item:not(.b-disabled) { cursor: pointer; } .b-menu-item:hover { --b-menu-item-color: var(--b-menu-item-hover-color); --b-menu-item-background: var(--b-menu-item-hover-background, var(--b-primary-90)); --b-menu-item-icon-color: var(--b-menu-item-hover-icon-color); } .b-menu-item:focus-within { --b-menu-item-color: var(--b-menu-item-focus-color); --b-menu-item-background: var(--b-menu-item-focus-background, var(--b-primary-90)); --b-menu-item-icon-color: var(--b-menu-item-focus-icon-color); } .b-menu-item.b-disabled { --b-menu-item-color: var(--b-menu-item-disabled-color); --b-menu-item-icon-color: var(--b-menu-item-disabled-icon-color); } .b-menu-item.b-rtl .b-icon-sub-menu:before { rotate: 180deg; } .b-menu-item-icon { justify-self: center; color: var(--b-menu-item-icon-color); width: var(--b-menu-item-icon-width); } .b-menu-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-inline-start: calc(var(--b-menu-item-icon-width) + var(--b-menu-item-gap)); margin-inline-end: var(--bi-menu-item-margin-inline-end); } .b-menu:not(.b-menu-with-icon) .b-menu-text, .b-menu-item-icon ~ .b-menu-text { margin-inline-start: 0; } /* ../Core/lib/Core/widget/mixin/Badge.css */ :root, :host { --b-badge-font-size: 0.7em; --b-badge-height: 1.7em; --b-badge-background: var(--b-color-red); --b-badge-color: var(--b-neutral-100); --b-badge-offset: -.6em; } .b-widget.b-badge { overflow: visible; } .b-badge::after { content: attr(data-badge); position: absolute; display: flex; align-items: center; justify-content: center; z-index: 5; padding-inline: 0.3em; background: var(--b-badge-background); border-radius: var(--b-badge-height); color: var(--b-badge-color); font-size: var(--b-badge-font-size); height: var(--b-badge-height); min-width: var(--b-badge-height); inset-inline-end: var(--b-badge-offset); inset-block-start: var(--b-badge-offset); } /* ../Core/lib/Core/widget/mixin/FormulaField.css */ .b-formula-field-list { --b-panel-header-padding: var(--b-list-item-padding); --b-panel-header-font-size: 1em; } /* ../Core/lib/Core/widget/mixin/Validatable.css */ .b-widget.b-tooltip.b-field-error-tip { --b-primary: var(--b-field-error-tip-primary); --b-tooltip-plain-background: var(--b-field-error-tip-background); --b-tooltip-plain-color: var(--b-field-error-tip-color); } /* ../Core/lib/Core/widget/RichTextField.css */ .b-rich-text-field { overflow: visible; height: 10em; color: var(--b-text-field-input-color); } .b-rich-text-field .b-field-inner { overflow: visible; align-items: flex-start; } .b-rich-text-field .b-rich-text-field-container { width: 100%; height: 100%; padding: .5em; outline: none; } .b-cell-editor .b-rich-text-field { height: 100%; min-height: 100%; } /* ../Core/lib/Core/widget/Slider.css */ :root, :host { --b-slider-thumb-size: 1.5em; --b-slider-thumb-elevation: var(--b-elevation-1); --b-slider-thumb-border: null; --b-slider-track-height: 0.5em; --b-slider-step-size: calc(var(--b-slider-track-height) * 0.4); --b-slider-step-width: unset; --b-slider-step-height: unset; --b-slider-step-opacity: 0.5; --b-slider-ring-content: none; --b-slider-value-border-radius: var(--b-widget-border-radius); --b-slider-thumb-value-size: 1.75em; --b-slider-thumb-text-color: var(--b-neutral-100); --b-slider-step-lesser-color: var(--b-neutral-100); --b-slider-value-color: var(--b-neutral-100); --b-slider-disabled-color: var(--b-neutral-80); --b-slider-disabled-thumb-color: var(--b-neutral-80); --b-slider-disabled-track-color: var(--b-neutral-90); --b-slider-track-color: var(--b-neutral-85); --b-slider-track-border: null; --b-slider-thumb-focus-outline-offset: 2px; --b-slider-thumb-focus-outline-width: var(--b-widget-focus-outline-width); --b-slider-step-border-radius: 50%; } .b-internal { --bi-slider-value-percent: null; --bi-slider-value: null; --bi-slider-max: null; --bi-slider-min: null; } .b-slider { place-items: center; gap: .75em; display: grid; overflow: visible; min-height: calc(var(--b-slider-thumb-value-size) + var(--b-slider-thumb-focus-outline-width) * 2 + var(--b-slider-thumb-focus-outline-offset) * 2); --bi-slider-value-percent: calc(((var(--bi-slider-value) - var(--bi-slider-min)) / (var(--bi-slider-max) - var(--bi-slider-min))) * 100%); } .b-slider.b-label-above > .b-label.b-align-start { justify-self: start; } .b-slider .b-field-inner { width: 100%; grid-template-areas: "track"; } .b-slider.b-text:not(.b-show-value) .b-field-inner { grid-template-areas: "track" "below"; gap: 0.5em; } .b-slider input { grid-area: track; appearance: none; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .b-slider:not(.b-disabled) .b-field-inner:hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:active) { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:focus) { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:focus-visible) .b-slider-thumb { outline: var(--b-slider-thumb-focus-outline-width) solid var(--b-slider-thumb-focus-outline-color, var(--b-primary-60)); outline-offset: var(--b-slider-thumb-focus-outline-offset); } .b-slider.b-thumb-value { --b-slider-thumb-size: var(--b-slider-thumb-value-size); } .b-slider.b-thumb-value .b-slider-thumb::after { display: grid; counter-reset: variable var(--bi-slider-value); content: counter(variable); font-size: 0.7em; width: 100%; height: 100%; place-items: center; line-height: 1em; color: var(--b-slider-thumb-text-color); } .b-slider.b-show-value .b-slider-internal-label { grid-column: -1; padding: 0.5em; font-size: 0.9em; position: relative; z-index: 1; min-width: 2.75em; text-align: center; background: var(--b-slider-value-background, var(--b-primary-30)); border-radius: var(--b-slider-value-border-radius); color: var(--b-slider-value-color); } .b-slider.b-show-value .b-slider-internal-label::before { content: ""; width: 0.75em; aspect-ratio: 1 / 1; background: inherit; rotate: 45deg; position: absolute; inset-inline-start: 0; top: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-slider.b-widget.b-disabled { --b-slider-color: var(--b-slider-disabled-color); --b-slider-thumb-color: var(--b-slider-disabled-thumb-color); --b-slider-track-color: var(--b-slider-disabled-track-color); --b-slider-value-background: var(--b-slider-disabled-thumb-color); } .b-grid-cell .b-slider { width: 100%; } .b-slider-track { display: flex; align-items: center; grid-area: track; border-radius: 0.25em; position: relative; pointer-events: none; transition: background .2s; background: var(--b-slider-track-color); border: var(--b-slider-track-border); height: var(--b-slider-track-height); width: calc(100% - var(--b-slider-thumb-size)); } .b-slider-progress { border-radius: inherit; height: 100%; pointer-events: none; transition: background .2s; width: var(--bi-slider-value-percent); background: var(--b-slider-color, var(--b-primary)); } .b-slider-thumb { position: absolute; flex-shrink: 0; aspect-ratio: 1/ 1; border-radius: 50%; translate: calc(-50% * var(--b-rtl-negate)); background-color: currentColor; z-index: 1; outline: 0 solid transparent; outline-offset: 0; transition: color .2s, scale .2s, outline .2s, outline-offset .2s; inset-inline-start: var(--bi-slider-value-percent); color: var(--b-slider-thumb-color, var(--b-slider-color, var(--b-primary))); width: var(--b-slider-thumb-size); box-shadow: var(--b-slider-thumb-elevation); border: var(--b-slider-thumb-border); } .b-slider-thumb::before { content: var(--b-slider-ring-content); display: block; background: currentColor; position: absolute; top: 50%; left: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; transform-origin: center center; border-radius: 50%; pointer-events: none; transition: opacity .5s ease; aspect-ratio: 1 / 1; opacity: var(--bi-checkbox-ring-opacity); width: calc(var(--b-slider-thumb-size) * 1.75); } .b-slider-steps { display: flex; position: absolute; width: 100%; height: 100%; justify-content: space-evenly; align-items: center; } .b-slider-step { background-color: var(--b-slider-step-color, var(--b-slider-color, var(--b-primary))); border-radius: var(--b-slider-step-border-radius); width: var(--b-slider-step-width, var(--b-slider-step-size)); height: var(--b-slider-step-height, var(--b-slider-step-size)); opacity: var(--b-slider-step-opacity); } .b-slider-step.b-less { --b-slider-color: var(--b-slider-step-lesser-color); } .b-slider-internal-label { color: var(--b-label-color); } /* ../Core/lib/Core/widget/Splitter.css */ :root, :host { --b-splitter-size: 4px; --b-splitter-hover-size: 8px; --b-splitter-touch-hover-size: 16px; --b-splitter-disabled-size: 1px; --b-splitter-color: var(--b-border-6); --b-splitter-hover-color: var(--b-border-7); --b-splitter-disabled-color: var(--b-border-7); --b-splitter-button-size: 1em; --b-splitter-touch-button-size: 1.3em; --b-splitter-button-icon-color: var(--b-border-4); --b-splitter-button-hover-color: var(--b-border-2); --bi-splitter-overflow: visible; --bi-splitter-inner-top: 0; --bi-splitter-inner-left: 0; --bi-splitter-inner-translate: 0 0; } .b-splitter { position: relative; touch-action: none; background: var(--b-splitter-color); flex: 0 0 var(--b-splitter-size); overflow: var(--bi-splitter-overflow); --bi-splitter-inner-size: var(--b-splitter-size); } .b-splitter.b-disabled { pointer-events: none; --b-splitter-size: var(--b-splitter-disabled-size); --b-splitter-color: var(--b-splitter-disabled-color); --bi-splitter-overflow: clip; } :is(.b-splitter.b-hover, .b-splitter.b-moving, .b-splitter.b-show-buttons) .b-splitter-buttons { display: flex; } .b-splitter::after { content: ""; position: absolute; z-index: 10000; transition: all .2s; background: var(--b-splitter-color); top: var(--bi-splitter-inner-top); left: var(--bi-splitter-inner-left); width: var(--bi-splitter-inner-width); height: var(--bi-splitter-inner-height); translate: var(--bi-splitter-inner-translate); } .b-splitter.b-horizontal { min-height: var(--b-splitter-size); } .b-splitter.b-horizontal::after { --bi-splitter-inner-height: var(--bi-splitter-inner-size); --bi-splitter-inner-width: 100%; } .b-splitter.b-horizontal:not(.b-drag-disabled) { cursor: ns-resize; } .b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving { --b-splitter-color: var(--b-splitter-hover-color); } :is(.b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving)::after { --bi-splitter-inner-top: 50%; --bi-splitter-inner-translate: 0 -50%; --bi-splitter-inner-size: var(--b-splitter-hover-size); } .b-splitter.b-horizontal .b-splitter-buttons { rotate: 90deg; } .b-splitter.b-vertical { min-width: var(--b-splitter-size); } .b-splitter.b-vertical::after { --bi-splitter-inner-height: 100%; --bi-splitter-inner-width: var(--bi-splitter-inner-size); } .b-splitter.b-vertical:not(.b-drag-disabled) { cursor: ew-resize; } .b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving { --b-splitter-color: var(--b-splitter-hover-color); } :is(.b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving)::after { --bi-splitter-inner-left: 50%; --bi-splitter-inner-translate: -50% 0; --bi-splitter-inner-size: var(--b-splitter-hover-size); } .b-splitter:last-child, .b-splitter:first-child { visibility: hidden; flex: 0; min-width: 0; } @media (pointer : coarse) { .b-splitter { --b-splitter-hover-size: var(--b-splitter-touch-hover-size); } } .b-splitter.b-rtl .b-splitter-buttons { translate: 50% -50%; } .b-splitter.b-rtl.b-vertical .b-splitter-buttons { scale: -1 1; } .b-splitter.b-rtl .b-splitter-button-expand { justify-content: flex-end; translate: 100%; } .b-splitter.b-rtl .b-splitter-button-collapse { justify-content: flex-start; translate: -100%; } .b-splitter-buttons { display: none; position: absolute; height: 2.4em; width: 2.4em; z-index: 10001; inset-inline-start: 50%; translate: -50% -50%; transition: top 0.2s ease-in-out, inset-inline-start 0.2s ease-in-out; font-size: var(--b-splitter-button-size); } .b-splitter-buttons:has(.b-disabled) { pointer-events: none; } .b-splitter-button-collapse, .b-splitter-button-expand { flex: 1; cursor: pointer; display: flex; align-items: center; position: relative; padding-top: .1em; background: var(--b-splitter-color); } :is(.b-splitter-button-collapse, .b-splitter-button-expand):hover .b-splitter-button-icon { color: var(--b-splitter-button-hover-color); } :is(.b-splitter-button-collapse, .b-splitter-button-expand).b-disabled { cursor: default; visibility: hidden !important; pointer-events: none; } :is(.b-splitter-button-collapse, .b-splitter-button-expand):not(.b-disabled) { pointer-events: auto; } .b-splitter-button-collapse { border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; justify-content: flex-end; } .b-splitter-button-expand { border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; } .b-splitter-button-icon { cursor: pointer; height: 1.5em; font-size: 1.3em; font-weight: 400; align-content: center; color: var(--b-splitter-button-icon-color); } .b-splitter-button-touch-area { height: 3em; top: -.3em; width: 2em; position: absolute; } .b-splitter-button-collapse .b-splitter-button-touch-area { inset-inline-start: -.9em; } .b-splitter-button-expand .b-splitter-button-touch-area { inset-inline-end: -.9em; } /* ../Core/lib/Core/widget/Toast.css */ :root, :host { --b-toast-padding: var(--b-widget-padding); --b-toast-border-radius: var(--b-widget-border-radius); --b-toast-transition-duration: .25s; --b-toast-progress-height: 0.25em; --b-toast-color: var(--b-widget-color); } .b-internal { --bi-toast-side: null; } .b-float-root > .b-toast { display: block; overflow-x: clip; overflow-y: auto; top: auto; inset-inline-end: 2em; inset-inline-start: auto; max-width: 60%; max-height: 60%; line-height: 1.4em; cursor: pointer; transition: var(--bi-toast-side) var(--b-toast-transition-duration) ease-in, translate var(--b-toast-transition-duration) ease-in, background .2s, color .2s; background: var(--b-toast-background, var(--b-primary-98)); color: var(--b-toast-color); padding: var(--b-toast-padding); border-radius: var(--b-toast-border-radius); } .b-float-root > .b-toast:is(.b-side-top-start, .b-side-top-end) { top: 0; } .b-float-root > .b-toast:is(.b-side-top-start, .b-side-bottom-start) { inset-inline-start: 2em; inset-inline-end: auto; } .b-float-root > .b-toast.b-toast-hide.b-side-bottom-end, .b-float-root > .b-toast.b-toast-hide.b-side-bottom-start { bottom: 0 !important; translate: 0 100% !important; } .b-float-root > .b-toast.b-toast-hide.b-side-top-end, .b-float-root > .b-toast.b-toast-hide.b-side-top-start { top: 0 !important; translate: 0 -100% !important; } .b-float-root > .b-toast.b-icon:before { margin-inline-end: .5em; } .b-toast-progress { position: absolute; top: 0; inset-inline-start: 0; animation-name: b-toast-progress; animation-timing-function: linear; height: var(--b-toast-progress-height); background: var(--b-toast-progress-color, var(--b-primary-50)); } @keyframes b-toast-progress { 0% { width: 0; } 100% { width: 100%; } } /* ../Core/lib/Core/widget/Tool.css */ .b-tool { display: grid; appearance: none; background-color: transparent; border: none; border-radius: 50%; cursor: pointer; padding: 0; width: 1.25em; place-items: center; transition: color .2s; aspect-ratio: 1 / 1; color: var(--b-panel-header-color); } .b-tool:focus-visible { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); } /* ../Core/lib/Core/widget/util/AvatarRendering.css */ :root, :host { --b-avatar-size: 2.5em; --b-avatar-initials-text-transform: uppercase; --b-avatar-initials-font-weight: 600; --b-avatar-border-radius: 50%; --b-avatar-aspect-ratio: 1 / 1; --b-avatar-icon-font-size: 1.1em; --b-avatar-border: null; } .b-colorize { --b-avatar-background: var(--b-primary-85); --b-avatar-icon-color: var(--b-primary-30); --b-avatar-initials-color: var(--b-primary-30); } .b-resource-avatar { touch-action: pan-x pan-y; display: grid; place-items: center; flex-shrink: 0; width: var(--b-avatar-size); height: var(--b-avatar-size); background: var(--b-avatar-background); border-radius: var(--b-avatar-border-radius); border: var(--b-avatar-border); } .b-resource-avatar.b-resource-icon:before { color: var(--b-avatar-icon-color); font-size: var(--b-avatar-icon-font-size); } i.b-resource-avatar { display: grid; } .b-resource-initials { color: var(--b-avatar-initials-color); font-weight: var(--b-avatar-initials-font-weight); text-transform: var(--b-avatar-initials-text-transform); } /* ../Core/lib/Core/widget/util/Ripple.css */ .b-ripple-clip { position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: clip; pointer-events: none; } .b-ripple-clip::before { position: absolute; content: ""; width: 0; aspect-ratio: 1 / 1; border-radius: 50%; opacity: 0; transition: width .2s linear, opacity .1s linear; translate: -50% -50%; inset-inline-start: var(--b-click-x); inset-block-start: var(--b-click-y); background: var(--b-ripple-background); mix-blend-mode: var(--b-ripple-blend-mode); } .b-ripple-clip.b-animate::before { opacity: 1; width: 200%; } /* ../Grid/lib/Grid/view/GridBase.css */ :root, :host { --b-grid-column-transition-duration: var(--b-default-transition-duration); --b-grid-row-transition-duration: var(--b-default-transition-duration); --b-grid-empty-padding: var(--b-widget-padding); --b-grid-empty-color: var(--b-text-2); --b-grid-panel-header-padding: var(--b-panel-header-padding); --b-grid-panel-header-border-bottom: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); --b-grid-background: var(--b-neutral-100); --b-grid-cell-border-width: 1px; --b-grid-cell-focused-outline-width: var(--b-widget-focus-outline-width); --b-grid-cell-focused-outline-color: var(--b-widget-focus-outline-color); --b-grid-cell-gap: 0.5em; --b-grid-cell-padding-block: 0; --b-grid-cell-padding-inline: var(--b-widget-padding); --b-grid-cell-font-size: 1em; --b-grid-cell-font-weight: var(--b-widget-font-weight); --b-grid-row-height: 45px; --b-grid-row-border-width: 1px; --b-grid-row-zindex: 1; --b-grid-splitter-width: 1px; --b-grid-cell-border-color: var(--b-border-7); --b-grid-cell-background: var(--b-neutral-100); --b-grid-cell-color: var(--b-widget-color); --b-grid-cell-selected-color: var(--b-widget-color); --b-grid-row-border-color: var(--b-grid-cell-border-color); --b-grid-cell-dirty-color: var(--b-color-red); --b-grid-splitter-narrow-color: var(--b-neutral-80); --bi-grid-cell-overflow: clip; --b-grid-row-placeholder-color: var(--b-neutral-95); --b-grid-cell-highlight-color: color-mix(in srgb, var(--b-color-yellow) 20%, var(--b-neutral-100)); } .b-grid-base { overflow: clip; min-width: 0; --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding); --b-panel-header-border-bottom: var(--b-grid-panel-header-border-bottom); --b-panel-header-padding: var(--b-grid-panel-header-padding); --b-panel-background: var(--b-grid-background); --b-panel-top-toolbar-margin-inline: 0; --b-panel-top-toolbar-border-radius: 0; } .b-grid-base:where(.b-outer:not(.b-auto-height)) { height: 100%; } .b-grid-base.b-auto-height { height: auto; flex: none; } .b-grid-base.b-auto-height .b-grid-vertical-scroller { position: relative; } .b-grid-base.b-auto-height.b-grid-empty .b-grid-body-container { height: unset !important; flex: 1; } .b-grid-base .b-empty-text { display: none; } .b-grid-base.b-grid-empty .b-empty-text { display: block; position: relative; color: var(--b-grid-empty-color); padding: var(--b-grid-empty-padding); z-index: 20; } .b-grid-base .b-editing { overflow: visible; contain: unset; z-index: 2; } .b-grid-base.b-splicing-rows-toggle .b-grid-row:is(.b-adding, .b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-remove .b-grid-row:is(.b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-insert .b-grid-row:is(.b-adding, .b-repositioning) { transition: top var(--b-grid-row-transition-duration), left var(--b-grid-row-transition-duration); z-index: calc(var(--b-grid-row-zindex) - 1); pointer-events: none; } .b-grid-base.b-collapsing-column .b-collapsing, .b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) { min-width: 0 !important; overflow: clip !important; padding: 0; } .b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) { width: 0 !important; } .b-grid-base .b-expanding-start .b-grid-header:not(:first-child) { min-width: 0 !important; width: 0 !important; padding: 0; } .b-grid-base.b-expanding-column .b-expanding .b-grid-header:not(:first-child) { min-width: 0 !important; } :is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-header { transition-property: min-width, max-width, width, flex, padding; transition-duration: var(--b-grid-column-transition-duration); } :is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-cell { transition-property: padding; transition-duration: var(--b-grid-column-transition-duration); } .b-grid-base .b-grid-header:is(.b-showing, .b-hiding) { min-width: 0 !important; padding: 0 !important; } .b-grid-base .b-grid-header:is(.b-showing, .b-hiding).b-flex { flex: 0 !important; } .b-grid-base .b-toggling-all-expand.b-grid-header { width: 0 !important; } .b-fill-last-column .b-grid-footers:not(.b-has-flex, .b-horizontal-overflow) .b-grid-footer:last-child, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-leaf:not(.b-drop-placeholder) { flex-grow: 1; border-inline-end-color: transparent; } .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent > .b-grid-header-text { border-inline-end-color: transparent; } .b-fill-last-column .b-grid-cell:last-child, .b-fill-last-column .b-row-expander-row-expanded .b-grid-cell:nth-last-child(2) { --b-grid-cell-border-width: 0; } .b-grid-panel-body { display: flex; flex-direction: column; flex: 1; position: relative; overflow: hidden; } .b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container { flex: 1 1 0; contain: strict; } .b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container > .b-grid-vertical-scroller { min-height: 100%; } .b-grid-base.b-enable-sticky .b-sticky-cell, .b-grid-base.b-enable-sticky .b-grid-sub-grid, .b-grid-base.b-enable-sticky .b-grid-vertical-scroller, .b-grid-base.b-enable-sticky .b-grid-row { overflow: visible !important; } .b-grid-base > .b-panel-body-wrap { --b-toolbar-background: var(--b-grid-toolbar-background); } .b-grid-base > .b-panel-body-wrap > .b-top-toolbar { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-base:not(.b-auto-height) > .b-panel-body-wrap > .b-bottom-toolbar { border-top: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-body-container { position: relative; } .b-grid-vertical-scroller { display: flex; overflow: clip; } .b-grid-base .fa { font-family: inherit; } .b-grid-base .fa::before { font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-no-transitions .b-grid-row { transition: none !important; } .b-grid-base.b-highlighting-fade .b-grid-cell:not(.b-highlighted)::before { content: ""; position: absolute; inset: 0; opacity: 0.8; transition: opacity 0.4s; pointer-events: none; background-color: var(--b-grid-cell-background, var(--b-neutral-100)); } .b-grid-base:not(.b-highlighting-fade) .b-grid-cell.b-highlighted { transition: background-color 0.4s; background-color: var(--b-grid-cell-highlight-color); } /* ../Grid/lib/Grid/widget/GroupBar.css */ :root, :host { --b-group-bar-separator-icon: "\f054"; --b-group-bar-separator-color: var(--b-neutral-50); } .b-group-bar { display: flex; flex-wrap: nowrap; flex: 1; align-self: center; gap: 2.2em; min-height: 2em; --b-chip-view-chip-padding: 0.5em 1em; --b-chip-view-chip-gap: 1em; --b-chip-view-chip-border-radius: var(--b-button-border-radius); } .b-group-bar .b-chip { position: relative; overflow: visible; } .b-group-bar .b-chip:not(:last-child):after { position: absolute; inset-inline-end: -1.5em; color: var(--b-group-bar-separator-color); content: var(--b-group-bar-separator-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-rtl :is(.b-group-bar .b-chip):not(:last-child):after { scale: -1 0; } .b-group-bar .b-drop-target { opacity: .5; } .b-group-bar .b-drop-target .b-chip-content { visibility: hidden; } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy { min-width: 10em !important; padding-inline: 1em; border-radius: var(--b-button-border-radius); } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text { padding: 0.5em 0; } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy, .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text-content { width: auto !important; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-drop-target { display: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-chip::after { content: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-chip { display: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-drop-target { display: flex; } /* ../Grid/lib/Grid/column/SparklineColumn.css */ .b-sparkline-cell .b-chart { background: transparent; } /* ../Grid/lib/Grid/feature/base/SearchQuickFind.css */ :root, :host { --b-quick-find-font-weight: var(--b-grid-cell-font-weight); --b-quick-find-badge-offset: .4em; --b-quick-find-badge-font-size: .7em; --b-quick-find-primary: var(--b-secondary); --b-quick-find-badge-color: var(--b-grid-header-color); } :is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize { --b-quick-find-background: var(--b-quick-find-row-hover-background, var(--b-primary-95)); } /* ../Grid/lib/Grid/feature/CellEdit.css */ .b-cell-editor { --b-widget-floating-box-shadow: none; } .b-cell-editor .b-field { border-radius: 0; background: var(--b-grid-cell-applied-background); --b-text-field-input-padding: var(--b-grid-cell-padding-block) var(--b-grid-cell-padding-inline); } .b-grid-cell.b-editing { color: transparent; } .b-grid-cell.b-editing:not(.b-tree-cell) > :not(.b-editor), .b-grid-cell.b-editing.b-tree-cell > .b-tree-cell-value { visibility: hidden; } .b-grid-cell.b-editing, .b-grid-cell.b-after-edit { --bi-grid-cell-selected-color-transition-duration: 0ms; } /* ../Grid/lib/Grid/feature/Charts.css */ .b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content { padding-top: 0; } .b-chart-cell .b-chart { background: none; } /* ../Grid/lib/Grid/feature/ColumnDragToolbar.css */ :root, :host { --b-column-drag-toolbar-border-radius: var(--b-popup-border-radius); --b-column-drag-toolbar-opacity: .6; --b-column-drag-toolbar-hover-opacity: .9; --b-column-drag-toolbar-button-border-width: 0; --b-column-drag-toolbar-box-shadow: var(--b-widget-floating-box-shadow); --b-column-drag-toolbar-disabled-icon-color: var(--b-neutral-85); --b-column-drag-toolbar-button-box-shadow: none; --b-column-drag-toolbar-button-hover-box-shadow: none; --b-column-drag-toolbar-button-color: var(--b-neutral-20); --b-column-drag-toolbar-button-background: transparent; --b-column-drag-toolbar-title-color: var(--b-neutral-20); --b-column-drag-toolbar-background: var(--b-neutral-100); } .b-column-drag-toolbar { position: absolute; top: calc(100% - 3em); left: 50%; z-index: 100; animation-name: b-anim-show-column-drag-toolbar; animation-duration: 0.2s; translate: -50%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; transition: opacity 0.2s, top 0.2s; padding: 1em 1em 0.5em 1em; font-size: .8em; border: var(--b-popup-border); border-radius: var(--b-column-drag-toolbar-border-radius); background: var(--b-column-drag-toolbar-background); box-shadow: var(--b-column-drag-toolbar-box-shadow); opacity: var(--b-column-drag-toolbar-opacity); } .b-column-drag-toolbar.b-closer { top: 50%; translate: -50% -50%; } .b-column-drag-toolbar.b-hover { --b-column-drag-toolbar-opacity: var(--b-column-drag-toolbar-hover-opacity); } .b-column-drag-toolbar.b-remove { animation-name: b-anim-hide-column-drag-toolbar; animation-duration: 0.2s; top: 100%; --b-column-drag-toolbar-opacity: 0; } .b-column-drag-toolbar.b-remove.b-closer { animation-name: b-anim-hide-column-drag-toolbar-closer; } .b-column-drag-toolbar > .b-title { flex-basis: 100%; margin-bottom: 1em; text-align: center; color: var(--b-column-drag-toolbar-title-color); } .b-column-drag-toolbar > .b-title:before { content: "Drag header downwards"; } .b-column-drag-toolbar.b-closer > .b-title:before { content: "Drop header on a button"; } .b-column-drag-toolbar .b-group { display: inline-flex; flex-direction: column; align-items: center; margin-inline-end: 1.5em; } .b-column-drag-toolbar .b-group:last-child { margin-inline-end: 0; } .b-column-drag-toolbar .b-group .b-title { margin-block: .5em; color: var(--b-column-drag-toolbar-title-color); } .b-column-drag-toolbar .b-buttons { display: inline-flex; flex-direction: row; } .b-column-drag-toolbar .b-target-button { display: inline-flex; flex-direction: column; align-items: center; transition: all .2s; padding: 1em 0; width: 7.5em; margin-inline-end: .5em; color: var(--b-column-drag-toolbar-button-color); border: var(--b-column-drag-toolbar-button-border-width) solid var(--b-column-drag-toolbar-button-border-color, var(--b-primary-40)); border-radius: var(--b-column-drag-toolbar-border-radius); background: var(--b-column-drag-toolbar-button-background); box-shadow: var(--b-column-drag-toolbar-button-box-shadow); } .b-column-drag-toolbar .b-target-button:last-child { margin-inline-end: 0; } .b-column-drag-toolbar .b-target-button i { font-size: 2.5em; pointer-events: none; transition: all .2s; color: var(--b-column-drag-toolbar-icon-color, var(--b-primary-60)); } .b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) { --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-default-hover-icon-color, var(--b-primary-60)); --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color, var(--b-primary-60)); --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background, var(--b-primary-95)); --b-column-drag-toolbar-button-box-shadow: var(--b-column-drag-toolbar-button-hover-box-shadow); } .b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) i { scale: 1.1; } .b-column-drag-toolbar .b-target-button.b-activate i { scale: 1.1; rotate: 180deg; } .b-column-drag-toolbar .b-target-button[data-ref^=group] { --b-primary: var(--b-secondary); } .b-column-drag-toolbar .b-target-button[data-disabled=true] { --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-disabled-icon-color); --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-disabled-icon-color); } @keyframes b-anim-show-column-drag-toolbar { from { top: 100%; opacity: 0; } to { top: calc(100% - 3em); opacity: .4; } } @keyframes b-anim-hide-column-drag-toolbar { from { top: calc(100% - 3em); opacity: .4; } to { top: 100%; opacity: 0; } } @keyframes b-anim-hide-column-drag-toolbar-closer { from { top: 50%; opacity: .4; } to { top: 100%; opacity: 0; } } /* ../Grid/lib/Grid/feature/ColumnRename.css */ .b-column-rename-editor { --b-editor-background: var(--b-grid-header-background); --b-text-field-font-weight: var(--b-grid-header-font-weight); } /* ../Grid/lib/Grid/feature/ColumnReorder.css */ :root, :host { --b-column-reorder-invalid-color: var(--b-color-red); --b-column-reorder-stretched-background: var(--b-primary-95); } .b-grid-header.b-drag-proxy { line-height: normal; transition: background-color 0.3s; border-inline-end: none; font-weight: var(--b-grid-header-font-weight); background-color: var(--b-grid-header-background); outline: 1px solid var(--b-grid-header-border-color); } .b-grid-header.b-drag-proxy.b-grid-header-parent { justify-content: stretch; } .b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text { border-inline-end: none; } .b-grid-header.b-drag-proxy .b-grid-header:last-child { border-inline-end: none; } .b-grid-header.b-drop-placeholder { opacity: .3; } .b-grid-header.b-drag-invalid { --b-grid-header-color: var(--b-column-reorder-invalid-color); outline: 1px solid var(--b-column-reorder-invalid-color); } .b-column-reorder-stretched { outline: none; --b-grid-header-background: var(--b-column-reorder-stretched-background); } .b-column-reorder-stretched > * { display: none !important; } /* ../Grid/lib/Grid/feature/ColumnResize.css */ :root, :host { --b-column-resize-handle-width: 1em; --b-column-resize-touch-handle-width: 1.5em; --b-column-resize-header-resizing-background: var(--b-grid-header-hover-background); --b-column-resize-touch-resizing-icon: "\f07e"; } .b-column-resize .b-grid-header-parent { overflow: visible; } .b-column-resize .b-grid-header-resizable:not(.b-last-leaf) { overflow: visible; } .b-column-resize .b-grid-header-resizable .b-grid-header-resize-handle { position: absolute; inset-block: 0; background: transparent; z-index: 3; cursor: col-resize; display: block; inset-inline-end: calc(-1 * var(--b-column-resize-handle-width) / 2); width: var(--b-column-resize-handle-width); } .b-column-resize.b-touch { --b-column-resize-handle-width: var(--b-column-resize-touch-handle-width); } .b-column-resize.b-touch .b-grid-header.b-resizing { overflow: visible; z-index: 100; } .b-column-resize.b-touch .b-grid-header.b-resizing::before { position: absolute; top: 50%; inset-inline-end: 0; translate: calc(50% * var(--b-rtl-negate)) -50%; border-radius: 50%; padding: 1em; z-index: 1; background: var(--b-neutral-90); content: var(--b-column-resize-touch-resizing-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-grid-header.b-resizing { --b-grid-header-background: var(--b-column-resize-header-resizing-background); } /* ../Grid/lib/Grid/feature/export/PdfExport.css */ html.b-export-root, .b-export-root body { margin: 0; } html.b-print-root, .b-print-root body { margin: 0; height: auto; overflow: unset; display: block; print-color-adjust: exact !important; } html.b-export-root { overflow: auto; } .b-export-root body, .b-print-root body { position: relative; } .b-print-root .b-float-root, .b-print-root .b-scrollbar-measure-element, .b-print-root .b-grid-header-resize-handle { display: none !important; } .b-print:not(.b-safari) .b-page-wrap { page-break-after: always; } body:not(.b-single-page-unscaled) .b-page-wrap { contain: strict; } .b-export .b-time-ranges-canvas { display: block; width: 100%; height: 100%; position: absolute; inset: 0; contain: none; } .b-export .b-grid-base { min-height: 0 !important; } .b-export .b-export-content { display: flex; flex-direction: column; height: 100%; } .b-export .b-export-body { flex: 1; contain: strict; } .b-export .b-grid-header-container { margin-inline-end: 0 !important; border-inline-end: none !important; } .b-export .b-grid-body-container.b-widget-scroller { overflow-y: hidden !important; } .b-export .b-grid-footer-container { padding-inline-end: 0 !important; } .b-export .b-virtual-scrollers { display: none; } .b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad { display: none; } .b-export.b-multi-page .b-export-content { width: 100%; height: 100%; } .b-export.b-multi-page .b-export-body { overflow: hidden; } .b-export.b-single-page-unscaled { display: flex; } .b-export.b-single-page-unscaled .b-export-body { contain: content; } .b-export-header, .b-export-header * { box-sizing: border-box; } @media print { .b-page-wrap { overflow: hidden; } .b-grid-body-container { contain: paint !important; } } .b-export-dialog .b-bottom-toolbar .b-button { width: 7.5em; } .b-float-root .b-export-loading-toast { display: flex; gap: 0.5em; align-items: center; } /* ../Grid/lib/Grid/feature/export/Print.css */ html.b-print-root, .b-print-root body { margin: 0; height: auto; overflow: unset; display: block; } .b-print-root .b-float-root, .b-print-root .b-scrollbar-measure-element, .b-print-root .b-grid-header-resize-handle { display: none !important; } .b-print:not(.b-safari) .b-page-wrap { page-break-after: always; } /* ../Grid/lib/Grid/feature/FillHandle.css */ :root, :host { --b-fill-handle-handle-size: .8em; } .b-fill-handle-handle { translate: -50% -50%; position: absolute; cursor: crosshair; z-index: 200; background-clip: content-box; user-select: none; -webkit-user-select: none; background: var(--b-grid-cell-focused-outline-color); border: 1px solid var(--b-grid-cell-background); width: var(--b-fill-handle-handle-size); height: var(--b-fill-handle-handle-size); } .b-fill-handle-handle-right-edge { border-right: 0; translate: -100% -50%; width: 0.5em; } .b-fill-selection-border { position: absolute; border-radius: .1em; pointer-events: none; z-index: 2; user-select: none; -webkit-user-select: none; border: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); } .b-indicate-crop { opacity: 0.4; } .b-rtl .b-fill-handle-handle { translate: 50% -50%; } .b-rtl .b-fill-handle-handle.b-fill-handle-handle-left-edge { border-right: 0; translate: 100% -50%; width: 0.5em; } /* ../Grid/lib/Grid/feature/Filter.css */ :root, :host { --b-grid-filter-icon: "\f0b0"; --b-grid-header-filtered-font-weight: var(--b-grid-header-font-weight); --b-grid-header-filtered-color: var(--b-grid-header-color); --bi-grid-filter-icon-opacity: 0; --bi-grid-filter-icon-active-opacity: 1; --bi-grid-filter-icon-header-hover-opacity: 0.5; --bi-grid-filter-icon-hover-opacity: 0.8; --bi-grid-filter-icon-size: 0; --bi-grid-filter-icon-margin-inline-start: 0; } .b-filter-icon { cursor: pointer; transition-property: opacity, font-size; font-size: var(--bi-grid-filter-icon-size); opacity: var(--bi-grid-filter-icon-opacity); margin-inline-start: var(--bi-grid-filter-icon-margin-inline-start); transition-duration: var(--b-grid-header-icon-transition-duration); } .b-filter-icon::before { content: var(--b-grid-filter-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-filter-icon:hover { --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-hover-opacity); } .b-grid-header.b-filter { --b-grid-header-font-weight: var(--b-grid-header-filtered-font-weight); --b-grid-header-color: var(--b-grid-header-filtered-color); --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity); } .b-grid-header.b-filter, .b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:hover { --bi-grid-filter-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-filter-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:not(.b-filter):hover { --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-header-hover-opacity); } .b-grid-base:not(.b-filter, .b-multifilter) .b-filter-icon { pointer-events: none; --bi-grid-filter-icon-opacity: 0.2; } .b-filter-popup-legacy-mode .b-field { width: 16em; } .b-filter-popup:not(.b-filter-popup-legacy-mode) .b-panel-content { padding-inline: 0; } .b-filter-popup .b-field-filter-picker-group-row { padding-inline: var(--b-panel-padding); } .b-filter-popup .b-field-filter-picker-group { width: 36em; } .b-filter-popup .b-field-filter-picker-operator { grid-column: 1; } .b-filter-popup .b-field-filter-picker-values { grid-column: 2; } .b-filter-popup .b-field-filter-picker-values-multiple { grid-column: 1; } .b-filter-popup .b-field-filter-picker-property { display: none; } /* ../Grid/lib/Grid/feature/FilterBar.css */ .b-filter-bar-field { margin: 0 0 var(--b-grid-header-padding) 0; width: 100%; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled { flex-direction: row; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text { order: 1; min-height: 3.5em; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-sort-icon { margin-inline-start: 0; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text-content { display: none; } :is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) .b-field { order: 100000; } :is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) input { text-align: end; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-center input { text-align: center; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end .b-field { order: 100000; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end input { text-align: end; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input::placeholder { color: var(--b-grid-header-hover-color); } .b-filter-bar-compact .b-filter-bar-field { margin: 0; height: 100%; flex: 1; --b-text-field-input-padding: 0; --b-text-field-border-width: 0; --b-text-field-border-radius: 0; --b-combo-chip-view-padding-top: 0; --b-combo-chip-view-padding: 0; --b-text-field-background: transparent; --b-field-trigger-color: var(--b-grid-header-icon-color); } .b-filter-bar-compact .b-filter-bar-field input::placeholder { color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); text-transform: var(--b-grid-header-text-transform); } .b-filter-bar-compact .b-filter-bar-field > .b-field-inner { gap: 0.5em; } .b-filter-bar-compact .b-filter-bar-field > .b-field-inner::before { transition: none; } .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=expand], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=clear], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=spin], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=back], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=forward] { display: none; } .b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove, .b-filter-bar-compact .b-filter-bar-field:focus-within .b-field-trigger:not(.b-step-trigger, .b-icon-remove, .b-spintrigger) { display: flex; } .b-filter-bar-compact .b-filter-bar-field:not(.b-empty) input::placeholder { color: transparent; } .b-filter-bar-compact.b-dragging .b-filter-bar-field { display: none; } /* ../Grid/lib/Grid/feature/Group.css */ :root, :host { --b-group-header-font-weight: 500; --b-group-header-border-width: var(--b-grid-row-border-width); --b-group-header-zindex: 5; --b-group-header-collapsing-zindex: 7; --b-group-collapse-icon: "\f107"; --b-group-header-icon: "\f5fd"; --b-group-header-background: var(--b-neutral-100); --b-group-header-color: var(--b-neutral-20); --b-group-header-icon-color: var(--b-neutral-20); --b-group-header-border-color: var(--b-grid-row-border-color); --b-group-header-stripe-background: var(--b-neutral-97); --b-group-count-badge-background: var(--b-neutral-95); --b-group-count-badge-color: var(--b-text-2); } .b-no-row-lines { --b-group-header-border-width: 0; } .b-grid-header.b-group .b-sort-icon::after { font-style: normal; content: var(--b-group-header-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-group-row { --b-grid-cell-background: var(--b-group-header-background); --b-grid-row-border-width: var(--b-group-header-border-width); --b-grid-row-border-color: var(--b-group-header-border-color); --b-grid-row-zindex: var(--b-group-header-zindex); } .b-group-row.b-collapsing, .b-group-row.b-expanding { --b-grid-row-zindex: var(--b-group-header-collapsing-zindex); } .b-group-row .b-grid-cell { --b-grid-cell-border-color: transparent; } .b-hide-row-hover .b-group-row { --b-grid-cell-hover-background: var(--b-group-header-background); --b-grid-cell-selected-background: var(--b-group-header-background); --b-grid-cell-hover-selected-background: var(--b-group-header-background); } .b-stripe .b-group-row { --b-grid-row-border-width: var(--b-stripe-border-width); --b-group-header-background: var(--b-group-header-stripe-background); } .b-hide-row-hover :is(.b-stripe .b-group-row) { --b-grid-cell-hover-background: var(--b-group-header-stripe-background); --b-grid-cell-selected-background: var(--b-group-header-stripe-background); --b-grid-cell-hover-selected-background: var(--b-group-header-stripe-background); } .b-grid-cell.b-group-title { contain: size layout style; z-index: 1; justify-content: flex-start; text-align: start; --b-grid-cell-color: var(--b-group-header-color); --b-grid-cell-font-weight: var(--b-group-header-font-weight); --bi-grid-cell-overflow: visible; gap: var(--b-widget-gap); } .b-group-state-icon { display: grid; place-items: center; font-style: normal; cursor: pointer; width: 1em; transition: rotate .2s; color: var(--b-group-header-icon-color); } .b-group-state-icon:before { content: var(--b-group-collapse-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-grid-group-collapsed .b-group-state-icon { rotate: -90deg; } .b-group-count { display: grid; place-items: center; min-width: 2em; width: 2em; height: 2em; border-radius: 50%; font-size: .7em; background: var(--b-group-count-badge-background); color: var(--b-group-count-badge-color); } /* ../Grid/lib/Grid/feature/GroupSummary.css */ :root, :host { --b-group-summary-background: var(--b-neutral-99); } .b-grid-row.b-group-footer { --b-grid-cell-border-color: transparent; --b-grid-cell-background: var(--b-group-summary-background); } .b-grid-row.b-group-footer td { padding: .25em 0; } .b-grid-row.b-group-footer .b-grid-summary-label { padding-inline-end: 1em; } .b-grid-row.b-group-footer .b-grid-summary-value { width: 100%; } .b-grid-group-collapsed.b-header-summary .b-group-title { --bi-grid-cell-overflow: clip; } /* ../Grid/lib/Grid/feature/LockRows.css */ :root, :host { --b-locked-rows-separator-width: 1px; --b-locked-rows-separator-color: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color)); } .b-locked-rows { z-index: 1; } .b-locked-rows [aria-rowcount="1"] .b-virtual-scrollers { flex-basis: 0; } .b-locked-rows:has(.b-widget-scroller.b-grid-empty) { overflow: visible; } .b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-body-wrap, .b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-panel-body { overflow: visible; } .b-locked-rows:has(.b-grid-row) { box-shadow: var(--b-grid-header-box-shadow); border-bottom: var(--b-locked-rows-separator-width) solid var(--b-locked-rows-separator-color); } .b-locked-rows .b-widget-scroller.b-grid-empty { min-height: 0; } .b-locked-rows .b-grid-row.b-last { --b-grid-row-border-width: 0; } /* ../Grid/lib/Grid/feature/MergeCells.css */ .b-merge-cells .b-single-child .b-grid-sub-grid:not(.b-grid-sub-grid-collapsed, .b-time-axis-sub-grid, .b-horizontal-overflow) { overflow: clip !important; } .b-merge-cells .b-grid-row:not(.b-selected, .b-hover) .b-merged-cell { border-bottom: none; } .b-merge-cells .b-grid-row:is(.b-selected, .b-hover):has(.b-merged-cell) { overflow: visible; } .b-merge-cells .b-grid-row:is(.b-selected, .b-hover) .b-merged-cell { top: -1px; height: calc(100% + 1px); border-top: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color); } .b-grid-merged-cells { position: absolute; contain: strict; z-index: 2; display: flex; align-items: flex-start; border-bottom: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color); --b-grid-cell-background: transparent; --b-grid-row-border-color: transparent; --bi-grid-cell-overflow: visible; } .b-merge-cells-passthrough .b-grid-merged-cells { pointer-events: none; } .b-grid-merged-cells .b-grid-cell { position: sticky; top: 0; flex: 1; contain: none; } .b-grid-merged-cells.b-selected { background: var(--b-grid-cell-selected-background); } /* ../Grid/lib/Grid/feature/mixin/SummaryFormatter.css */ :root, :host { --b-grid-summary-label-font-size: 1em; --b-grid-summary-value-font-size: 1em; } .b-summary-wrap { display: grid; column-gap: 1em; grid-template-columns: min-content auto; align-items: center; width: 100%; } .b-summary-wrap .b-grid-summary-label { font-size: var(--b-grid-summary-label-font-size); } .b-summary-wrap .b-grid-summary-value { overflow: clip; text-overflow: ellipsis; font-size: var(--b-grid-summary-value-font-size); } .b-summary-wrap .b-grid-summary-value.b-no-label { grid-column: span 2; } /* ../Grid/lib/Grid/feature/QuickFind.css */ :root, :host { --b-quick-find-header-inset: 0; --b-quick-find-hit-padding: .2em 0; --b-quick-find-header-badge-color: var(--b-grid-header-color); } .b-quick-hit-cell { background: var(--b-quick-find-background, var(--b-primary-95)); } .b-quick-hit-text { border-radius: 2px; --b-primary: var(--b-quick-find-primary); font-weight: var(--b-quick-find-font-weight); background: var(--b-quick-find-background, var(--b-primary-95)); line-height: .8; } .b-quick-hit-text { padding: var(--b-quick-find-hit-padding); } .b-quick-hit-header { position: absolute; z-index: 1; display: grid; place-items: center; --b-primary: var(--b-quick-find-primary); inset: var(--b-quick-find-header-inset); background: var(--b-quick-find-background, var(--b-primary-95)); } .b-quick-hit-cell-badge, .b-quick-hit-header .b-quick-hit-badge { position: absolute; line-height: 1; font-size: var(--b-quick-find-badge-font-size); inset-inline-end: var(--b-quick-find-badge-offset); top: var(--b-quick-find-badge-offset); } .b-quick-hit-header .b-quick-hit-badge { color: var(--b-quick-find-header-badge-color); } .b-quick-hit-cell-badge { color: var(--b-quick-find-badge-color); } /* ../Grid/lib/Grid/feature/RegionResize.css */ :root, :host { --b-grid-splitter-zindex: 10; --b-region-resize-splitter-width: var(--b-splitter-size); --b-region-resize-splitter-width-hover: var(--b-splitter-hover-size); --b-region-resize-splitter-touch-width-hover: var(--b-splitter-touch-hover-size); --b-region-resize-splitter-collapsed-width: var(--b-region-resize-splitter-width); --b-region-resize-splitter-color: var(--b-splitter-color); --b-region-resize-button-color: var(--b-splitter-button-icon-color); --b-region-resize-splitter-hover-color: var(--b-splitter-hover-color); --b-region-resize-button-hover-color: var(--b-splitter-button-hover-color); --bi-grid-splitter-button-size: 1em; --bi-grid-splitter-button-display: flex; } .b-grid-base.b-split { --b-grid-splitter-color: var(--b-region-resize-splitter-color); } .b-grid-base.b-split .b-grid-splitter:not(.b-disabled) { --b-grid-splitter-width: var(--b-region-resize-splitter-width); } @media (pointer : coarse) { .b-grid-base.b-split { --b-region-resize-splitter-width-hover: var(--b-region-resize-splitter-touch-width-hover); } } .b-grid-splitter { position: relative; pointer-events: var(--bi-grid-splitter-pointer-events, none); z-index: var(--b-grid-splitter-zindex); } @media (any-pointer : coarse) { .b-grid-splitter { --bi-grid-splitter-button-size: 1.3em; } } .b-split .b-grid-splitter { --bi-grid-splitter-pointer-events: all; } .b-grid-splitter.b-disabled { --bi-grid-splitter-pointer-events: none; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse, .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand { scale: -1; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand { justify-content: flex-end; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse { justify-content: flex-start; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) { overflow: visible; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-inner { position: absolute; inset-block: 0; left: 50%; translate: -50%; background: inherit; flex-direction: column; align-items: center; opacity: 0; transition: opacity .2s; display: var(--bi-grid-splitter-button-display); width: var(--b-region-resize-splitter-width-hover); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed { cursor: initial; --b-grid-splitter-width: var(--b-region-resize-splitter-collapsed-width); --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-inner { opacity: 1; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand { visibility: hidden; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-buttons { --bi-grid-splitter-buttons-opacity: 1; --bi-grid-splitter-buttons-scale: 1; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse { visibility: hidden; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-buttons { display: flex; position: absolute; translate: 0 -50%; height: 2.4em; width: 2.4em; transition: scale .1s, opacity .1s; opacity: var(--bi-grid-splitter-buttons-opacity, 0); scale: var(--bi-grid-splitter-buttons-scale, 0); font-size: var(--bi-grid-splitter-button-size); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand { flex: 1; cursor: pointer; display: flex; align-items: center; background: var(--b-grid-splitter-color); } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand):hover { --b-region-resize-button-color: var(--b-region-resize-button-hover-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse { border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; justify-content: flex-end; padding-right: .1em; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand { border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; padding-left: .1em; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-icon { cursor: pointer; height: 1.5em; fill: var(--b-region-resize-button-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving { --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color); --bi-region-resize-splitter-inner-width: var(--b-region-resize-splitter-width-hover); } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving) .b-grid-splitter-inner { opacity: 1; } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving):not(.b-partner-splitter-hover) { --bi-grid-splitter-buttons-scale: 1; --bi-grid-splitter-buttons-opacity: 1; } .b-grid-base.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner { cursor: col-resize; } .b-grid-header-scroller.b-collapsed, .b-grid-footer-scroller.b-collapsed, .b-virtual-scroller.b-collapsed { width: 0; min-width: 0 !important; } .b-grid-splitter-button-collapse .b-splitter-button-touch-area { left: -.9em; } .b-grid-splitter-button-expand .b-splitter-button-touch-area { right: -.9em; } .b-drag-helper-active .b-grid-base.b-split .b-grid-splitter { pointer-events: none !important; } .b-hide-splitter-buttons { --bi-grid-splitter-button-display: none; } /* ../Grid/lib/Grid/feature/RowEdit.css */ .b-row-editor .b-bottom-toolbar .b-toolbar-content { justify-content: flex-end; } .b-row-editor.b-read-only [data-ref=save] { display: none; } .b-row-editor :is(.b-panel-overlay-right, .b-panel-overlay-left) .b-toolbar-content > * { flex: 1 1 33%; max-width: 10em; } /* ../Grid/lib/Grid/feature/RowExpander.css */ :root, :host { --b-row-expander-border-bottom-width: var(--b-grid-row-border-width); --b-row-expander-font-weight: var(--b-grid-cell-font-weight); --b-row-expander-border-bottom-color: var(--b-grid-row-border-color); --b-row-expander-color: var(--b-grid-cell-color); } .b-row-expander-body { display: flex; inset-inline: 0; background: var(--b-row-expander-background); color: var(--b-row-expander-color); font-weight: var(--b-row-expander-font-weight); padding: var(--b-row-expander-padding, 0); } .b-row-expander-body, .b-row-expander-body.b-no-resize-observer.b-resize-monitored { position: absolute; } .b-grid-vertical-scroller > .b-row-expander-body { z-index: 100; transition: height .3s, top .3s; overflow: hidden; } .b-row-expander-loading { justify-content: center; align-items: center; font-size: 1.2em; display: flex; width: 100%; } .b-row-expander-loading .b-icon-spinner { margin-inline-end: .5em; } .b-grid-base .b-grid-row [data-column=expanderActionColumn] .b-icon { transition: rotate 0.15s ease-in-out; font-size: 1em; rotate: 180deg; } .b-row-expander-disabled [data-column=expanderActionColumn] { opacity: 0.2; pointer-events: none; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-body-container, .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-vertical-scroller { transition: height .3s; overflow-y: hidden !important; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-yscroll-pad { display: none; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating .b-grid-row { transition: height .3s, top .3s; } .b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-left { rotate: 270deg; } .b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-right { rotate: 90deg; } .b-row-expander-row-expanded { border-bottom: var(--b-row-expander-border-bottom-width) solid var(--b-row-expander-border-bottom-color); } /* ../Grid/lib/Grid/feature/RowReorder.css */ :root, :host { --b-row-reorder-indicator-size: 2px; --b-row-reorder-grip-icon: "\f58e"; --b-row-reorder-indicator-color: var(--b-secondary); --b-row-reorder-indicator-invalid-color: var(--b-color-red); --b-row-reorder-box-shadow: var(--b-elevation-1); --b-row-reorder-invalid-background: color-mix(in oklab, var(--b-row-reorder-indicator-invalid-color), transparent 80%); --b-row-reorder-proxy-opacity: 0.5; } .b-row-drop-indicator { display: none; pointer-events: none; } .b-row-reordering .b-row-drop-indicator { position: absolute; display: block; left: 0; width: 100%; z-index: 2000; top: calc(var(--b-row-reorder-indicator-size) / -2); height: var(--b-row-reorder-indicator-size); background-color: var(--b-row-reorder-indicator-color); } .b-row-reordering .b-row-drop-indicator.b-drag-invalid { --b-row-reorder-indicator-color: var(--b-row-reorder-indicator-invalid-color); } .b-row-reordering .b-grid-body-container { z-index: 4; } .b-row-reordering .b-drag-original { opacity: 0.3; } .b-row-reordering .b-grid-group-collapsed.b-row-reordering-target { --b-grid-cell-background: var(--b-grid-cell-hover-background); } .b-row-reordering .b-row-reordering-target { z-index: 9999; box-shadow: 0 1px 0 0 var(--b-row-reorder-indicator-color) inset, 0 -1px 0 0 var(--b-row-reorder-indicator-color) inset; } .b-row-reorder-grip { display: grid; grid-template-columns: auto 1fr; } .b-row-reorder-grip.b-grid-cell-align-end { justify-items: end; } .b-row-reorder-grip.b-grid-cell-align-end:before { margin-inline-end: auto; } .b-row-reorder-grip.b-grid-cell-align-right { justify-items: right; } .b-row-reorder-grip.b-grid-cell-align-center { justify-items: center; } .b-row-reorder-grip::before { display: inline-flex; align-self: stretch; align-items: center; cursor: move; font-size: 0.8em; content: var(--b-row-reorder-grip-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); padding-inline: var(--b-grid-cell-padding-inline); margin-inline-start: calc(var(--b-grid-cell-padding-inline) * -1); } :is(.b-show-grip-on-hover.b-row-reordering, .b-show-grip-on-hover .b-grid-row:not(:hover, .b-hover)) .b-row-reorder-grip::before { visibility: hidden; } .b-row-reorder-proxy { display: flex; flex-direction: column; width: auto !important; height: auto !important; z-index: 10000; overflow: visible; } .b-row-reorder-proxy .b-grid-row { position: relative; } .b-row-reorder-proxy.b-drag-copy .b-row-proxy-copy { display: flex; } .b-row-reorder-proxy .b-row-proxy-copy { display: none; height: 1em; width: 1em; align-items: center; justify-content: center; position: absolute; inset-inline-start: -.5em; top: -.5em; border-radius: 50%; padding: .75em; z-index: 20000; background: var(--b-panel-background); box-shadow: var(--b-row-reorder-box-shadow); } .b-row-reorder-proxy .b-grid-row { width: 100%; position: relative; } .b-row-reorder-proxy.b-dragging { transition: margin-top 0.2s, opacity 0.2s; background: transparent; opacity: var(--b-row-reorder-proxy-opacity); } .b-row-reorder-proxy.b-dragging.b-drag-invalid { --b-grid-cell-background: var(--b-row-reorder-invalid-background); } .b-row-reorder-proxy.b-dragging .b-grid-row { transition: transform 0.2s, background-color 0.2s; } .b-row-drag-count-indicator:before { inset-inline-end: -.7em; } .b-grid-tree-grouped .b-tree-parent-row .b-row-reorder-grip::before { content: none; } /* ../Grid/lib/Grid/feature/RowResize.css */ .b-row-resize .b-grid-row.b-resize-handle { cursor: row-resize !important; } .b-row-resize .b-grid-row.b-resizing { z-index: 2; } .b-row-resize.b-row-resizing .b-grid-row { pointer-events: none; } .b-row-resize.b-row-resizing * { cursor: row-resize !important; } /* ../Grid/lib/Grid/feature/Search.css */ .b-search-hit-cell { background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-text { padding: .3em 0; --b-primary: var(--b-quick-find-primary); font-weight: var(--b-quick-find-font-weight); background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-field { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: .5em 0; background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-cell-badge { position: absolute; line-height: 1; color: var(--b-quick-find-badge-color); font-size: var(--b-quick-find-badge-font-size); inset-inline-end: var(--b-quick-find-badge-offset); top: var(--b-quick-find-badge-offset); } /* ../Grid/lib/Grid/feature/Sort.css */ :root, :host { --b-sort-header-icon: "\f062"; --b-sort-header-index-font-size: 0.6em; --b-sort-header-index-color: inherit; --bi-grid-sort-icon-rotate: 0; --bi-grid-sort-icon-opacity: 0; --bi-grid-sort-icon-size: 0; --bi-grid-sort-icon-margin-inline-start: 0; } .b-sort-hover-icon .b-grid-header.b-sortable { cursor: pointer; } .b-sort-hover-icon .b-grid-header.b-sortable:not(.b-sort, .b-resizing):hover { --bi-grid-sort-icon-opacity: 0.5; --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-base.b-sort.b-dragging-header .b-grid-header:not(.b-sort) { --bi-grid-sort-icon-opacity: 0; --bi-grid-sort-icon-size: 0; --bi-grid-sort-icon-margin-inline-start: 0; } .b-sort-icon { transition-property: opacity, color, font-size, margin; overflow: hidden; white-space: nowrap; color: var(--b-grid-header-icon-color); opacity: var(--bi-grid-sort-icon-opacity); font-size: var(--bi-grid-sort-icon-size); margin-inline-start: var(--bi-grid-sort-icon-margin-inline-start); transition-duration: var(--b-grid-header-icon-transition-duration); } .b-sort-icon::before { display: inline-block; transition: rotate .2s; content: var(--b-sort-header-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); rotate: var(--bi-grid-sort-icon-rotate); } :is(.b-grid-header.b-asc, .b-grid-header.b-desc) .b-sort-icon { --bi-grid-sort-icon-opacity: 1; --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-header.b-desc .b-sort-icon { --bi-grid-sort-icon-rotate: 180deg; } .b-sort .b-grid-header-text[data-sort-index]::before { content: attr(data-sort-index); position: relative; top: 1em; z-index: 30; order: 1; color: var(--b-sort-header-index-color); font-size: var(--b-sort-header-index-font-size); } /* ../Grid/lib/Grid/feature/Split.css */ .b-split-container { display: flex; height: 100%; position: relative; overflow: hidden; } .b-split-container.b-split-horizontal, .b-split-container.b-split-both { flex-direction: column; } .b-split-container.b-split-vertical { flex-direction: row; } .b-split-container .b-split-top, .b-split-container .b-split-bottom { display: flex; flex: 1; } .b-split-container > .b-grid-base, .b-split-container > div > .b-grid-base { flex: 1; flex-basis: 0; height: unset !important; } /* ../Grid/lib/Grid/feature/StickyCells.css */ .b-sticky-cells .b-grid-sticky-row { position: absolute; top: 0; left: 0; min-width: auto; border: 0 none; padding: 0; contain: initial; } .b-sticky-cells .b-grid-sticky-row .b-grid-cell { width: min-content; contain: initial; padding: 0; border: 0 none; } .b-sticky-cells .b-sticky-cells-current-top-row .b-sticky-content-el { visibility: hidden; } .b-sticky-cells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el { visibility: visible; align-self: flex-end; } /* ../Grid/lib/Grid/feature/Stripe.css */ :root, :host { --b-stripe-odd-color: var(--b-neutral-98); --b-stripe-even-color: var(--b-neutral-100); --b-stripe-border-width: 0; } .b-stripe { --b-grid-row-border-width: var(--b-stripe-border-width); } .b-stripe .b-grid-row.b-odd { --b-grid-cell-background: var(--b-stripe-odd-color); } .b-stripe .b-grid-row.b-even { --b-grid-cell-background: var(--b-stripe-even-color); } .b-stripe .b-hide-row-hover .b-grid-row.b-odd { --b-grid-cell-hover-background: var(--b-stripe-odd-color); --b-grid-cell-selected-background: var(--b-stripe-odd-color); --b-grid-cell-hover-selected-background: var(--b-stripe-odd-color); } .b-stripe .b-hide-row-hover .b-grid-row.b-even { --b-grid-cell-hover-background: var(--b-stripe-even-color); --b-grid-cell-selected-background: var(--b-stripe-even-color); --b-grid-cell-hover-selected-background: var(--b-stripe-even-color); } /* ../Grid/lib/Grid/feature/Summary.css */ .b-summary-disabled .b-grid-footer-container { display: none; } .b-grid-footer.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1)); } /* ../Grid/lib/Grid/feature/TreeGroup.css */ .b-generated-parent .b-grid-cell .b-grid-tree-group-summary { display: flex; justify-content: inherit; } /* ../Grid/lib/Grid/view/Footer.css */ :root, :host { --b-grid-footer-outline-width: var(--b-grid-header-border-width); --b-grid-footer-outline-color: var(--b-grid-header-border-color); --b-grid-footer-box-shadow: none; --b-grid-footer-border-width: var(--b-grid-header-border-width); --b-grid-footer-padding: var(--b-grid-header-padding); --b-grid-footer-background: var(--b-neutral-100); --b-grid-footer-border-color: var(--b-grid-header-border-color); --b-grid-footer-color: var(--b-grid-header-color); } .b-grid-footer-container { outline: var(--b-grid-footer-outline-width) solid var(--b-grid-footer-outline-color); box-shadow: var(--b-grid-footer-box-shadow); } .b-grid-footer-container.b-hidden { display: none; } .b-grid-footer-scroller { display: flex; position: relative; overflow: clip; flex-shrink: 0; min-width: 0; } .b-grid-footers { display: inline-flex; align-items: stretch; height: 100%; white-space: nowrap; line-height: initial; } .b-grid-footer { display: flex; flex-shrink: 0; align-items: stretch; transition: background-color .2s; color: var(--b-grid-footer-color); background: var(--b-grid-footer-background); border-inline-end: var(--b-grid-footer-border-width) solid var(--b-grid-footer-border-color); font-weight: var(--b-grid-footer-font-weight); padding: var(--b-grid-footer-padding); text-align: var(--b-grid-footer-text-align); } .b-grid-footer:last-child { --b-grid-footer-border-width: 0; } .b-grid-footer-align-start, .b-grid-footer-align-left { --b-grid-footer-text-align: start; } .b-grid-footer-align-center { --b-grid-footer-text-align: center; } .b-grid-footer-align-end, .b-grid-footer-align-right { --b-grid-footer-text-align: end; } /* ../Grid/lib/Grid/view/Header.css */ :root, :host { --b-grid-header-font-size: inherit; --b-grid-header-font-weight: 500; --b-grid-header-padding: var(--b-grid-cell-padding-inline); --b-grid-header-text-transform: none; --b-grid-header-text-align: start; --b-grid-header-gap: 0.5em; --b-grid-header-icon-font-size: 1em; --b-grid-header-border-width: var(--b-grid-cell-border-width); --b-grid-header-container-border-width: 1px; --b-grid-header-zindex: 1; --b-grid-header-icon-transition-duration: var(--b-default-transition-duration); --b-grid-header-background: var(--b-neutral-100); --b-grid-header-box-shadow: var(--b-elevation-0); --b-grid-header-color: var(--b-widget-color); --b-grid-header-icon-color: var(--b-grid-header-color); --b-grid-header-border-color: var(--b-grid-cell-border-color); --b-grid-header-hover-color: var(--b-widget-color); } .b-grid-headers, .b-grid-footers { contain: paint style layout; flex: 1 1 auto; z-index: var(--b-grid-header-zindex); } div.b-grid-header-container, .b-grid-footer-container { display: flex; z-index: var(--b-grid-header-zindex); } div.b-grid-header-container.b-hidden { clip-path: inset(0 0 100% 0); contain: strict; border-bottom: none; } div.b-grid-header-container .b-yscroll-pad { border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-scroller { display: flex; position: relative; overflow: clip; min-width: 0; box-shadow: var(--b-grid-header-box-shadow); } .b-grid-headers { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: clip; line-height: initial; position: relative; } .b-grid-header { position: relative; display: flex; user-select: none; -webkit-user-select: none; flex-direction: column; flex-shrink: 0; align-items: stretch; justify-content: center; overflow: clip; transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); contain: style; --b-grid-header-applied-background: var(--b-grid-header-background); background: var(--b-grid-header-applied-background); border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); text-transform: var(--b-grid-header-text-transform); } .b-grid-header.b-depth-0:hover { color: var(--b-grid-header-hover-color); --b-grid-header-applied-background: var(--b-grid-header-hover-background, var(--b-primary-98)); --b-grid-header-icon-color: var(--b-grid-header-hover-color); } .b-grid-header.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: calc(var(--b-grid-cell-focused-outline-width) * -1); } .b-grid-header.b-depth-0 { width: 0; padding-inline: var(--b-grid-header-padding); border-block-end: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-fill-last-column .b-grid-header.b-last-leaf:not(.b-drop-placeholder) { border-inline-end: none; } .b-grid-header:has(.b-widget) .b-grid-header-text-content:empty { display: none; } .b-grid-header-parent { border-inline-end: none; flex-basis: auto; padding-inline: 0; } .b-grid-header-parent > .b-grid-header-text { flex: 1 1 auto; padding: var(--b-grid-header-padding); } .b-grid-header-parent:where(:not(.b-last-parent)) > .b-grid-header-text { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-children { display: flex; flex-flow: row nowrap; flex: 1 1 auto; transition: border var(--b-default-transition-duration); border-top: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-children > * { width: inherit; } .b-grid-header-text { display: flex; align-items: center; padding-block: var(--b-grid-header-padding); } .b-grid-header-text:has(.b-widget) { gap: var(--b-grid-header-gap); } .b-grid-header-text-content { flex: 1; overflow: clip; text-overflow: ellipsis; white-space: nowrap; width: 0; text-align: var(--b-grid-header-text-align); } .b-grid-header-text-content.b-has-text > * { margin-inline-end: var(--b-grid-header-gap); } .b-grid-header-align-right, .b-grid-header-align-end { --b-grid-header-text-align: end; } .b-grid-header-align-center { --b-grid-header-text-align: center; } :is(.b-writing-mode-sideways-lr, .b-writing-mode-sideways-rl, .b-writing-mode-vertical-lr, .b-writing-mode-vertical-rl) .b-grid-header-text-content { display: flex; text-align: start; align-items: var(--b-grid-header-text-align); } .b-writing-mode-sideways-lr .b-grid-header-text-content { writing-mode: sideways-lr; } .b-writing-mode-sideways-rl .b-grid-header-text-content { writing-mode: sideways-rl; } .b-writing-mode-horizontal-tb .b-grid-header-text-content { writing-mode: horizontal-tb; } .b-writing-mode-vertical-lr .b-grid-header-text-content { writing-mode: vertical-lr; } .b-writing-mode-vertical-rl .b-grid-header-text-content { writing-mode: vertical-rl; } .b-grid-header.b-collapsible > .b-grid-header-text { } .b-grid-header-collapse-button { background: transparent; --b-button-height: 1em; --b-button-type-text-color: var(--b-neutral-60); } .b-grid-header-collapse-button:hover { --b-button-color: var(--b-grid-header-color); } /* ../Grid/lib/Grid/column/CheckColumn.css */ .b-check-header-with-checkbox { align-items: center; } .b-check-header-with-checkbox .b-grid-header-text { display: none; } /* ../Grid/lib/Grid/view/SubGrid.css */ :root { --bi-grid-cell-dirty-indicator-clip-path: polygon(0% 50%, 0% 0%, 50% 0%); --bi-grid-cell-dirty-indicator-clip-path-rtl: polygon(100% 50%, 50% 0%, 100% 0%); --b-grid-cell-auto-height-padding-block: var(--b-grid-cell-padding-inline); } .b-no-column-lines, .b-no-column-lines .b-grid-sub-grid { --b-grid-cell-border-width: 0; --b-grid-header-border-width: 0; } .b-no-row-lines { --b-grid-row-border-width: 0; } .b-grid-sub-grid { position: relative; } .b-grid-sub-grid.b-hidden { display: none; } .b-grid-sub-grid-collapsed { width: 0; min-width: 0 !important; overflow: hidden !important; } .b-animating .b-grid-header-scroller, .b-animating .b-grid-sub-grid { transition-property: width, flex, min-width; transition-duration: .3s; } .b-grid-row { position: absolute; display: flex; flex-direction: row; align-items: stretch; inset-inline-start: 0; overflow: clip; contain: layout; height: var(--b-grid-row-height); z-index: var(--b-grid-row-zindex); } .b-grid-sub-grid .b-grid-row { min-width: 100%; } .b-grid-row.b-hover .b-grid-cell { --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98)); --b-grid-cell-color: var(--b-grid-cell-selected-color); --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30)); } .b-selected :is(.b-grid-row .b-grid-cell), .b-grid-row .b-grid-cell.b-selected { --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96)); --b-grid-cell-color: var(--b-grid-cell-selected-color); --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30)); transition: background-color var(--b-default-transition-duration), color var(--bi-grid-cell-selected-color-transition-duration, var(--b-default-transition-duration)); } .b-grid-row.b-hover.b-selected .b-grid-cell { --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background, var(--b-primary-94)); } .b-grid-row.fa { display: flex; } .b-grid-row.fa::before { content: none; } .b-grid-row.b-row-placeholder .b-grid-cell { color: transparent; clip-path: inset(1em 1em 1em 1em); } .b-grid-row.b-row-placeholder .b-grid-cell > *:not(.b-editor) { display: none; } .b-grid-row.b-row-placeholder .b-grid-cell::after { content: ""; position: absolute; inset: 1em; border-radius: 5px; background: var(--b-grid-row-placeholder-color); } .b-hide-row-hover { --b-grid-cell-hover-background: var(--b-grid-cell-background); --b-grid-cell-selected-background: var(--b-grid-cell-background); --b-grid-cell-hover-selected-background: var(--b-grid-cell-background); } .b-grid-body-container.b-vertical-overflow .b-grid-row.b-last .b-grid-cell { --b-grid-row-border-color: transparent; } .b-grid-cell { position: absolute; display: flex; flex-shrink: 0; contain: strict; align-items: center; white-space: nowrap; height: 100%; background: var(--b-grid-cell-applied-background, var(--b-grid-cell-background)); color: var(--b-grid-cell-color); border-inline-end: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color); border-bottom: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color); font-size: var(--b-grid-cell-font-size); font-weight: var(--b-grid-cell-font-weight); gap: var(--b-grid-cell-gap); overflow: var(--bi-grid-cell-overflow); padding-inline: var(--b-grid-cell-padding-inline); padding-block: var(--b-grid-cell-padding-block); } .b-grid-cell:not(.b-focused) *, .b-grid-cell:not(.b-focused) *::before, .b-grid-cell:not(.b-focused) *::after { transition: none; } .b-theme-transition .b-grid-cell { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); } .b-windows .b-grid-cell { contain: layout; } .b-grid-cell.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1)); } .b-grid-cell.b-hover { --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98)); --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-grid-cell.b-selected { --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96)); --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-grid-cell.b-auto-height { white-space: normal; } .b-grid-cell.b-auto-height:not(.b-tree-cell) { --b-grid-cell-padding-block: var(--b-grid-cell-auto-height-padding-block); } .b-grid-cell.b-measuring-auto-height { contain: paint style layout; align-self: baseline; height: auto; } .b-grid-no-text-selection .b-grid-cell { user-select: none; -webkit-user-select: none; } .b-grid-cell a { color: var(--b-grid-link-color, var(--b-primary-30)); } .b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row { height: var(--b-grid-row-height); } .b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row .b-grid-cell:not(.b-auto-height, .b-row-reorder-grip, :has(*)) { display: block; text-overflow: ellipsis; line-height: var(--b-grid-row-height); } .b-grid-cell-align-right, .b-grid-cell-align-end { justify-content: flex-end; text-align: end; } .b-grid-cell-align-center { justify-content: center; text-align: center; } .b-rtl { --bi-grid-cell-dirty-indicator-clip-path: var(--bi-grid-cell-dirty-indicator-clip-path-rtl) ; } .b-show-dirty .b-cell-dirty:not(.b-editing):after, .b-show-dirty-during-edit .b-cell-dirty:after { content: ""; z-index: 2; position: absolute; top: 0; inset-inline-start: 1px; width: 1.2em; height: 1.2em; background-color: var(--b-grid-cell-dirty-color); clip-path: var(--bi-grid-cell-dirty-indicator-clip-path); } .b-grid-splitter { transition: background var(--b-default-transition-duration); background: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color)); flex: 0 0 var(--b-grid-splitter-width); } .b-grid-splitter .b-grid-splitter-inner { display: none; } .b-virtual-scrollers { z-index: 3; display: flex; flex-direction: row; contain: paint style layout; } .b-firefox .b-virtual-scrollers { contain: paint layout; } .b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers { pointer-events: auto; } .b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller { pointer-events: auto; } .b-overlay-scrollbar .b-virtual-scrollers { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; } .b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller { height: 16px; pointer-events: none; } .b-virtual-scrollers .b-virtual-scroller { overflow-x: scroll; overflow-y: hidden; } .b-virtual-scrollers .b-virtual-width { height: 1px; } .b-overlay-scrollbar .b-virtual-scroller:hover, .b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller { pointer-events: all; opacity: 1; transition: opacity .5s; } /* ../Grid/lib/Grid/column/ActionColumn.css */ :root, :host { --b-action-column-button-size: 1.1em; --b-action-column-color: var(--b-widget-color); --b-action-column-row-hover-color: var(--b-widget-color); --b-action-column-readonly-color: var(--b-widget-disabled-color); --b-action-column-hover-color: var(--b-neutral-10); } .b-action-ct { display: flex; flex-flow: row nowrap; gap: 0.5em; } .b-action-item { aspect-ratio: 1 / 1; border-radius: 50%; font-size: var(--b-action-column-button-size); color: var(--b-action-column-color); pointer-events: var(--bi-action-column-pointer-events, auto); } .b-action-item:hover { --b-action-column-color: var(--b-action-column-hover-color); } .b-action-item:focus-visible { outline-offset: 3px; outline: currentColor solid 3px; } .b-grid-base.b-read-only.b-action-column-readonly { --b-action-column-color: var(--b-action-column-readonly-color); --bi-action-column-pointer-events: none; } .b-grid-row.b-hover, .b-grid-row.b-selected { --b-action-column-color: var(--b-action-column-row-hover-color); } /* ../Grid/lib/Grid/column/ColorColumn.css */ :root, :host { --b-color-column-border-width: 0; --b-color-column-empty-border-width: 1px; --b-color-column-border-color: transparent; --b-color-column-empty-border-color: var(--b-border-7); --b-color-column-picker-width: 11em; } .b-color-cell-swatch { border-radius: 1em; cursor: pointer; width: 1.5em; height: 1.5em; margin-inline: 1em; flex-shrink: 0; --b-primary: transparent; background: var(--b-primary); border: var(--b-color-column-border-width) solid var(--b-color-column-border-color); } .b-color-cell-swatch.b-empty { --b-color-column-border-width: var(--b-color-column-empty-border-width); --b-color-column-border-color: var(--b-color-column-empty-border-color); } .b-color-cell-swatch.b-show-color-name { margin-inline: 0; } .b-color-column-picker { width: var(--b-color-column-picker-width); } /* ../Grid/lib/Grid/column/PercentColumn.css */ :root, :host { --b-percent-column-bar-border-radius: var(--b-widget-border-radius); --b-percent-column-bar-max-height: 0.6em; --b-percent-column-bar-border: none; --b-percent-column-circle-thickness: 0.5em; --b-percent-column-circle-label-font-size: .8em; --b-percent-column-bar-background: var(--b-neutral-95); --b-percent-column-low-fill-background: var(--b-color-orange); --b-percent-column-wide-value-color: var(--b-neutral-100); --b-percent-column-low-value-color: var(--b-secondary); --b-percent-column-zero-value-color: transparent; --b-percent-column-circle-background: var(--b-grid-cell-border-color); --b-percent-column-circle-label-color: var(--b-grid-cell-color); --bi-percent-column-transition: none; } .b-percent-bar-outer { display: flex; height: 30%; overflow: hidden; width: 100%; outline-offset: -1px; background: var(--b-percent-column-bar-background); outline: var(--b-percent-column-bar-border); border-radius: var(--b-percent-column-bar-border-radius); max-height: var(--b-percent-column-bar-max-height); } .b-percent-bar-outer.b-low { --b-percent-column-fill-background: var(--b-percent-column-low-value-color); --b-percent-column-value-color: var(--b-percent-column-low-value-color); } .b-percent-bar-outer.b-zero { --b-percent-column-value-color: var(--b-percent-column-zero-value-color); } .b-percent-bar-outer .b-percent-bar { z-index: 1; background: var(--b-percent-column-fill-background, var(--b-primary-50)); width: var(--bi-percent-bar-value); transition: var(--bi-percent-column-transition); } .b-percent-bar-value { display: flex; align-items: center; justify-content: flex-start; flex: 1; font-size: 0.6em; container-name: percent-column-value; container-type: size; z-index: 1; } .b-percent-bar-value label { transition: translate .5s, color .5s; margin-inline-start: 0.5em; color: var(--b-percent-column-value-color, var(--b-primary-50)); translate: var(--bi-percent-column-value-translate, 0); } @property --bi-percent-column-circle-angle { syntax : ""; inherits : false; initial-value : 0turn; } .b-percent-done-circle { --bi-percent-column-circle-angle: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; max-height: 3em; max-width: 3em; border-radius: 50%; background: conic-gradient(var(--b-percent-column-circle-done-color, var(--b-primary)) 0 var(--bi-percent-column-circle-angle), transparent var(--bi-percent-column-circle-angle) 1turn) var(--b-percent-column-circle-background); } .b-percent-done-circle::after { content: attr(data-value); display: flex; align-items: center; justify-content: center; border-radius: 50%; width: calc(100% - var(--b-percent-column-circle-thickness)); height: calc(100% - var(--b-percent-column-circle-thickness)); background: var(--b-percent-column-circle-label-background, var(--b-grid-cell-background)); font-size: var(--b-percent-column-circle-label-font-size); color: var(--b-percent-column-circle-label-color); } .b-animating .b-percent-done-circle { transition: --bi-percent-column-circle-angle .3s, height .3s, width .3s; } @container percent-column-value (width < 2em) { label { margin-inline-start: -.5em !important; --b-percent-column-value-color: var(--b-percent-column-wide-value-color); --bi-percent-column-value-translate: -100%; } } .b-grid-body-container.b-scrolling .b-percent-bar, .b-grid-body-container.b-scrolling .b-percent-bar * { transition: none; } .b-animating, .b-grid-row-updating { --bi-percent-column-transition: width 0.5s, padding .5s, background-color .5s; } /* ../Grid/lib/Grid/column/RatingColumn.css */ :root, :host { --b-rating-column-icon-size: 1.2em; --b-rating-column-empty-color: var(--b-neutral-95); --b-rating-column-filled-color: var(--b-color-yellow); } .b-rating-cell .b-rating-icon { font-size: var(--b-rating-column-icon-size); color: var(--bi-rating-column-icon-color); opacity: var(--bi-rating-column-icon-opacity, 1); transition: var(--bi-rating-column-icon-transition, all var(--b-default-transition-duration) linear); } .b-theme-transition :is(.b-rating-cell .b-rating-icon) { transition: color var(--b-default-transition-duration); } .b-rating-cell .b-empty { --bi-rating-column-icon-color: var(--b-rating-column-empty-color); --bi-rating-column-icon-opacity: var(--bi-rating-column-empty-opacity, 1); } .b-rating-cell .b-filled { --bi-rating-column-icon-color: var(--b-rating-column-filled-color); } .b-rating-cell-inner { display: flex; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon { cursor: pointer; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon:hover ~ .b-icon { --bi-rating-column-icon-color: var(--b-rating-column-empty-color); --bi-rating-column-empty-opacity: 1; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable):hover .b-rating-icon { --bi-rating-column-icon-color: var(--b-rating-column-filled-color); --bi-rating-column-empty-opacity: 0.4; } .b-grid-body-container.b-scrolling .b-rating-icon { --bi-rating-column-icon-transition: none; } /* ../Grid/lib/Grid/column/RowNumberColumn.css */ :root, :host { --b-row-number-column-background: var(--b-neutral-97); } .b-grid-base .b-grid-cell.b-row-number-cell { --b-grid-cell-background: var(--b-row-number-column-background); } /* ../Grid/lib/Grid/column/TreeColumn.css */ :root, :host { --b-tree-loading-icon: "\f110"; --b-tree-icon-width: 1.25em; --b-tree-cell-gap: var(--b-widget-gap); --b-tree-parent-font-weight: 500; --b-tree-indent-size: 1.7em; --b-tree-leaf-icon-font-size: 0.3em; --b-tree-expander-icon-font-size: 1.2em; --b-tree-expander-color: var(--b-text-3); --b-tree-expander-row-hover-color: var(--b-tree-expander-color); --b-tree-parent-color: var(--b-grid-cell-color); --b-tree-icon-color: var(--b-tree-expander-color); --b-tree-icon-row-hover-color: var(--b-tree-expander-color); --b-tree-line-width: 2px; --b-tree-line-color: var(--b-neutral-85); --b-tree-line-offset: .45em; } .b-internal { --b-tree-level: null; } .b-tree-expander { position: relative; top: 1px; cursor: pointer; display: grid; place-items: center; } .b-loading-children .b-tree-expander.b-icon:before { animation: b-anim-rotate 2s infinite linear; content: var(--b-tree-loading-icon); } .b-grid-cell.b-tree-cell { align-items: stretch; gap: 0; } .b-grid-cell.b-tree-cell.b-selected, .b-grid-cell.b-tree-cell.b-hover { --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-tree-cell-inner { gap: var(--b-tree-cell-gap); } .b-tree-leaf-cell .b-tree-cell-inner:before { margin-inline-end: .6em; text-align: center; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); color: var(--b-tree-expander-color); width: var(--b-tree-icon-width); min-width: var(--b-tree-icon-width); } .b-tree-icon, .b-icon-tree-leaf, .b-icon-tree-folder, .b-icon-tree-folder-open, .b-icon-tree-expand, .b-icon-tree-collapse { text-align: center; color: var(--b-tree-expander-color); width: var(--b-tree-icon-width); min-width: var(--b-tree-icon-width); } .b-tree-icon { color: var(--b-tree-icon-color); } .b-icon-tree-leaf:before { vertical-align: middle; width: 100%; font-size: var(--b-tree-leaf-icon-font-size); } .b-icon-tree-folder:before, .b-icon-tree-folder-open:before { margin-inline-start: .1em; } :is(.b-icon-tree-expand, .b-icon-tree-collapse).b-empty-parent { visibility: hidden; } :is(.b-icon-tree-expand, .b-icon-tree-collapse):before { font-size: var(--b-tree-expander-icon-font-size); } .b-tree:not(.b-show-tree-lines) .b-tree-cell-inner { padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level)); } .b-tree:not(.b-show-tree-lines) .b-tree-leaf-cell .b-tree-parent-has-icon { padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level) + var(--b-tree-icon-width) + var(--b-tree-cell-gap)); } .b-tree-line { flex-shrink: 0; transition: border-color var(--b-default-transition-duration); border-color: var(--b-tree-line-color); width: var(--b-tree-indent-size); } .b-tree-line::before { content: ""; display: block; border-inline-start-color: inherit; border-inline-start-style: solid; height: 100%; position: relative; border-inline-start-width: var(--b-tree-line-width); inset-inline-start: var(--b-tree-line-offset); } .b-tree-cell-inner { display: flex; align-items: center; flex-shrink: 0; flex-grow: 1; padding-block: 0.5em; } .b-tree-cell-inner.b-text-value { flex-shrink: 1; overflow: hidden; } .b-tree-cell-inner.b-text-value .b-tree-cell-value { display: initial; overflow: hidden; text-overflow: ellipsis; } .b-tree-cell.b-auto-height .b-tree-cell-inner { flex-shrink: 1; } .b-tree-cell.b-auto-height { flex-shrink: 1; } a.b-tree-cell-inner { text-decoration: none; } a.b-tree-cell-inner:hover .b-tree-cell-value { text-decoration: underline; } .b-tree-parent-row .b-grid-cell { font-weight: var(--b-tree-parent-font-weight); --b-grid-cell-color: var(--b-tree-parent-color); } .b-tree-parent-row .b-grid-cell.b-selected, .b-tree-parent-row .b-grid-cell.b-hover { --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-tree-cell-value { flex: 1; display: flex; align-items: center; gap: var(--b-grid-cell-gap); } .b-touch .b-tree-expander { width: 1.1em; } .b-touch .b-icon-tree-expand:before, .b-touch .b-icon-tree-collapse:before { font-size: 1.8em; } .b-touch .b-icon-tree-leaf:before { font-size: .6em; } .b-touch .b-tree-icon, .b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before { font-size: 1.2em; } :is(.b-grid-row, .b-grid-cell).b-hover, :is(.b-grid-row, .b-grid-cell).b-selected { --b-tree-expander-color: var(--b-tree-expander-row-hover-color); --b-tree-icon-color: var(--b-tree-icon-row-hover-color); } /* ../Grid/lib/Grid/column/WidgetColumn.css */ .b-widget-cell { --b-button-max-height: 80%; } /* ../Grid/lib/Grid/widget/AIFilterField.css */ .b-aifilter-field .b-mask-text { padding: .5em; } .b-aifilter-field-result-popup { --b-primary: var(--b-color-yellow); --b-popup-background: var(--b-primary-95); } /* ../Grid/lib/Grid/widget/ChecklistFilterCombo.css */ .b-checklist-filter-combo-picker.b-panel { padding: 0; --b-panel-padding: 0; --b-list-item-padding: 0.75em var(--b-widget-padding); } .b-checklist-filter-combo-picker.b-panel [data-ref=searchField] { width: 100%; } .b-checklist-filter-combo-picker.b-panel .b-list-item-content { display: flex; } .b-checklist-filter-combo-picker.b-panel .b-checklist-filter-combo-item-text { flex-grow: 1; } .b-checklist-filter-combo-picker.b-panel .b-bottom-toolbar { --b-toolbar-padding: var(--b-widget-padding); } /* lib/Scheduler/column/ResourceCollapseColumn.css */ .b-resource-collapse-cell .b-icon { background: transparent; border: none; transition: rotate 0.2s; cursor: pointer; } .b-resource-collapse-cell .b-icon.b-flip { rotate: 180deg; } /* lib/Scheduler/column/ResourceInfoColumn.css */ :root, :host { --b-resource-info-column-name-font-weight: 600; --b-resource-info-column-role-font-size: 0.8em; --b-resource-info-column-role-color: var(--b-neutral-65); --b-resource-info-column-role-row-hover-color: var(--b-neutral-65); } .b-colorize { --b-resource-info-column-avatar-background-color: var(--b-primary-85); } .b-grid-row { --b-resource-event-color: var(--b-primary); } .b-resource-info { flex: 1; height: 100%; display: grid; grid-template-columns: min-content 1fr; overflow: clip; column-gap: 1em; align-items: center; --b-primary: var(--b-resource-event-color); --b-avatar-background: var(--b-resource-info-column-avatar-background-color); } .b-resource-info div { overflow: clip; text-overflow: ellipsis; } .b-resource-info .b-resource-avatar { grid-column: 1; } .b-resource-info:has(.b-resource-role, .b-resource-events, .b-resource-meta) .b-resource-avatar { grid-row: span 2; } .b-resource-info .b-resource-name { grid-column: 2; align-self: end; font-weight: var(--b-resource-info-column-name-font-weight); } .b-resource-info .b-resource-role, .b-resource-info .b-resource-events, .b-resource-info .b-resource-meta { grid-column: 2; align-self: start; font-size: var(--b-resource-info-column-role-font-size); color: var(--b-resource-info-column-role-color); } .b-resource-info .b-resource-meta { display: flex; align-items: center; gap: 0.5em; } .b-resource-info .b-resource-icon { display: grid; place-items: center; } :is(.b-grid-row, .b-grid-cell).b-selected, :is(.b-grid-row, .b-grid-cell).b-hover { --b-resource-info-column-role-color: var(--b-resource-info-column-role-row-hover-color); } /* lib/Scheduler/column/ScaleColumn.css */ .b-scale-cell { padding-inline: 0 !important; } .b-scale-cell .b-scale { background-color: transparent; font-weight: var(--b-grid-cell-font-weight); } .b-scale-cell .b-scale-tick-label { font-size: 70%; } /* lib/Scheduler/feature/base/ResourceTimeRangesBase.css */ :root, :host { --b-resource-time-range-zindex: 5; --b-resource-time-range-font-size: .85em; --b-resource-time-range-align-items: flex-end; --b-resource-time-range-padding-block: 0.25em; --b-resource-time-range-padding-inline: 0.5em; --b-resource-time-range-background-transparency: 95%; } .b-resource-time-range-canvas { z-index: var(--b-resource-time-range-zindex); } .b-sch-canvas.b-interactive .b-sch-resource-time-range { pointer-events: auto; } .b-sch-resource-time-range { display: flex; position: absolute; inset-inline-start: 0; justify-content: center; align-items: center; user-select: none; -webkit-user-select: none; opacity: 1; --b-primary: var(--b-secondary); --b-sch-event-padding-block: var(--b-resource-time-range-padding-block); --b-sch-event-padding-inline: var(--b-resource-time-range-padding-inline); --b-resource-time-range-background: color-mix(in srgb, var(--b-primary), transparent var(--b-resource-time-range-background-transparency)); --b-resource-time-range-color: var(--b-primary); background: var(--b-resource-time-range-background); color: var(--b-resource-time-range-color); transition: var(--b-sch-event-transition); } .b-sch-resource-time-range [data-task-feature] { display: flex; height: 100%; align-items: center; font-size: var(--b-resource-time-range-font-size); } .b-animating .b-sch-resource-time-range { transition: var(--b-sch-event-animating-transition); } .b-sch-resource-time-range.b-removing { transition: opacity .3s; opacity: 0; } .b-sch-resource-time-range.b-remove-remove, .b-sch-resource-time-range.b-toggle-remove { transition: opacity .2s; opacity: 0; } .b-sch-resource-time-range.b-toggle-add { animation: b-anim-toggle-add .3s !important; } .b-sch-resource-time-range .b-sch-event-content { align-items: var(--b-resource-time-range-align-items); } /* lib/Scheduler/feature/ColumnLines.css */ :root, :host { --b-column-lines-zindex: 2; --b-column-lines-tick-style: solid; --b-column-lines-major-style: solid; --b-column-lines-tick-color: var(--b-neutral-95); --b-column-lines-major-color: var(--b-grid-cell-border-color); --b-column-lines-resource-color: var(--b-grid-cell-border-color); } .b-column-lines-canvas { z-index: var(--b-column-lines-zindex); } .b-column-line, .b-column-line-major { height: 100%; position: absolute; border-inline-start-width: 1px; } .b-theme-transition :is(.b-column-line, .b-column-line-major) { transition: border-color var(--b-default-transition-duration); } .b-column-line { border-color: var(--b-column-lines-tick-color); border-inline-start-style: var(--b-column-lines-tick-style); } .b-column-line-major { z-index: 1; border-color: var(--b-column-lines-major-color); border-inline-start-style: var(--b-column-lines-major-style); } .b-resource-column-line { border-color: var(--b-column-lines-resource-color); } .b-sch-vertical .b-column-line:not(.b-resource-column-line), .b-sch-vertical .b-column-line-major { height: auto; width: 100%; position: absolute; border-inline-start: none; border-top-width: 1px; border-top-style: var(--b-column-lines-tick-style); } .b-sch-vertical .b-resource-group-divider { border-color: var(--b-grid-header-border-color); } /* lib/Scheduler/feature/Dependencies.css */ :root, :host { --b-dependency-zindex: 5; --b-dependency-stroke-width: 1; --b-dependency-hover-stroke-width: 2; --b-dependency-tooltip-terminal-size: .35em; --b-dependency-color: var(--b-border-5); --b-dependency-selected-color: var(--b-color-red); } .b-internal { --b-dependency-marker: null; } .b-sch-dependencies-canvas { --bi-dependency-marker: url(#arrowEnd); contain: unset; overflow: visible; z-index: var(--b-dependency-zindex); } .b-sch-dependency-arrow { fill: var(--b-dependency-color); fill: context-stroke; } .b-sch-dependency { pointer-events: visibleStroke; fill: transparent; transition: stroke-width .2s linear, stroke .2s linear; stroke: var(--b-dependency-color); stroke-width: var(--b-dependency-stroke-width); } .b-sch-dependency.b-sch-dependency-over { stroke-dasharray: 0; --b-dependency-stroke-width: var(--b-dependency-hover-stroke-width); } .b-sch-dependency.b-sch-released { display: none; } .b-sch-dependency.b-click-area { stroke: transparent; stroke-dasharray: none !important; marker-end: none; } .b-sch-dependency { marker-end: var(--b-dependency-marker); } .b-sch-dependency.b-sch-bidirectional-line { marker-start: var(--b-dependency-marker); } .b-sch-dependency.b-sch-dependency-markerless { marker-end: none; } .b-sch-dependency-tooltip { display: grid; grid-template-columns: auto auto auto; grid-column-gap: .5em; align-items: center; } .b-sch-dependency-tooltip label { font-size: .8em; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box { width: 1em; height: .8em; border-radius: 2px; display: none; position: relative; background: var(--b-dependency-tooltip-event-background, var(--b-primary-85)); } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom { display: block; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box:after { content: ""; border-radius: 50%; position: absolute; background-color: var(--b-dependency-tooltip-terminal-color, var(--b-primary-50)); width: var(--b-dependency-tooltip-terminal-size); height: var(--b-dependency-tooltip-terminal-size); } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end:after, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right:after { inset-inline-end: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); top: 50%; translate: 0 -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start:after, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left:after { inset-inline-start: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); top: 50%; translate: 0 -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top:after { top: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); inset-inline-start: 50%; translate: -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom:after { bottom: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); inset-inline-start: 50%; translate: -50%; } .b-sch-dependency:not(.b-click-area).b-selected { stroke: var(--b-dependency-selected-color); stroke-width: 2; } .b-sch-dependency-remove-icon { position: absolute; height: 1em; width: 1em; display: flex; translate: -50% -50%; pointer-events: all; cursor: pointer; z-index: 1000; animation: b-anim-show-dependency-remove-icon .2s ease-in-out 1; font-size: 1.1em; color: var(--b-dependency-selected-color); } .b-sch-dependency-remove-icon:before { border-radius: 50%; background: radial-gradient( circle, #fff 0%, #fff 60%, transparent 60%, transparent 100%); } .b-sch-dependency-remove-icon.b-removing { animation: b-anim-hide-dependency-remove-icon .15s linear 1; } :is(.b-sch-event, .b-gantt-task).b-sch-terminals-visible { z-index: 2; } @keyframes b-anim-show-dependency-remove-icon { 0% { scale: 0; opacity: 0; } 100% { scale: 1; opacity: 1; } } @keyframes b-anim-hide-dependency-remove-icon { 0% { scale: 1; opacity: 1; } 100% { scale: 0; opacity: 0; } } /* lib/Scheduler/feature/EventCopyPaste.css */ .b-sch-event.b-cut-item { opacity: .4; } /* lib/Scheduler/feature/EventDragCreate.css */ .b-timeline-base.b-drag-creating { user-select: none; -webkit-user-select: none; } .b-timeline-base.b-drag-creating .b-sch-time-axis-cell, .b-timeline-base.b-drag-creating .b-sch-event-wrap, .b-timeline-base.b-drag-creating .b-gantt-task-wrap { pointer-events: none; } .b-timeline-base.b-drag-creating * { transition: none; } .b-sch-drag-creating.b-too-narrow { opacity: 0.25; } /* lib/Scheduler/feature/EventDragSelect.css */ :root, :host { --b-event-drag-select-border-width: 1px; --b-event-drag-select-border-style: dashed; --b-event-drag-select-border-radius: var(--b-widget-border-radius); --b-event-drag-select-border-color: var(--b-neutral-50); } .b-drag-select-rect { position: absolute; left: 0; top: 0; transform-origin: 0 0; pointer-events: none; z-index: 100; border: var(--b-event-drag-select-border-width) var(--b-event-drag-select-border-style) var(--b-event-drag-select-border-color); border-radius: var(--b-event-drag-select-border-radius); } /* lib/Scheduler/feature/EventEdit.css */ .b-event-editor { width: 28em; } .b-event-editor.b-collapsed .b-panel-collapse-revealer { display: none; } .b-event-editor [data-ref=saveButton], .b-event-editor [data-ref=cancelButton], .b-event-editor [data-ref=deleteButton] { min-width: 5.5em; } .b-event-editor-content { grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr); align-items: end; } .b-event-editor-content .b-widget { grid-column: span 2; } .b-event-editor-content [data-ref=startDateField], .b-event-editor-content [data-ref=endDateField] { grid-column: span 1; min-width: 10em; } .b-event-editor-content [data-ref=startTimeField], .b-event-editor-content [data-ref=endTimeField] { grid-column: span 1; min-width: 12em; } /* lib/Scheduler/feature/EventNonWorkingTime.css */ :root, :host { --b-event-non-working-time-opacity: 0.7; } .b-timeline-base .b-sch-event-wrap .b-sch-non-working-time { z-index: 0; --b-time-range-opacity: var(--b-event-non-working-time-opacity); } .b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-non-working-time { display: none; } .b-animating .b-sch-event-wrap .b-sch-time-range { transition: none; } .b-sch-vertical .b-sch-event-wrap .b-sch-non-working-time { inset-inline-start: 0; } /* lib/Scheduler/feature/EventTooltip.css */ .b-sch-event-tooltip { --b-tooltip-text-gap: 0.5em; } /* lib/Scheduler/feature/GroupSummary.css */ .b-time-axis-group-summary { display: flex; flex-direction: row; width: 100%; height: 100%; } .b-time-axis-group-summary .b-time-axis-tick { display: flex; flex-direction: column; align-items: stretch; justify-content: center; } .b-time-axis-group-summary .b-time-axis-summary-value { text-align: center; } /* lib/Scheduler/feature/Labels.css */ :root, :host { --b-event-label-font-size: .9em; --b-event-label-font-weight: var(--b-sch-event-font-weight); --b-event-label-gap: 0.5em; --b-event-label-color: var(--b-sch-event-color); --b-selected-event-label-color: var(--b-sch-event-color); --b-event-label-background: null; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label { text-align: center; white-space: nowrap; z-index: 1; min-width: 1em; pointer-events: all; user-select: none; -webkit-user-select: none; background: var(--b-event-label-background); color: var(--b-event-label-color); font-size: var(--b-event-label-font-size); font-weight: var(--b-event-label-font-weight); } :is(.b-sch-event-wrap, .b-gantt-task-wrap).b-sch-event-selected .b-sch-label { --b-event-label-color: var(--b-selected-event-label-color); } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-top { grid-area: top; justify-self: center; margin-bottom: .2em; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-bottom { grid-area: bottom; justify-self: center; margin-top: .2em; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-before { grid-area: before; align-self: center; justify-self: end; margin-inline-end: var(--b-event-label-gap); } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-after { grid-area: after; align-self: center; justify-self: start; margin-inline-start: var(--b-event-label-gap); } .b-sch-event-wrap.b-measure-label { height: 1em; position: fixed; top: -10000px; inset-inline-start: -10000px; visibility: hidden; } .b-sch-event-wrap.b-measure-label label { padding-inline-start: var(--b-event-label-gap); grid-area: none; } .b-sch-label-editor { background: var(--b-neutral-100); } /* lib/Scheduler/feature/mixin/DependencyCreation.css */ :root, :host { --b-dependency-terminal-size: 14px; --b-dependency-terminal-offset: -4px; --b-dependency-terminal-z-index: calc(var(--b-event-resize-handle-zindex) + 1); --b-dependency-terminal-border-width: 1px; --b-dependency-terminal-border-style: solid; --b-dependency-terminal-border-color: inherit; --b-dependency-valid-color: var(--b-color-green); --b-dependency-invalid-color: var(--b-color-red); --b-dependency-tooltip-valid-header-color: var(--b-dependency-valid-color); --b-dependency-tooltip-valid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-valid-header-color), var(--b-mix) 90%); --b-dependency-tooltip-invalid-header-color: var(--b-dependency-invalid-color); --b-dependency-tooltip-invalid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-invalid-header-color), var(--b-mix) 90%); } .b-dependencies .b-sch-event-wrap.b-hover { z-index: calc(var(--b-events-zindex) + 101); } .b-dependencies .b-sch-event.b-sch-terminals-visible, .b-dependencies .b-gantt-task.b-sch-terminals-visible { overflow: visible; } .b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency { opacity: .3; } :is(.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency).b-highlight { opacity: 1; } .b-dependencies.b-highlighting .b-sch-resource-time-range { opacity: .3; } .b-sch-terminals-visible .b-sch-terminal { border-color: var(--b-dependency-terminal-border-color, inherit); } .b-sch-terminal { border-style: var(--b-dependency-terminal-border-style); border-radius: 50%; position: absolute; cursor: pointer; background-color: var(--b-dependency-terminal-color, var(--b-primary-100)); border-width: var(--b-dependency-terminal-border-width); height: var(--b-dependency-terminal-size); width: var(--b-dependency-terminal-size); z-index: var(--b-dependency-terminal-z-index); --bi-terminal-start-end-offset: 80%; } @media (pointer : coarse) { .b-sch-terminal { --bi-terminal-start-end-offset: 115%; } .b-sch-terminal::after { content: ""; height: calc(var(--b-dependency-terminal-size) * 2); width: calc(var(--b-dependency-terminal-size) * 2); border-radius: 50%; position: absolute; transform: translate(calc(var(--b-dependency-terminal-size) * -0.5 - 1), calc(var(--b-dependency-terminal-size) * -0.5 - 1)); } } .b-sch-terminal.b-sch-terminal:hover { --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90)); } .b-dragging .b-sch-terminal, .b-sch-event-resizing .b-sch-terminal { display: none; } .b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active { --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90)); } :is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-valid { --b-dependency-terminal-border-color: var(--b-dependency-valid-color); --b-dependency-terminal-color: var(--b-dependency-terminal-valid-color, color-mix(in oklab, var(--b-color-green), var(--b-mix) 70%)); } :is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-invalid { --b-dependency-terminal-border-color: var(--b-dependency-invalid-color); --b-dependency-terminal-color: var(--b-dependency-terminal-invalid-color, color-mix(in oklab, var(--b-color-red), var(--b-mix) 70%)); } .b-creating-dependency * { touch-action: none; } .b-sch-terminal-top { top: var(--b-dependency-terminal-offset); inset-inline-start: 50%; translate: -50% -80%; } .b-sch-terminal-bottom { bottom: var(--b-dependency-terminal-offset); inset-inline-start: 50%; translate: -50% 80%; } .b-sch-terminal-start { inset-inline-start: var(--b-dependency-terminal-offset); top: 50%; translate: calc((var(--bi-terminal-start-end-offset) * -1) * var(--b-rtl-negate)) -50%; } .b-sch-terminal-end { inset-inline-end: var(--b-dependency-terminal-offset); top: 50%; translate: calc(var(--bi-terminal-start-end-offset) * var(--b-rtl-negate)) -50%; } .b-sch-terminal-hover-area { grid-area: body; width: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8); height: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8); justify-self: center; align-self: center; } .b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-start) { translate: calc(-0.35em * var(--b-rtl-negate)) -50%; } .b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-end) { translate: calc(0.35em * var(--b-rtl-negate)) -50%; } .b-sch-dependency-connector { position: absolute; contain: strict; border-top: 2px dashed var(--b-dependency-color); z-index: 10; transform-origin: 0 0; pointer-events: none; } .b-sch-dependency-connector.b-removing { transition: width 0.2s ease-out; } .b-sch-dependency-connector.b-valid { border-color: var(--b-dependency-valid-color); border-top-style: solid; } .b-sch-dependency-creation-tooltip { --b-panel-header-font-size: 0.8em; --b-panel-with-header-padding: 1em; --b-panel-header-gap: .5em; } .b-sch-dependency-creation-tooltip.b-popup { max-width: none; } .b-sch-dependency-creation-tooltip .b-popup-header { padding: 0.25em; color: var(--b-dependency-tooltip-valid-header-color); background: var(--b-dependency-tooltip-valid-header-background); } .b-safari :is(.b-sch-dependency-creation-tooltip .b-popup-header), .b-firefox :is(.b-sch-dependency-creation-tooltip .b-popup-header) { width: 1.5em; } .b-sch-dependency-creation-tooltip .b-popup-header i { rotate: 90deg; } .b-sch-dependency-creation-tooltip .b-header-title { justify-content: center; } .b-sch-dependency-creation-tooltip.b-invalid .b-popup-header { color: var(--b-dependency-tooltip-invalid-header-color); background: var(--b-dependency-tooltip-invalid-header-background); } .b-sch-dependency-creation-tooltip.b-checking .b-popup-header { background-color: var(--b-neutral-50); } /* lib/Scheduler/feature/mixin/DependencyTooltip.css */ :root, :host { --b-dependency-tooltip-label-font-size: .8em; } .b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip { --b-tooltip-content-display: grid; --b-tooltip-align-items: center; } :is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content { grid-template-columns: auto auto auto; } :is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content label { font-size: var(--b-dependency-tooltip-label-font-size); } /* lib/Scheduler/feature/mixin/HeaderDragSelect.css */ .b-colorize { --b-header-drag-select-background: color-mix(in srgb, var(--b-primary), transparent 70%); } .b-header-drag-selection-rect { position: absolute; left: 0; top: 0; height: 100%; transform-origin: 0 0; pointer-events: none; z-index: 100; background: var(--b-header-drag-select-background); } /* lib/Scheduler/feature/Pan.css */ .b-pan .b-timeline-sub-grid { cursor: all-scroll; } /* lib/Scheduler/feature/ScheduleContext.css */ :root, :host { --b-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color); --b-tick-cell-focused-outline-offset: -2px; --b-tick-cell-focused-outline-width: 1px; --b-active-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color); --b-active-tick-cell-focused-outline-offset: -2px; --b-active-tick-cell-focused-outline-width: var(--b-grid-cell-focused-outline-width); } .b-schedule-selected-tick { position: absolute; justify-content: center; overflow: hidden; z-index: 7; } .b-schedule-selected-tick.b-widget, .b-schedule-selected-tick .b-contains-widget { z-index: 7; box-shadow: none; } .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) { pointer-events: none; } .b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) { outline: var(--b-tick-cell-focused-outline-width) solid var(--b-tick-cell-focused-outline-color); outline-offset: var(--b-tick-cell-focused-outline-offset); } .b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget).b-active-tick { --b-tick-cell-focused-outline-width: var(--b-active-tick-cell-focused-outline-width); --b-active-tick-cell-focused-outline-offset: var(--b-active-tick-cell-focused-outline-offset); } /* lib/Scheduler/feature/ScheduleTooltip.css */ .b-sch-hover-tip-msg { margin-top: .5em; } /* lib/Scheduler/feature/ScrollButtons.css */ :root, :host { --b-scroll-button-border-radius: var(--b-widget-border-radius); --b-scroll-button-border-width: 1px; --b-scroll-button-color: var(--b-text-4); --b-scroll-button-background: var(--b-neutral-98); --b-scroll-button-hover-color: var(--b-text-3); --b-scroll-button-font-size: .9em; --b-scroll-buttons-zindex: 9; } .b-scroll-buttons-canvas { z-index: var(--b-scroll-buttons-zindex); contain: none; overflow: visible; } .b-scroll-buttons-container { position: absolute; display: flex; width: 100%; pointer-events: none; align-items: center; } .b-scroll-button-wrap { position: sticky; display: flex; flex-direction: row; align-items: baseline; justify-content: center; gap: .5em; padding: 0.1em 0.5em; pointer-events: all; cursor: pointer; transition: color .2s, background-color .2s; min-width: 3.1em; background: var(--b-scroll-button-background); border: var(--b-scroll-button-border-width) solid var(--b-scroll-button-color); border-radius: var(--b-scroll-button-border-radius); color: var(--b-scroll-button-color); font-size: var(--b-scroll-button-font-size); } .b-scroll-button-wrap:hover { --b-scroll-button-color: var(--b-scroll-button-hover-color); } .b-scroll-button-wrap.b-scroll-backward { inset-inline-start: 1em; } .b-scroll-button-wrap.b-scroll-forward { margin-inline-start: auto; inset-inline-end: 1em; } /* lib/Scheduler/feature/SimpleEventEdit.css */ .b-simple-event-editor { --b-simple-event-edit-editor-background: var(--b-primary-100); } .b-simple-event-editor { border-radius: inherit; z-index: 15; --b-widget-floating-box-shadow: none; } .b-simple-event-editor.b-target-has-border .b-field { --b-text-field-border-width: 0; } .b-simple-event-editor .b-field { --b-text-field-background: var(--b-simple-event-edit-editor-background); align-items: stretch; } .b-simple-event-editor .b-field-inner { border-radius: inherit; } .b-sch-horizontal .b-simple-event-editor .b-field { height: 100%; } /* lib/Scheduler/feature/StickyEvents.css */ .b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range { --b-sch-event-content-width: auto; } :is(.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range) .b-sch-event-content { position: sticky; inset-inline-start: var(--b-sch-event-padding-inline); } .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range { justify-content: flex-start; } .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range > div { overflow: clip; width: 100%; } .b-firefox.b-sticky-events.b-sch-horizontal .b-sch-foreground-canvas { contain: none; } .b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range { --b-sch-event-content-height: auto; } :is(.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range) .b-sch-event { align-items: flex-start; } /* lib/Scheduler/feature/TickCells.css */ .b-sch-tick-cell { position: absolute; contain: strict; display: grid; align-items: center; justify-content: center; pointer-events: all; font-size: 1em; } /* lib/Scheduler/feature/TimeAxisHeaderMenu.css */ .b-sch-time-axis-menu-date-range-popup { width: 22em; } .b-sch-time-axis-menu-date-range-popup .b-popup-content { grid-template-columns: auto 1fr auto; } /* lib/Scheduler/feature/TimelineSummary.css */ :root, :host { --b-time-axis-footer-cell-border-color: var(--b-grid-cell-border-color); } .b-sch-summary-bar { padding: 0; flex-direction: row; justify-content: flex-start; flex-grow: unset !important; } .b-sch-summary-bar .b-time-axis-tick { display: flex; flex-direction: column; text-align: center; overflow: hidden; justify-content: center; align-items: stretch; } .b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick { padding: .5em 0; } .b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick:not(:last-child) { border-inline-end: 1px solid var(--b-time-axis-footer-cell-border-color); } .b-sch-vertical .b-sch-summary-bar { flex-direction: column; align-items: stretch; gap: 0; } .b-sch-vertical .b-sch-summary-bar .b-time-axis-tick { padding: 0 0.5em; } .b-time-axis-summary-tip { display: flex; flex-direction: row; flex-wrap: wrap; } .b-time-axis-summary-tip header { width: 100%; text-align: center; font-weight: 700; margin-bottom: 1em; } .b-time-axis-summary-tip label { flex: 1 1 50%; } .b-time-axis-summary-tip .b-time-axis-summary-value { flex: 0 0 auto; } /* lib/Scheduler/feature/TimeRanges.css */ :root, :host { --b-time-range-range-zindex: 4; --b-time-range-line-zindex: 10; --b-time-range-header-gap: 0.5em; --b-time-range-header-font-size: 0.9em; --b-time-range-header-font-weight: 500; --b-time-range-label-offset: 0.5em; --b-time-range-label-font-size: 0.7em; --b-time-range-opacity: 0.5; --b-time-range-line-header-border-radius: 0.25em; --b-time-range-line-header-padding-inline: 0.5em; --b-time-range-line-width: 2px; --b-time-range-line-style: solid; --b-time-range-line-opacity: 1; --b-time-range-line-label-border-radius: var(--b-widget-border-radius); --b-time-range-line-label-padding: 0.5em; --b-time-range-line-label-font-size: 0.7em; --b-time-range-line-label-offset: var(--b-time-range-label-offset); --b-time-range-color: #fff; --b-time-range-background: var(--b-neutral-95); --b-time-range-line-primary: var(--b-color-amber); --b-time-range-line-label-color: #fff; --b-current-time-color: var(--b-color-deep-orange); } .b-colorize { --b-time-range-header-background: var(--b-primary-75); --b-time-range-line-color: var(--b-primary-50); --b-time-range-line-header-background: var(--b-time-range-line-color); --b-time-range-line-label-background: var(--b-time-range-line-color); } .b-time-ranges-canvas { display: contents; } .b-sch-time-range { position: absolute; z-index: var(--b-time-range-range-zindex); transition: var(--b-sch-event-transition, var(--b-gantt-task-transition)); } .b-animating .b-sch-time-range { transition: var(--b-sch-event-animating-transition, var(--b-gantt-task-animating-transition)); } .b-sch-line { margin-inline-start: -1px; } .b-time-ranges-header-canvas .b-sch-time-range { display: flex; align-items: center; justify-content: center; bottom: 0; background: var(--b-time-range-header-background); color: var(--b-time-range-color); font-weight: var(--b-time-range-header-font-weight); height: calc(100% / var(--bi-header-levels)); gap: var(--b-time-range-header-gap); } .b-time-ranges-header-canvas .b-sch-time-range label { white-space: nowrap; font-size: var(--b-time-range-header-font-size); font-weight: var(--b-time-range-header-font-weight); } .b-time-ranges-header-canvas .b-sch-time-range.b-dragging { opacity: 1; } .b-time-ranges-header-canvas .b-sch-line { --b-primary: var(--b-time-range-line-primary); --b-time-range-header-background: var(--b-time-range-line-header-background); } .b-time-ranges-header-canvas .b-sch-current-time { z-index: calc(var(--b-time-range-range-zindex) + 1); --b-primary: var(--b-current-time-color); } .b-time-ranges-body-canvas { display: contents; } .b-timeline-sub-grid .b-sch-time-range { inset-block: 0; background: var(--b-time-range-background); opacity: var(--b-time-range-opacity); } .b-timeline-sub-grid .b-sch-time-range label { position: relative; font-size: var(--b-time-range-label-font-size); font-weight: var(--b-time-range-header-font-weight); } .b-timeline-sub-grid .b-sch-time-range:not(.b-sch-line) { display: flex; justify-content: center; } .b-timeline-sub-grid .b-narrow-range label { writing-mode: tb; inset-inline-start: var(--b-time-range-label-offset); } .b-timeline-sub-grid .b-sch-line { --b-primary: var(--b-time-range-line-primary); width: 0; overflow: visible; border-inline-start: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color); z-index: var(--b-time-range-line-zindex); opacity: var(--b-time-range-line-opacity); --b-time-range-label-font-size: var(--b-time-range-line-label-font-size); } .b-timeline-sub-grid .b-sch-line:before { display: none; } .b-timeline-sub-grid .b-sch-line label { width: fit-content; white-space: nowrap; color: var(--b-time-range-line-label-color); background: var(--b-time-range-line-label-background); border-start-end-radius: var(--b-time-range-line-label-border-radius); border-end-end-radius: var(--b-time-range-line-label-border-radius); inset-block-start: var(--b-time-range-line-label-offset); padding: var(--b-time-range-line-label-padding); } .b-timeline-sub-grid .b-sch-current-time { --b-primary: var(--b-current-time-color); } .b-timeline-base:not(.b-sch-vertical) .b-time-ranges-header-canvas .b-sch-line { padding-inline: var(--b-time-range-line-header-padding-inline); border-start-end-radius: var(--b-time-range-line-header-border-radius); border-end-end-radius: var(--b-time-range-line-header-border-radius); } .b-sch-vertical .b-time-ranges-header-canvas .b-sch-line { padding-block: var(--b-time-range-line-header-padding-inline); border-start-start-radius: var(--b-time-range-line-header-border-radius); border-end-start-radius: var(--b-time-range-line-header-border-radius); } .b-sch-vertical .b-sch-time-range { inset-inline-start: auto; inset-block-start: 0; justify-content: flex-start; bottom: auto; } .b-sch-vertical .b-sch-time-range label { writing-mode: vertical-lr; -ms-writing-mode: tb-lr; rotate: 180deg; } .b-sch-vertical .b-sch-time-range.b-over-resize-handle { cursor: ns-resize; } .b-sch-vertical .b-timeline-sub-grid .b-sch-time-range { height: auto; width: inherit; } .b-sch-vertical .b-timeline-sub-grid .b-sch-line { border-top: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color); color: #fff; padding: 0; height: 1px; } .b-sch-vertical .b-timeline-sub-grid .b-sch-line label { border-radius: 0; border-start-start-radius: var(--b-time-range-line-label-border-radius); border-end-start-radius: var(--b-time-range-line-label-border-radius); } .b-sch-vertical .b-grid-sub-grid-locked .b-sch-time-range { flex-direction: column; justify-content: center; inset-inline-end: 0; width: 2em; } .b-interaction-tooltip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } /* lib/Scheduler/feature/NonWorkingTime.css */ :root, :host { --b-non-working-time-zindex: 3; --b-non-working-time-opacity: 0.4; --b-non-working-time-background: var(--b-neutral-95); } .b-colorize { --b-non-working-time-header-background: color-mix(in oklab, var(--b-color-red), transparent 95%); } .b-timeline-base.b-widget .b-sch-non-working-time { --b-time-range-header-background: var(--b-non-working-time-header-background); --b-time-range-background: var(--b-non-working-time-background); --b-time-range-opacity: var(--b-non-working-time-opacity); --b-time-range-range-zindex: var(--b-non-working-time-zindex); } .b-time-ranges-header-canvas .b-sch-non-working-time { pointer-events: none; } /* lib/Scheduler/feature/TimeSelection.css */ :root, :host { --b-time-selection-opacity: 0.2; } .b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span { color: #fff; justify-content: space-between; padding: 0.4em; opacity: 1; line-height: 1em; background: var(--b-time-selection-header-background, var(--b-primary-60)); } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) span { white-space: nowrap; overflow: hidden; } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-start, :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-end { align-self: flex-end; } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-icon-close { position: absolute; top: 0.2em; inset-inline-end: 0.4em; cursor: pointer; } .b-sch-time-axis-column .b-selected-time-span { font-size: 0.7em; } .b-vertical-time-axis-column .b-selected-time-span { width: calc(100% - 2em); } .b-vertical-time-axis-column .b-selected-time-span span { font-size: 0.7em; } .b-vertical-time-axis-column .b-selected-time-span .b-icon-close { inset-inline-start: 0.4em; } :is(.b-grid-header, .b-timeline-sub-grid, .b-vertical-time-axis-column) .b-selected-time-span { transition: none; z-index: 10; } .b-timeline-sub-grid .b-selected-time-span { --b-time-range-background: var(--b-time-selection-background, var(--b-primary-85)); --b-time-range-opacity: var(--b-time-selection-opacity); } /* lib/Scheduler/feature/TreeSummary.css */ :root, :host { --b-tree-summary-zindex: 4; } .b-tree-summary .b-tick-cell-canvas { z-index: var(--b-tree-summary-zindex); } .b-sch-tick-summary-cell { display: flex; position: absolute; contain: strict; pointer-events: all; } .b-animating .b-sch-tick-summary-cell { transition: top var(--b-grid-row-transition-duration); } .b-tree-summary-cell { display: flex; flex: 1; justify-content: center; align-items: center; font-weight: 400; } .b-tree-summary-cell:empty { visibility: hidden; } /* lib/Scheduler/tooltip/ClockTemplate.css */ :root, :host { --b-clock-size: 1.5em; --b-clock-hand-width: 3; } .b-sch-clock-wrap svg { width: var(--b-clock-size); height: var(--b-clock-size); } .b-sch-clock-wrap circle { stroke: var(--b-clock-hand-color, var(--b-primary-30)); stroke-width: var(--b-clock-hand-width); fill: var(--b-clock-dial-background, var(--b-primary-95)); } .b-sch-clock-wrap line { stroke: var(--b-clock-hand-color, var(--b-primary-30)); stroke-width: var(--b-clock-hand-width); transform-origin: center; } .b-sch-clock-wrap line.b-hour-hand { rotate: calc(var(--bi-sch-clock-hour, 0) * 30deg); } .b-sch-clock-wrap line.b-minute-hand { rotate: calc(var(--bi-sch-clock-minute, 0) * 6deg); } .b-sch-clock-text { white-space: nowrap; } .b-sch-clock-wrap, .b-sch-date-wrap { display: flex; gap: 0.5em; align-items: center; } .b-sch-date { overflow: clip; background: color-mix(in srgb, var(--b-primary), transparent 90%); border-radius: .25em; } .b-sch-date-month { font-size: .6em; background: color-mix(in srgb, var(--b-primary), transparent 70%); width: 3em; text-align: center; } .b-sch-date-date { font-size: .8em; text-align: center; } /* lib/Scheduler/view/HorizontalTimeAxis.css */ :root, :host { --b-horizontal-time-axis-border-width: var(--b-grid-header-border-width); --b-horizontal-time-axis-cell-padding-inline: var(--b-sch-event-padding-inline, var(--b-gantt-task-padding-inline)); --b-horizontal-time-axis-cell-padding-block: 0; --b-horizontal-time-axis-lowest-font-size: .9em; } .b-no-column-lines { --b-horizontal-time-axis-border-width: 0; } .b-sch-time-axis-column.b-grid-header.b-depth-0 { --b-grid-header-padding: 0; } .b-sch-time-axis-column.b-grid-header.b-depth-0:hover { background: var(--b-grid-header-background); color: var(--b-grid-header-color); } .b-timeline-base:not(.b-sch-vertical) .b-sch-time-axis-column.b-grid-header.b-depth-0 { border-block-end: none; } .b-horizontal-time-axis { flex-direction: column; flex: 1 0 100%; user-select: none; -webkit-user-select: none; overflow: clip; } .b-sch-header-row { position: relative; flex: 1 0 2em; contain: strict; overflow: clip; } .b-sch-header-row.b-sch-header-row-0.b-lowest { flex: 1; } .b-sch-header-row.b-sticky-header .b-sch-header-text { position: sticky; inset-inline-start: var(--b-horizontal-time-axis-cell-padding-inline); } .b-sch-header-time-axis-cell { display: flex; align-items: center; justify-content: center; position: absolute; inset-block: 0; cursor: pointer; overflow: clip; white-space: nowrap; contain: strict; transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-block-end: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color); border-inline-start: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); } .b-sch-header-time-axis-cell.fa { display: flex; font-weight: var(--b-grid-header-font-weight); } .b-sch-header-time-axis-cell.b-align-start { justify-content: flex-start; padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b-sch-header-time-axis-cell.b-align-end { justify-content: flex-end; } .b-horizontal-time-axis .b-sch-header-time-axis-cell:hover { background: var(--b-grid-header-hover-background); color: var(--b-grid-header-hover-color); } .b-sch-header-time-axis-cell.b-last .b-sch-header-text { overflow: hidden; } .b-lowest > .b-sch-header-time-axis-cell { border-block-end-width: var(--b-grid-header-container-border-width); font-size: var(--b-horizontal-time-axis-lowest-font-size); } .b--grid-header-container .b-sch-time-axis-column { flex-grow: unset !important; background: var(--b-grid-header-background); border-inline-end: 0 none; } .b--sch-timeaxiscolumn-levels-1 { min-height: 1.5em; } .b--sch-timeaxiscolumn-levels-2 { min-height: 3em; } .b--sch-timeaxiscolumn-levels-3 { min-height: 4.5em; } .b--sch-header-time-axis-cell { padding-block: var(--b-horizontal-time-axis-cell-padding-block); } :is(.b--sch-header-time-axis-cell.b-align-start, .b--sch-header-time-axis-cell.b-align-end) .b-sch-header-text { padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b--sch-header-time-axis-cell.b-align-start { justify-content: flex-start; } .b--sch-header-time-axis-cell.b-align-end { justify-content: flex-end; } .b--schedulerbase.b-fill-last-column .b-sch-time-axis-column:last-child { border-inline-end-color: var(--b-grid-header-border-color); } .b--sch-header-time-axis-cell[data-tick-index="0"] { border-inline-start: 0; } .b--timelinebase:not(.b-sch-vertical) .b-grid-header-container { border-bottom: 0; } .b--timelinebase:not(.b-sch-vertical) .b-header:not(.b-grid-header-scroller-normal) .b-grid-headers, .b--timelinebase:not(.b-sch-vertical) .b-horizontal-time-axis { border-bottom: 1px solid var(--b-grid-header-border-color); } /* lib/Scheduler/view/mixin/SchedulerEventRendering.css */ :root, :host { --b-sch-event-font-weight: 400; --b-sch-event-padding-inline: var(--b-widget-padding); --b-sch-event-padding-block: 0em; --b-sch-event-transition: border var(--b-default-transition-duration), border-radius var(--b-default-transition-duration), color var(--b-default-transition-duration), padding var(--b-default-transition-duration), opacity var(--b-default-transition-duration); --b-sch-event-animating-transition: border var(--b-default-transition-duration), border-radius var(--b-default-transition-duration), background-color var(--b-default-transition-duration), color var(--b-default-transition-duration), padding var(--b-default-transition-duration), opacity var(--b-default-transition-duration), inset var(--b-default-transition-duration), width var(--b-default-transition-duration), height var(--b-default-transition-duration); --b-sch-event-cursor: pointer; --b-sch-event-opacity: 1; --b-sch-event-border-width: 0px; --b-sch-event-width-reduction: 1px; --b-sch-event-min-size: 6px; --b-sch-event-content-width: 100%; --b-sch-event-content-height: 100%; --b-sch-event-border-radius: null; --b-sch-event-border-style: null; --b-sch-event-box-shadow: null; --b-sch-event-font-size: null; --b-sch-milestone-gap: 0.5em; --b-sch-milestone-border-width: var(--b-sch-event-border-width); --b-sch-event-border-color: var(--b-sch-event-background); } .b-grid-row { --b-resource-event-color: var(--b-primary); } .b-scrolling { --b-sch-event-transition: none; } .b-sch-event-wrap { position: absolute; display: grid; outline: none; contain: layout style; align-items: center; pointer-events: all; z-index: 1; grid-template-areas: "top top top top top" "before start body end after" "bottom bottom bottom bottom bottom"; grid-template-columns: 0 auto 1fr auto 0; grid-template-rows: min-content auto min-content; opacity: var(--b-sch-event-opacity); transition: var(--b-sch-event-transition); } .b-sch-event-wrap:where(:not(.b-milestone-wrap)) { min-width: var(--b-sch-event-min-size); } .b-animating:not(.b-event-buffer-transition, .b-sub-grid-width-transition) .b-sch-event-wrap:not(.b-dragging, .b-sch-event-wrap-resizing, .b-reusing-own) { --b-sch-event-transition: var(--b-sch-event-animating-transition); } .b-sch-event-wrap:hover, .b-sch-event-wrap.b-hover, .b-sch-event-wrap.b-sch-event-wrap-resizing { --b-sch-event-background: var(--b-sch-event-hover-background); } .b-sch-event-wrap.b-selected { --b-sch-event-background: var(--b-sch-event-selected-background); } .b-using-keyboard .b-sch-event-wrap.b-active .b-sch-event { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); } .b-sch-event-wrap.b-removing { transition: opacity .3s; opacity: 0; } .b-sch-event-wrap.b-remove-remove, .b-sch-event-wrap.b-toggle-remove { transition: opacity var(--b-default-transition-duration), max-height var(--b-default-transition-duration); opacity: 0; max-height: 0; } .b-sch-event-wrap.b-toggle-add { animation: b-anim-toggle-add .3s !important; } .b-sch-event-wrap.b-sch-vertical { grid-template-areas: "top top top" "above above above" "start start start" "before body after" "end end end" "below below below" "bottom bottom bottom"; grid-template-columns: min-content auto min-content; grid-template-rows: 0 auto auto 1fr auto auto 0; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) { --b-sch-event-padding-inline: 1em; --b-sch-event-padding-block: 1em; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-content { white-space: normal; line-height: normal; align-items: flex-start; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-narrow .b-sch-event-content { flex-direction: column; align-items: center; } .b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap { white-space: nowrap; writing-mode: vertical-rl; } .b-grid-body-container.b-scrolling .b-sch-event-wrap { pointer-events: none; } .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-hover, .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-selected, .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap:focus { z-index: 100 !important; } .b-sch-vertical.b-event-layout-mixed .b-sch-event-wrap:focus { z-index: 100 !important; } .b-sch-event-wrap:where(:not(.b-sch-vertical)) { max-height: calc(var(--b-event-size) * 1px); } @keyframes b-anim-toggle-add { 0% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: calc(var(--b-event-size) * 1px); } } .b-sch-event { display: flex; align-items: center; white-space: nowrap; grid-area: body; position: relative; min-height: 0; height: 100%; opacity: 1; z-index: 1; transition: opacity var(--b-default-transition-duration); border-color: var(--b-sch-event-border-color); min-width: var(--b-sch-event-min-size); width: calc(100% - var(--b-sch-event-width-reduction)); } .b-sch-event:where(:not(.b-milestone)), .b-sch-event.b-wide-milestone, .b-sch-event.b-milestone .b-sch-event-content::before { border-width: var(--b-sch-event-border-width); border-style: var(--b-sch-event-border-style); box-shadow: var(--b-sch-event-box-shadow); color: var(--b-sch-event-color); cursor: var(--b-sch-event-cursor); font-weight: var(--b-sch-event-font-weight); transition: var(--b-sch-event-transition); } .b-sch-event:where(:not(.b-milestone)), .b-sch-event.b-milestone .b-sch-event-content::before { border-radius: var(--b-sch-event-border-radius); } .b-sch-event.b-wide-milestone { border-inline: none; } .b-sch-event:where(:not(.b-milestone)) { overflow: clip; background: var(--b-sch-event-background); } .b-sch-event-content { display: flex; overflow: clip; text-overflow: ellipsis; position: relative; line-height: 1.2em; align-items: center; min-width: 0; gap: 0.5em; font-size: var(--b-sch-event-font-size); margin-inline: var(--b-sch-event-padding-inline); padding-block: var(--b-sch-event-padding-block); width: var(--b-sch-event-content-width); height: var(--b-sch-event-content-height); } .b-sch-event-content > i { line-height: inherit; } .b-milestone-wrap:where(.b-sch-vertical) { justify-items: center; } .b-milestone-wrap:where(.b-sch-vertical) .b-milestone .b-sch-event-content { display: grid; padding-block: 0; } .b-milestone-wrap:where(.b-sch-vertical) .b-milestone label { justify-self: center; inset-block-start: calc(var(--b-event-size) * .8px + var(--b-sch-milestone-border-width, 0)); } .b-milestone-wrap.b-measure { height: 1em; position: fixed; top: -10000px; inset-inline-start: -10000px; visibility: hidden; } .b-milestone-wrap.b-measure label { font-weight: 400; } .b-sch-layout-milestones .b-milestone-wrap { margin: 0; min-width: 0; flex-direction: row; } .b-using-keyboard :is(.b-sch-layout-milestones .b-milestone-wrap).b-active { outline-offset: 3px; } .b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone, .b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone:before { outline: none; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone { position: relative; min-width: 0; padding: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; background: var(--b-sch-event-background); inset-inline-start: calc(0.5 * var(--b-milestone-size)); width: calc(100% - var(--b-milestone-size)); } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content { justify-content: center; z-index: 1; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before { content: none; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before, .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after { background: inherit; position: absolute; content: " "; height: calc(var(--b-milestone-size) * 0.707107); aspect-ratio: 1 / 1; z-index: 0; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before { top: 50%; inset-inline-start: 0; transform-origin: 50% 50%; transform: translate(-50%, -50%) rotate(45deg); } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after { top: var(--bi-milestone-end-diamond-offset, 0); inset-inline-end: 0; rotate: -45deg; transform-origin: 100% 0; } .b-sch-layout-milestones .b-milestone-wrap.b-measure .b-sch-event.b-milestone { width: calc(100% + var(--b-milestone-size)); } .b-sch-layout-milestone-text-position-inside .b-milestone-wrap .b-milestone label { margin-inline-start: 0; inset-inline-start: 50%; translate: -50%; } .b-initial-fade-in .b-sch-dependency, .b-initial-fade-in .b-sch-event-wrap { opacity: 0; animation-name: b-anim-initial-fade-in; animation-duration: .5s; animation-fill-mode: forwards; } @keyframes b-anim-initial-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .b-initial-zoom-in .b-sch-event-wrap { animation-name: b-anim-initial-zoom-in; animation-duration: .4s; animation-timing-function: ease-in; } @keyframes b-anim-initial-zoom-in { 0% { transform: scale(0.01); } 100% { transform: scale(1); } } .b-initial-slide-from-left .b-sch-event-wrap { transform: translateX(-100vw); animation-name: b-anim-initial-slide-from-left; animation-duration: .7s; animation-fill-mode: forwards; } @keyframes b-anim-initial-slide-from-left { 100% { transform: translateX(0); } } .b-initial-slide-from-top .b-sch-event-wrap { transform: translateY(-100vh); animation-name: b-anim-initial-slide-from-top; animation-duration: .7s; animation-fill-mode: forwards; } @keyframes b-anim-initial-slide-from-top { 100% { transform: translateY(0); } } /* lib/Scheduler/feature/EventDrag.css */ .b-sch-event-wrap.b-aborting, .b-sch-event-wrap.b-drag-unified-animation { transition: var(--b-sch-event-transition), transform 0.2s, left 0.2s, top 0.2s; } .b-sch-event-wrap.b-dragging { z-index: 200 !important; } .b-sch-event-wrap.b-dragging.b-drag-main { z-index: 201 !important; } .b-event-drag-tooltip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } .b-sch-tip-message .b-icon:first-child { margin-inline-end: 0.5em; justify-content: center; color: var(--b-clock-hand-color); width: var(--b-clock-size); } .b-float-root > .b-tooltip.b-event-drag-tooltip { pointer-events: none; } /* lib/Scheduler/feature/EventResize.css */ :root, :host { --b-event-resize-handle-other-size: 3px; --b-event-resize-handle-hover-other-size: 3px; --b-event-resize-handle-border-radius: 3px; --b-event-resize-handle-inset: 7px; --b-event-resize-handle-size: 60%; --b-event-resize-handle-hover-size: 70%; --b-event-resize-handle-max-size: 3em; --b-event-resize-handle-zindex: 1; --b-event-resize-handle-background: #ffffff70; --b-event-resize-handle-hover-background: #ffffffdd; --bi-event-resize-handle-content: ""; --bi-event-resize-handle-start-translate: 0 -50%; --bi-event-resize-handle-end-translate: 0 50%; --bi-event-resize-handle-inset-inline: var(--b-event-resize-handle-inset); --bi-event-resize-handle-inset-block: 50%; --bi-event-resize-handle-height: var(--b-event-resize-handle-size); --bi-event-resize-handle-width: var(--b-event-resize-handle-other-size); --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-size); --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-other-size); --bi-event-resize-handle-cursor: ew-resize; } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { position: absolute; transition: background .2s, height .3s, width .3s, opacity .2s; opacity: 1; background: var(--b-event-resize-handle-background); border-radius: var(--b-event-resize-handle-border-radius); height: var(--bi-event-resize-handle-height); width: var(--bi-event-resize-handle-width); z-index: var(--b-event-resize-handle-zindex); } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start)::before { content: var(--bi-event-resize-handle-content); inset-inline-start: var(--bi-event-resize-handle-inset-inline); inset-block-start: var(--bi-event-resize-handle-inset-block); translate: var(--bi-event-resize-handle-start-translate); } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { content: var(--bi-event-resize-handle-content); inset-inline-end: var(--bi-event-resize-handle-inset-inline); inset-block-end: var(--bi-event-resize-handle-inset-block); translate: var(--bi-event-resize-handle-end-translate); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle { --b-sch-event-cursor: var(--bi-event-resize-handle-cursor); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle > ::before { --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background); --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width); --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle { --b-sch-event-cursor: var(--bi-event-resize-handle-cursor); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle > ::after { --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background); --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width); --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing):where(.b-sch-vertical) { --bi-event-resize-handle-inset-inline: 50%; --bi-event-resize-handle-inset-block: var(--b-event-resize-handle-inset); --bi-event-resize-handle-start-translate: -50% 0; --bi-event-resize-handle-end-translate: 50% 0; --bi-event-resize-handle-height: var(--b-event-resize-handle-other-size); --bi-event-resize-handle-width: var(--b-event-resize-handle-size); --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-other-size); --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-size); --bi-event-resize-handle-cursor: ns-resize; } @starting-style { :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { height: 0; opacity: 0; } :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { width: 0; opacity: 0; } } .b-scheduler-base.b-read-only .b-sch-event-wrap { --bi-event-resize-handle-content: null; } :is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::before, :is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::after { transition: opacity .2s; opacity: 0; } .b-resizing-event { cursor: ew-resize; } .b-resizing-event.b-sch-vertical { cursor: ns-resize; } .b-resizing-event .b-sch-time-axis-cell, .b-resizing-event .b-sch-event-wrap { pointer-events: none; } .b-sch-event-wrap-resizing { z-index: 2; } .b-sch-event-resize-tip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } .b-sch-event-resize-tip .b-sch-tip-message:empty { display: none; } /* lib/Scheduler/view/EventStyles.css */ .b-style-gantt, .b-style-gantt .b-sch-event-segment { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-text-5); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%); --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-gantt, .b-style-gantt .b-sch-event-segment { --b-sch-event-background: var(--b-primary-75); --b-sch-event-hover-background: var(--b-primary-70); --b-sch-event-selected-background: var(--b-primary-65); } } .b-style-tonal { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: var(--b-sch-event-tonal-background); --b-sch-event-hover-background: var(--b-sch-event-tonal-hover-background); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-sch-event-font-weight: 600; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-tonal { --b-sch-event-color: var(--b-primary-40); --b-sch-event-background: var(--b-primary-93); --b-sch-event-hover-background: var(--b-primary-85); --b-sch-event-selected-background: var(--b-primary-75); } } :is(.b-style-filled, .b-style-plain), :is(.b-style-filled, .b-style-plain) .b-sch-event-segment { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-text-5); --b-sch-event-background: var(--b-primary); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-color: var(--b-sch-event-background); } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-filled, .b-style-plain), :is(.b-style-filled, .b-style-plain) .b-sch-event-segment { --b-sch-event-hover-background: var(--b-primary-40); --b-sch-event-selected-background: var(--b-primary-30); } } .b-style-traced, .b-style-traced .b-sch-event-segment { --b-sch-event-border-radius: 0.75em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-font-weight: 600; --b-sch-event-border-width: 1px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 1px; } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-traced, .b-style-traced .b-sch-event-segment { --b-sch-event-background: var(--b-primary-95); --b-sch-event-hover-background: var(--b-primary-93); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-bordered, .b-style-border), :is(.b-style-bordered, .b-style-border) .b-sch-event-segment { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: #fff; --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-hover-background: var(--b-primary); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%); --b-sch-event-font-weight: 600; --b-sch-event-border-width: 1px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 1px; --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 30%); } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-bordered, .b-style-border), :is(.b-style-bordered, .b-style-border) .b-sch-event-segment { --b-sch-event-background: var(--b-primary-60); --b-sch-event-selected-background: var(--b-primary-45); } } .b-style-outlined, .b-style-hollow { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-background: transparent; --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-border-width: 2px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 2px; } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-outlined, .b-style-hollow { --b-sch-event-hover-background: var(--b-primary-95); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-outlined, .b-style-hollow) .b-segmented { --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%); } :is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment { --b-sch-event-border-radius: 0.15em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: var(--b-sch-event-indented-background); --b-sch-event-hover-background: var(--b-sch-event-indented-hover-background); --b-sch-event-selected-background: var(--b-sch-event-indented-selected-background); --b-sch-event-border-width: 0 0 0 6px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 6px; } .b-sch-vertical :is(:is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment) { --b-sch-event-border-width: 6px 0 0 0; } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment { --b-sch-event-background: var(--b-primary-95); --b-sch-event-hover-background: var(--b-primary-91); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-indented, .b-style-colored) .b-wide-milestone { border-block: none; --b-milestone-size: calc(var(--b-event-size) * 1px); } :is(.b-style-indented, .b-style-colored) .b-wide-milestone::before { border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color); border-inline-end: none; border-block-start: none; border-end-start-radius: var(--b-sch-event-border-radius); } .b-style-calendar { --b-sch-event-border-radius: var(--b-calendar-event-border-radius, .5em); --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-selected-background: var(--b-primary); --b-sch-event-border-width: 0 0 0 var(--b-day-view-event-border-inline-start-width, 4px); --b-sch-event-border-color: var(--b-primary); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 6px; --b-sch-event-padding-inline: var(--b-day-view-event-body-padding, .35em); --b-sch-event-padding-block: var(--b-day-view-event-body-padding, .35em); --b-sch-event-font-weight: var(--b-calendar-event-font-weight, 500); --b-sch-event-font-size: var(--b-calendar-event-font-size, .9em); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-calendar { --b-sch-event-background: var(--b-primary-97); --b-sch-event-hover-background: var(--b-primary-95); --b-sch-event-selected-background: var(--b-primary-90); } } .b-sch-vertical .b-style-calendar { --b-sch-event-border-width: var(--b-day-view-event-border-inline-start-width, 4px) 0 0 0; } .b-style-calendar .b-sch-event-content { align-items: flex-start; } .b-style-calendar.b-selected { --b-sch-event-color: var(--b-neutral-100); } .b-style-interday { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-primary); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-border-color: var(--b-sch-event-background); --b-sch-event-opacity: var(--b-calendar-event-solid-bar-opacity, 0.8); --b-sch-event-font-weight: var(--b-calendar-solid-bar-font-weight, 500); --b-sch-event-font-size: var(--b-calendar-solid-bar-font-size, .9em); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-interday { --b-sch-event-hover-background: var(--b-primary-40); --b-sch-event-selected-background: var(--b-primary-30); } } .b-style-interday.b-selected { --b-sch-event-color: var(--b-neutral-100); } .b-style-interday:hover { --b-sch-event-opacity: 1; } .b-style-rounded { --b-sch-event-border-radius: 1000em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%); --b-sch-event-selected-background: var(--b-primary); --b-sch-event-font-weight: 500; --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 70%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-rounded { --b-sch-event-background: var(--b-primary-93); --b-sch-event-hover-background: var(--b-primary-80); } } .b-style-rounded.b-selected { --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); } .b-style-line { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 5px 0 0 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: solid; --b-sch-event-font-size: 0.8em; --b-sch-milestone-border-width: 5px; } .b-style-line.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-line.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-style-line:not(.b-milestone-wrap) { translate: 0 .7em; } .b-style-line:not(.b-milestone-wrap) .b-sch-event { justify-content: center; height: calc(1.5em + 5px); } .b-sch-vertical .b-style-line { --b-sch-event-border-width: 0 0 0 5px; } .b-sch-vertical .b-style-line .b-sch-event { height: 100%; } .b-style-dashed { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 5px 0 0 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: dashed; --b-sch-event-font-size: 0.8em; --b-sch-milestone-border-width: 5px; } .b-style-dashed.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-dashed.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-style-dashed:not(.b-milestone-wrap) { translate: 0 .7em; } .b-style-dashed:not(.b-milestone-wrap) .b-sch-event { justify-content: center; height: calc(1.5em + 5px); } .b-sch-vertical .b-style-dashed { --b-sch-event-border-width: 0 0 0 5px; } .b-sch-vertical .b-style-dashed .b-sch-event { height: 100%; } .b-style-minimal { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 0 0 1px 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: solid; --b-sch-event-font-size: 0.9em; --b-sch-milestone-border-width: 1px; } .b-style-minimal.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-minimal.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-sch-vertical .b-style-minimal { --b-sch-event-border-width: 0 0 0 1px; } .b-style-minimal > .b-sch-event { height: 60%; } .b-style-minimal .b-milestone.b-wide-milestone { --b-milestone-size: calc(var(--b-event-size) * 0.6 * 1px); } .b-sch-event-wrap, .b-gantt-task-wrap { --b-sch-event-tonal-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-tonal-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-indented-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-indented-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%); --b-sch-event-indented-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); } :is(.b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-sch-event-wrap, .b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-gantt-task-wrap):not(.b-highlighted) { transition: opacity 0.4s; opacity: .2; } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone { --b-milestone-size: calc(var(--b-event-size) * 1px); --bi-milestone-end-diamond-offset: calc(var(--b-sch-event-border-width) * -1); } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before, :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after { border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color); } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before { border-inline-end: none; border-block-start: none; } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after { border-inline-start: none; border-block-start: none; } /* lib/Scheduler/view/Milestones.css */ .b-milestone-wrap { justify-content: center; --b-milestone-size: calc(var(--b-event-size) * 1px - var(--b-sch-milestone-border-width, 0) * 2); } .b-milestone-wrap.b-sch-event-wrap, .b-milestone-wrap.b-sch-event-wrap.b-sch-vertical, .b-milestone-wrap.b.gantt-task-wrap { --b-sch-event-border-width: var(--b-sch-milestone-border-width); } .b-milestone-wrap .b-milestone { overflow: visible; box-shadow: none; background-color: transparent; width: var(--b-milestone-size); } .b-milestone-wrap .b-milestone.b-sch-event-with-icon .b-sch-event-content { overflow: visible; justify-content: center; } .b-milestone-wrap .b-milestone.b-sch-event-with-icon i { font-size: var(--b-milestone-size); } .b-milestone-wrap .b-milestone label { position: absolute; } .b-labels-topbottom :is(.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon)) { --b-milestone-size: calc(var(--b-event-size) * 0.4px); } .b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-gantt-task-content::before, .b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-sch-event-content::before { position: absolute; translate: 20%; content: ""; border-radius: 0; background: inherit; height: calc(var(--b-milestone-size) * 0.707107); aspect-ratio: 1/ 1; rotate: 45deg; } .b-milestone-wrap:where(:not(.b-sch-vertical)) .b-milestone label { margin-inline-start: 0.5em; inset-inline-start: var(--b-milestone-size); } .b-milestone-wrap .b-gantt-task-content, .b-milestone-wrap .b-sch-event-content { overflow: visible; margin: 0; height: 0; width: 100%; display: flex; align-items: center; background: var(--b-sch-event-background); } .b-using-keyboard .b-milestone-wrap.b-active .b-sch-event.b-sch-event-with-icon { outline-offset: 3px; } .b-using-keyboard .b-milestone-wrap.b-active .b-sch-event:not(.b-sch-event-with-icon) .b-sch-event-content:before { outline-offset: 3px; } /* lib/Scheduler/view/mixin/TimelineEventRendering.css */ :root, :host { --b-events-zindex: 6; } /* lib/Scheduler/view/recurrence/RecurrenceEditorPanel.css */ .b-recurrence-editor-panel { --b-panel-padding: 0; } .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap { overflow: visible; } .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content { overflow: visible; } :is(.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysNumberRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=positionAndDayRadioField]).b-has-label.b-field { display: grid; } .b-recurrence-editor-panel [data-ref=positionsCombo], .b-recurrence-editor-panel [data-ref=daysCombo] { grid-column: 2; } .b-recurrence-editor-panel .b-button-group { gap: 1px; width: 100%; height: auto; overflow: hidden; --b-button-focus-outline-offset: -2px; } .b-recurrence-editor-panel .b-button-group .b-button { border: none; min-height: 2.5em; border-radius: 0; } .b-recurrence-editor-panel .b-button-group.b-recurrence-days-button-group .b-button { flex: 1 1 100%; min-width: auto; padding-inline: 0; } .b-recurrence-editor-panel .b-button-group.b-recurrence-months-button-group { display: grid; grid-template-columns: repeat(4, 1fr); } .b-recurrence-editor-panel .b-button-group.b-recurrence-month-days-button-group { display: grid; grid-template-columns: repeat(7, 1fr); --b-button-padding: .25em; } /* lib/Scheduler/view/ResourceHeader.css */ :root, :host { --b-resource-header-avatar-size: 2.5em; --b-resource-header-gap: 0.5em; } .b-colorize { --b-resource-header-avatar-background-color: var(--b-primary-85); } .b-sch-vertical .b-sch-time-axis-column { flex-direction: row; min-height: 3em; } .b-resource-header { flex: 1; position: relative; contain: strict; } .b-resource-header.b-has-images { min-height: 3em; } .b-resource-header.b-grouped { height: 6em; } .b-resource-header .b-resource-avatar { --b-avatar-size: var(--b-resource-header-avatar-size); } .b-resource-header-group-cell { position: absolute; display: flex; align-items: stretch; flex-direction: column; height: 100%; } .b-resource-header-group-cell > .b-resource-header-group-text-wrap { padding: 0.5em 0; display: flex; width: 100%; justify-content: center; align-items: center; transition: border var(--b-default-transition-duration); border-bottom: 1px solid var(--b-grid-header-border-color); border-inline-end: 1px solid var(--b-grid-header-border-color); } .b-resource-header-group-cell > .b-resource-header-group-text-wrap > span { position: sticky; inset-inline-start: 0; padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b-resource-header-group-cell .b-resource-header-group-children { position: relative; height: 100%; } .b-resource-header-cell { position: absolute; display: flex; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; contain: strict; height: 100%; user-select: none; -webkit-user-select: none; transition: background-color var(--b-default-transition-duration), color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-inline-end: 1px solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); gap: var(--b-resource-header-gap); --bi-resource-avatar-color: var(--b-resource-event-color, var(--b-primary)); } .b-animating .b-resource-header-cell { transition: width 0.2s, left 0.2s, right 0.2s; } .b-resource-header-cell:hover { cursor: pointer; background: var(--b-grid-header-hover-background); } .b-resource-header-cell.b-align-start, .b-resource-header-cell.b-align-end { padding-inline: 0.3em; } .b-resource-header-cell.b-align-start { justify-content: flex-start; } .b-resource-header-cell.b-align-end { justify-content: flex-end; } .b-resource-header-cell i { margin-inline-end: .5em; } .b-resource-header-cell .b-resource-name { overflow: hidden; } .b-resource-header-cell .b-resource-avatar { transition: background var(--b-default-transition-duration); background-color: var(--b-resource-header-avatar-background-color); --b-primary: var(--bi-resource-avatar-color); } /* lib/Scheduler/view/SchedulerBase.css */ .b-sch-vertical .b-grid-cell { border-bottom: none; } /* lib/Scheduler/view/TimelineBase.css */ :root, :host { --b-top-canvas-zindex: 1000; } .b-timeline-base.b-animating .b-grid-row { transition: height 0.2s, translate 0.2s, inset 0.2s; } .b-time-axis-cell:not(.b-group-title) { --b-grid-cell-padding-inline: 0; --b-grid-cell-focused-outline-width: 0; } .b-sch-canvas { position: absolute; inset: 0; pointer-events: none; contain: strict; overflow: clip; height: max(1px, 100%); width: var(--bi-total-column-width); } .b-sch-foreground-canvas { z-index: var(--b-events-zindex); } .b-sch-top-canvas { z-index: var(--b-top-canvas-zindex); } .b-calculation-progress-wrap, .b-timeline-loading-indicator-wrap { position: absolute; bottom: 0; display: flex; width: 100%; height: 2px; z-index: 100; } .b-timeline-loading-indicator-wrap { background: color-mix(in srgb, var(--b-color-green), transparent 80%); } .b-calculation-progress, .b-timeline-loading-indicator { opacity: 0.6; background: var(--b-color-green); } .b-timeline-loading-indicator { animation: b-anim-line-loop 3s linear infinite; } @keyframes b-anim-line-loop { 0% { width: 0; margin-inline-start: 0; } 50% { width: 100%; margin-inline-start: 0; } 100% { width: 100%; margin-inline-start: 100%; } } /* lib/Scheduler/view/TimelineHistogram.css */ .b-timeline-histogram .b-grid-row { --b-grid-row-zindex: calc(var(--b-column-lines-zindex) + 2); } .b-timeline-histogram .b-timeline-histogram-cell { padding: 0; border-inline-end-width: 0; } .b-timeline-histogram .b-timeline-sub-grid .b-grid-cell.b-focused::after { display: none; } .b-timeline-histogram-histogram { padding: 0; background-color: transparent; } /* lib/Scheduler/view/VerticalTimeAxis.css */ :root, :host { --b-vertical-time-axis-background: var(--b-neutral-100); } .b-vertical-time-axis-column { flex-flow: column nowrap; align-items: stretch; padding: 0; border-inline-end: none; background-color: var(--b-vertical-time-axis-background) !important; } .b-vertical-time-axis-column.b-grid-cell.b-focused:after { display: none; } .b-vertical-time-axis { flex: 1 0 100%; contain: strict; } .b-vertical-time-axis .b-sch-header-row { flex-direction: column; flex: 1; } .b-vertical-time-axis .b-sch-header-time-axis-cell { width: 100%; padding: 0; border-inline-start: 0 none; overflow: visible; text-transform: var(--b-grid-header-text-transform); } .b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell { border-inline-end: none; border-bottom: none; justify-content: flex-end; align-items: flex-start; contain: unset; } .b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell .b-sch-header-text { padding-inline-end: 0.5em; margin-top: -0.75em; } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) { --b-grid-header-hover-background: var(--b-vertical-time-axis-background); } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) { flex: 0 0 2em; } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-time-axis-cell { align-items: flex-start; border-inline-end: 1px solid var(--b-grid-header-border-color); } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-text { padding-inline: 0.5em; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; rotate: 180deg; } .b-vertical-time-axis .b-sticky-header .b-sch-header-text { inset-inline-start: 0; } .b-firefox .b-sticky-headers .b-resource-header { contain: style paint layout; } .b-sch-vertical .b-sticky-headers .b-sch-header-row, .b-sch-vertical .b-sticky-headers .b-sch-header-time-axis-cell { overflow: visible; } .b-sch-vertical .b-sticky-headers .b-content-element, .b-sch-vertical .b-sticky-headers .b-grid-sub-grid-locked, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis-row, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis-column, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis, .b-sch-vertical .b-sticky-headers .b-resource-header, .b-sch-vertical .b-sticky-headers .b-resource-header-group-cell, .b-sch-vertical .b-sticky-headers .b-resource-header-group-text-wrap { overflow: clip; } /* lib/Scheduler/widget/ResourceCombo.css */ .b-resource-combo .b-resource-icon { display: none; margin-inline: var(--b-text-field-input-padding) 0; color: var(--b-primary); } .b-resource-combo > .b-field-inner { padding-inline-start: 0; } .b-resource-combo.b-show-event-color:not(.b-uses-chip-view) .b-resource-icon { display: block; } .b-resource-combo-picker .b-icon { display: none; pointer-events: all; } :is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-icon { display: block; } :is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-selected .b-icon-square:before { content: "\f14a"; } .b-resource-combo-picker.b-show-event-color .b-icon { color: var(--b-primary); } .b-resource-combo-picker.b-show-event-color .b-icon::before { background: radial-gradient(var(--b-neutral-100) 60%, transparent 60%); font-size: var(--b-list-selected-icon-size); } /* lib/Scheduler/widget/ResourceFilter.css */ :root, :host { --b-resource-filter-item-selected-background: null; } .b-resource-filter .b-list-item.b-selected:not(:focus-visible) { --b-list-item-background: var(--b-resource-filter-item-selected-background); } /* lib/Scheduler/widget/SchedulerDatePicker.css */ :root, :host { --b-date-picker-cell-badge-font-size: 0.7em; --b-date-picker-cell-badge-background: var(--b-color-red); --b-date-picker-cell-badge-color: #fff; --b-date-picker-cell-badge-size: 1.7em; --b-date-picker-1-to-3-events-color: var(--b-color-yellow); --b-date-picker-4-to-6-events-color: var(--b-color-orange); --b-date-picker-7-or-more-events-color: var(--b-color-red); --b-date-picker-dots-padding-bottom: 0.75em; } .b-date-picker .b-cell-events-badge { display: grid; place-items: center; border-radius: 50%; aspect-ratio: 1 / 1; inset: auto auto -2px auto; font-size: var(--b-date-picker-cell-badge-font-size); background: var(--b-date-picker-cell-badge-background); color: var(--b-date-picker-cell-badge-color); width: var(--b-date-picker-cell-badge-size); } .b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover { border-radius: 0; } :is(.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover) .b-calendar-cell-inner { background-color: var(--b-year-view-heatmap-hover-background, var(--b-primary-75)); } .b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-inner { justify-content: flex-start; padding-top: 2px; } .b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-payload { bottom: 2px; } .b-date-picker .b-calendar-panel-cell.b-has-badge .b-date-picker-cell-inner { justify-content: flex-start; padding-top: 2px; } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) { --b-date-picker-heatmap-background: var(--b-neutral-95); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-1-to-3-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-1-to-3-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-4-to-6-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-4-to-6-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-7-or-more-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-7-or-more-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-dots .b-calendar-panel-cell { --bi-extra-cell-padding: calc(var(--bi-event-count-margin-top) + var(--bi-event-count-dot-size)); padding-bottom: var(--bi-extra-cell-padding); flex-direction: column; justify-content: flex-start; } .b-date-picker .b-show-events-dots .b-calendar-panel-cell:is(.b-in-range, .b-range-start, .b-range-end)::before { height: calc(100% - var(--bi-extra-cell-padding)); } .b-date-picker .b-show-events-dots .b-date-picker-cell-inner { height: auto; } /* ../Chart/lib/Chart/widget/Chart.css */ .b-chart-content { position: absolute; width: 100%; top: 0; bottom: 0; } .b-chart-show-controls { padding-top: 1em; } .b-chart-controls { position: absolute; z-index: 1; top: 0; inset-inline-end: 0; gap: 0; } .b-chart { transition: background var(--b-default-transition-duration); background: var(--b-neutral-100); } /* ../Chart/lib/Chart/widget/ChartDesigner.css */ :root, :host { --b-chart-designer-labels-list-padding-block: 1em; } .b-grid-chart-designer-content { padding: 0; } .b-grid-chart-designer-content .b-chart[data-ref=preview] { background: var(--b-primary-100); border-radius: var(--b-widget-border-radius); } .b-chart-designer-settings { flex: 0 0 22em; overflow: clip; transition: flex-basis 0.3s; } .b-chart-designer-settings .b-list { background: transparent; } .b-chart-designer-settings .b-tab-panel-item { padding: 1em .5em .5em .5em; --b-panel-header-padding: 0; } .b-chart-designer-settings .b-chart-layout-tab { padding-top: 0; } .b-chart-designer-settings .b-chart-appearance-tab { padding-block: 0; } .b-chart-designer-settings .b-chart-appearance-tab .b-panel-header { background: transparent; } .b-chart-designer-settings [data-ref=labelsSeriesList] { padding-block: var(--b-chart-designer-labels-list-padding-block); } .b-chart-designer-settings [data-ref=seriesList] { gap: 1em; padding-block: 1em; --b-list-item-multi-select-hover-background: transparent; --b-list-item-padding: 0; } .b-chart-designer-settings [data-ref=labelsSeriesList], .b-chart-designer-settings [data-ref=seriesList] { padding-inline: 1em; border: 1px solid var(--b-text-field-outlined-border-color); border-radius: var(--b-widget-border-radius); } .b-chart-designer-minimal .b-chart-designer-settings { flex-basis: 0; } .b-chart-type-list { display: grid; grid-template-columns: 4.5em 4.5em 4.5em; width: 100%; column-gap: 1em; overflow: visible; --b-list-item-selected-background: var(--b-primary-97); --b-list-item-focus-background: var(--b-primary-97); --b-list-item-multi-selected-focus-background: var(--b-primary-97); } .b-chart-type-list .b-list-item-group-header { font-weight: 500; grid-column: 1 / -1; } .b-chart-type-list .b-list-item:not(.b-list-item-group-header) { padding: 0; border: 1px solid var(--b-text-field-outlined-border-color); border-radius: var(--b-widget-border-radius); } .b-chart-type-list .b-list-item:not(.b-list-item-group-header).b-selected { outline: 1px solid var(--b-widget-focus-outline-color); outline-offset: 2px; } .b-chart-type-thumbnail { width: 4em; height: 3em; } .b-chart-appearance-tab { gap: 0; } .b-chart-appearance-tab .b-multi-section .b-panel { --b-panel-header-font-weight: 400; } .b-chart-appearance-tab .b-panel { flex-shrink: 0; --b-panel-header-font-size: 1em; --b-panel-with-header-padding: 0; --b-panel-header-padding: 1em 0; } .b-slider-with-field.b-hbox { margin-top: 1px; flex-wrap: wrap; } .b-slider-with-field.b-hbox > .b-label { min-width: 100%; } .b-slider-with-field.b-hbox .b-slider { flex: 1; } .b-slider-with-field.b-hbox .b-number-field { gap: 0; width: 6em; } .b-slider-with-field.b-hbox .b-number-field .b-label { display: none; } /* ../Chart/lib/Chart/widget/FontPicker.css */ .b-font-picker [data-ref=family] { flex: 1 1 60%; } .b-font-picker [data-ref=size] { flex: 1 0 30%; } .b-font-picker.b-hbox { flex-wrap: wrap; } .b-font-picker, .b-font-picker > .b-container { gap: 0.6em; } /* build/temp-entry.css */ /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@bryntum/scheduler/material3-light.css ***! \*********************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * * Bryntum Scheduler 7.1.3 * * Copyright(c) 2026 Bryntum AB * https://bryntum.com/contact * https://bryntum.com/license * * Bryntum incorporates third-party code licensed under the MIT and Apache-2.0 licenses. * See the licenses below or visit https://bryntum.com/products/scheduler/docs/guide/Scheduler/licenses * * # Third Party Notices * * Bryntum uses the following third party libraries: * * * [Font Awesome 6 Free](https://fontawesome.com/license/free) (MIT/SIL OFL 1.1) * * [Roboto font (for Material theme only)](https://github.com/google/roboto) (Apache-2.0) * * [Styling Cross-Browser Compatible Range Inputs with Sass](https://github.com/darlanrod/input-range-sass) (MIT) * * [Tree Walker polyfill (only applies to Salesforce)](https://github.com/Krinkle/dom-TreeWalker-polyfill) (MIT) * * [chronograph](https://github.com/bryntum/chronograph) (MIT) * * [later.js](https://github.com/bunkat/later) (MIT) * * [Monaco editor (only used in our demos)](https://microsoft.github.io/monaco-editor) (MIT) * * Map/Set polyfill to fix performance issues for Salesforce LWS (MIT) * * [Chart.js (when using Chart package)](https://github.com/chartjs/Chart.js) (MIT) * * Note: the **chronograph** and **later.js** libraries are used in Bryntum Scheduler Pro and Bryntum Gantt, but they are * listed for all Bryntum products since the distribution contains trial versions of the thin bundles for all other * products. TreeWalker is only used in the LWC bundle for Salesforce. Roboto font is only used in the material theme. * * ## Font Awesome 6 Free * * [Font Awesome Free 6 by @fontawesome](https://fontawesome.com/) * * Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, * or really almost whatever you want. * * [Full Font Awesome Free license](https://fontawesome.com/license/free) * * ## Roboto font * * [Apache License Version 2.0, January 2004](https://www.apache.org/licenses/LICENSE-2.0) * * TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION * * 1. Definitions. * * "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 * of this document. * * "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. * * "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are * under common control with that entity. For the purposes of this definition, * "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by * contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial * ownership of such entity. * * "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. * * "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, * documentation source, and configuration files. * * "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including * but not limited to compiled object code, generated documentation, and conversions to other media types. * * "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as * indicated by a copyright notice that is included in or attached to the work * (an example is provided in the Appendix below). * * "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work * and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an * original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain * separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. * * "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or * additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the * Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. * For the purposes of this definition, "submitted" * means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including * but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems * that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding * communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a * Contribution." * * "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received * by Licensor and subsequently incorporated within the Work. * * 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to * You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, * prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such * Derivative Works in Source or Object form. * * 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a * perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable * (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise * transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are * necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) * with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity ( * including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within * the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this * License for that Work shall terminate as of the date such litigation is filed. * * 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with * or without modifications, and in Source or Object form, provided that You meet the following conditions: * * (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and * * (b) You must cause any modified files to carry prominent notices stating that You changed the files; and * * (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, * and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the * Derivative Works; and * * (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute * must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that * do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file * distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the * Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices * normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You * may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the * NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the * License. * * You may add Your own copyright statement to Your modifications and may provide additional or different license terms and * conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, * provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this * License. * * 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for * inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any * additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any * separate license agreement you may have executed with Licensor regarding such Contributions. * * 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product * names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and * reproducing the content of the NOTICE file. * * 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and * each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, * MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness * of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this * License. * * 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or * otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, * shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or * consequential damages of any character arising as a result of this License or out of the use or inability to use the * Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or * any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such * damages. * * 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose * to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or * rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and * on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and * hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason * of your accepting any such warranty or additional liability. * * END OF TERMS AND CONDITIONS * * APPENDIX: How to apply the Apache License to your work. * * To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by * brackets "[]" * replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the * appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose * be included on the same "printed page" as the copyright notice for easier identification within third-party archives. * * Copyright [yyyy] [name of copyright owner] * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the * License. You may obtain a copy of the License at * * [APACHE LICENSE, VERSION 2.0](http://www.apache.org/licenses/LICENSE-2.0) * * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an " * AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific * language governing permissions and limitations under the License. * * ## Styling Cross-Browser Compatible Range Inputs with Sass * * Github: [input-range-sass](https://github.com/darlanrod/input-range-sass) * * Author: [Darlan Rod](https://github.com/darlanrod) * * Version 1.4.1 * * The MIT License (MIT) * * Copyright (c) 2016 Darlan Rod * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Tree Walker polyfill * * The MIT License (MIT) * * [Copyright 2013–2017 Timo Tijhof](https://github.com/Krinkle/dom-TreeWalker-polyfill) * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## chronograph * * GitHub: [chronograph](https://github.com/bryntum/chronograph) * * The MIT License (MIT) * * Copyright (c) 2023 Bryntum * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## later.js * * GitHub: [later.js](https://github.com/bunkat/later) * * The MIT License (MIT) * * Copyright © 2013 BunKat * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Monaco editor * * GitHub: [Monaco editor](https://microsoft.github.io/monaco-editor) (MIT) * * The MIT License (MIT) * * Copyright (c) 2016 - present Microsoft Corporation * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Map/Set polyfill to fix performance issues for Salesforce LWS * * Copyright © 2024 Certinia Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * ## Chart.js * * GitHub: [Chart.js](https://github.com/chartjs/Chart.js) * * The MIT License (MIT) * * Copyright (c) 2014-2022 Chart.js Contributors * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * */ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */ :root:not(.b-nothing), :host(:not(.b-nothing)) { --b-primary : var(--b-color-blue); --b-secondary : var(--b-color-orange); --b-mix : #fff; --b-opposite : #000; --b-ripple-background : #00000010; --b-ripple-blend-mode : soft-light; /* region Core */ --b-widget-color-scheme : light; --b-widget-border-radius : 0.35em; --b-widget-border-radius-large : 1.5em; --b-button-border-radius : 3em; --b-button-filled-hover-box-shadow : var(--b-elevation-1); --b-button-outlined-border-color : var(--b-border-5); --b-button-outlined-hover-border-color : var(--b-border-4); --b-button-tonal-hover-box-shadow : var(--b-elevation-1); --b-button-padding : 0 calc(var(--b-button-height) * 0.6); --b-button-icon-padding : 0 calc(var(--b-button-height) * 0.6) 0 calc(var(--b-button-height) * 0.4); --b-button-end-icon-padding : 0 calc(var(--b-button-height) * 0.4) 0 calc(var(--b-button-height) * 0.6); --b-button-rotate-padding : calc(var(--b-button-height) * 0.6) 0; --b-button-gap : calc(var(--b-button-height) * 0.2); --b-checkbox-border-color : var(--b-neutral-35); --b-checkbox-border-width : 2px; --b-checkbox-check-font-size : 1em; --b-checkbox-hover-background : transparent; --b-checkbox-hover-border-color : var(--b-border-2); --b-checkbox-focus-outline-width : 0; --b-checkbox-ring-hover-opacity : 0.1; --b-checkbox-ring-focus-opacity : 0.2; --b-checkbox-ring-active-opacity : 0.3; --b-checkbox-ring-content : ''; --b-checkbox-inner-gap : 1em; --b-field-set-label-font-size : 0.7em; --b-panel-with-header-padding : 0 1.5em 1.5em 1.5em; --b-panel-header-font-size : 1.4em; --b-panel-bottom-toolbar-padding : calc(var(--b-panel-padding) / 2) var(--b-panel-padding) var(--b-panel-padding) var(--b-panel-padding); --b-panel-top-toolbar-margin-inline : var(--b-panel-padding); --b-panel-top-toolbar-border-radius : 100em; --b-popup-border-radius : var(--b-widget-border-radius-large); --b-radio-group-gap : 0; --b-slide-toggle-border-color : var(--b-border-3); --b-slide-toggle-thumb-background : var(--b-neutral-50); --b-slide-toggle-thumb-size : .9em; --b-slide-toggle-checked-thumb-size : 1.25em; --b-slide-toggle-hovered-thumb-background : var(--b-neutral-30); --b-slide-toggle-disabled-border-color : var(--b-neutral-80); --b-slider-ring-content : ''; --b-splitter-size : 1px; --b-splitter-hover-size : 5px; --b-tab-label-position : relative; --b-tab-indicator-border-radius : var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0; --b-tab-indicator-height : .25em; --b-tab-color : var(--b-neutral-20); --b-toolbar-background : var(--b-neutral-97); --b-tooltip-plain-font-size : 0.8em; --b-tooltip-rich-border-radius : 1em; /* region TextField */ --b-field-trigger-color : var(--b-neutral-30); --b-text-field-label-scale : 0.7; --b-text-field-label-above-grid-area : inner; --b-text-field-label-grid-area : inner; --b-text-field-focus-border-width : 2px; --b-text-field-default-template-areas : "inner"; --b-text-field-default-template-columns : 1fr; /* --b-text-field-border-color : var(--b-border-3); */ --b-text-field-filled-border-width : 0 0 1px 0; --b-text-field-filled-focus-border-width : 0 0 2px 0; --b-text-field-filled-border-radius : var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0; --b-text-field-filled-input-padding : 1.25em 1em 0.5em 1em; --b-text-field-filled-no-label-input-padding : 1em; --b-text-field-outlined-focus-border-width : 2px; --b-text-field-outlined-label-padding : 0 0.5em; --b-text-field-outlined-label-before-padding : 0 1em 0 0; --b-text-field-outlined-label-above-padding : 0 0.5em; --b-text-field-outlined-background : transparent; --b-text-field-outlined-hover-background : transparent; --b-text-field-outlined-focus-background : transparent; --b-text-field-outlined-hover-border-color : var(--b-border-1); /* Material specific vars */ --b-text-field-label-above-placeholder-color : transparent; --b-text-field-filled-material-label-position : absolute; --b-text-field-filled-material-label-top : 0.5em; --b-text-field-filled-material-label-left : 1em; --b-text-field-filled-material-label-cursor : text; --b-text-field-filled-material-empty-label-top : calc(50% - 0.5em); /*1.25em;*/ --b-text-field-filled-material-empty-label-left : 1em; --b-text-field-filled-material-trigger-label-left : 3em; --b-text-field-filled-material-trigger-empty-label-left : 3em; --b-text-field-outlined-material-label-position : absolute; --b-text-field-outlined-material-label-top : -0.35em; --b-text-field-outlined-material-label-left : .5em; /* As empty, -padding */ --b-text-field-outlined-material-label-cursor : text; --b-text-field-outlined-material-empty-label-background : transparent; --b-text-field-outlined-material-empty-label-padding : 0em; --b-text-field-outlined-material-empty-label-top : calc(50% - 0.5em); /*1.2em;*/ --b-text-field-outlined-material-empty-label-left : 1em; --b-text-field-outlined-material-trigger-empty-label-left : 3em; /* endregion */ --b-tooltip-plain-color : var(--b-neutral-100); /* endregion */ /* Chart */ --b-chart-designer-labels-list-padding-block : 0; } /* Shades of primary color have to be specified per widget, for color-mix to work as intended */ .b-bryntum:not(.b-nothing) { --bi-primary-shade : var(--b-primary-40); /* region Core */ --b-button-outlined-pressed-background : var(--b-primary-85); --b-button-outlined-color : var(--bi-primary-shade); --b-button-type-text-focused-background : var(--b-primary-90); --b-button-type-text-pressed-background : var(--b-primary-85); --b-button-type-text-color : var(--b-primary-40); --b-checkbox-checked-background : var(--b-primary-45); --b-checkbox-checked-border-color : var(--b-checkbox-checked-background); --b-checkbox-checked-hover-background : var(--bi-primary-shade); --b-checkbox-focus-outline-color : null; --b-chip-view-chip-color : var(--b-primary-30); --b-field-error-tip-color : var(--b-neutral-100); --b-field-error-tip-background : var(--b-primary-25); --b-list-background : var(--b-primary-100); --b-list-floating-background : var(--b-primary-100); --b-list-checkbox-checked-background : var(--b-primary-45); --b-menu-background : var(--b-primary-99); --b-menu-item-focus-background : var(--b-primary-85); --b-menu-item-hover-color : var(--b-primary-30); --b-menu-item-hover-icon-color : var(--b-primary-30); --b-panel-top-toolbar-button-type-text-color : var(--b-primary-20); --b-popup-background : var(--b-primary-99); --b-slider-track-color : var(--b-primary-90); --b-slider-thumb-focus-outline-color : transparent; --b-slide-toggle-background : var(--b-neutral-95); --b-slide-toggle-hover-background : var(--b-neutral-95); --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95); --b-tab-active-tab-color : var(--b-primary-50); --b-tooltip-plain-background : var(--b-primary-25); --b-tooltip-rich-background : var(--b-primary-98); --b-text-field-focus-border-color : var(--bi-primary-shade); --b-text-field-outlined-focus-label-color : var(--bi-primary-shade); --b-text-field-outlined-label-background : var(--b-parent-background-color, var(--b-neutral-100)); --b-text-field-filled-focus-label-color : var(--bi-primary-shade); --b-text-field-filled-hover-border-color : var(--bi-primary-shade); /* endregion */ } /* Theme meta data */ .b-theme-info { --b-theme-name : "Material3Light"; --b-theme-filename : "material3-light"; --b-theme-button-rendition : "tonal"; --b-theme-label-position : "above"; --b-theme-overlap-label : "true"; --b-theme-ripple : "true"; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss (1) ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.ttf') format("truetype"); } .fas, .fa-solid { font-weight: 900; } /*! * * Bryntum Scheduler 7.1.3 * * Copyright(c) 2026 Bryntum AB * https://bryntum.com/contact * https://bryntum.com/license * * Bryntum incorporates third-party code licensed under the MIT and Apache-2.0 licenses. * See the licenses below or visit https://bryntum.com/products/scheduler/docs/guide/Scheduler/licenses * * # Third Party Notices * * Bryntum uses the following third party libraries: * * * [Font Awesome 6 Free](https://fontawesome.com/license/free) (MIT/SIL OFL 1.1) * * [Roboto font (for Material theme only)](https://github.com/google/roboto) (Apache-2.0) * * [Styling Cross-Browser Compatible Range Inputs with Sass](https://github.com/darlanrod/input-range-sass) (MIT) * * [Tree Walker polyfill (only applies to Salesforce)](https://github.com/Krinkle/dom-TreeWalker-polyfill) (MIT) * * [chronograph](https://github.com/bryntum/chronograph) (MIT) * * [later.js](https://github.com/bunkat/later) (MIT) * * [Monaco editor (only used in our demos)](https://microsoft.github.io/monaco-editor) (MIT) * * Map/Set polyfill to fix performance issues for Salesforce LWS (MIT) * * [Chart.js (when using Chart package)](https://github.com/chartjs/Chart.js) (MIT) * * Note: the **chronograph** and **later.js** libraries are used in Bryntum Scheduler Pro and Bryntum Gantt, but they are * listed for all Bryntum products since the distribution contains trial versions of the thin bundles for all other * products. TreeWalker is only used in the LWC bundle for Salesforce. Roboto font is only used in the material theme. * * ## Font Awesome 6 Free * * [Font Awesome Free 6 by @fontawesome](https://fontawesome.com/) * * Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, * or really almost whatever you want. * * [Full Font Awesome Free license](https://fontawesome.com/license/free) * * ## Roboto font * * [Apache License Version 2.0, January 2004](https://www.apache.org/licenses/LICENSE-2.0) * * TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION * * 1. Definitions. * * "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 * of this document. * * "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. * * "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are * under common control with that entity. For the purposes of this definition, * "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by * contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial * ownership of such entity. * * "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. * * "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, * documentation source, and configuration files. * * "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including * but not limited to compiled object code, generated documentation, and conversions to other media types. * * "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as * indicated by a copyright notice that is included in or attached to the work * (an example is provided in the Appendix below). * * "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work * and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an * original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain * separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. * * "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or * additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the * Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. * For the purposes of this definition, "submitted" * means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including * but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems * that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding * communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a * Contribution." * * "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received * by Licensor and subsequently incorporated within the Work. * * 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to * You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, * prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such * Derivative Works in Source or Object form. * * 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a * perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable * (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise * transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are * necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) * with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity ( * including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within * the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this * License for that Work shall terminate as of the date such litigation is filed. * * 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with * or without modifications, and in Source or Object form, provided that You meet the following conditions: * * (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and * * (b) You must cause any modified files to carry prominent notices stating that You changed the files; and * * (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, * and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the * Derivative Works; and * * (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute * must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that * do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file * distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the * Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices * normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You * may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the * NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the * License. * * You may add Your own copyright statement to Your modifications and may provide additional or different license terms and * conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, * provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this * License. * * 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for * inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any * additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any * separate license agreement you may have executed with Licensor regarding such Contributions. * * 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product * names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and * reproducing the content of the NOTICE file. * * 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and * each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, * MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness * of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this * License. * * 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or * otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, * shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or * consequential damages of any character arising as a result of this License or out of the use or inability to use the * Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or * any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such * damages. * * 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose * to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or * rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and * on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and * hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason * of your accepting any such warranty or additional liability. * * END OF TERMS AND CONDITIONS * * APPENDIX: How to apply the Apache License to your work. * * To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by * brackets "[]" * replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the * appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose * be included on the same "printed page" as the copyright notice for easier identification within third-party archives. * * Copyright [yyyy] [name of copyright owner] * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the * License. You may obtain a copy of the License at * * [APACHE LICENSE, VERSION 2.0](http://www.apache.org/licenses/LICENSE-2.0) * * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an " * AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific * language governing permissions and limitations under the License. * * ## Styling Cross-Browser Compatible Range Inputs with Sass * * Github: [input-range-sass](https://github.com/darlanrod/input-range-sass) * * Author: [Darlan Rod](https://github.com/darlanrod) * * Version 1.4.1 * * The MIT License (MIT) * * Copyright (c) 2016 Darlan Rod * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Tree Walker polyfill * * The MIT License (MIT) * * [Copyright 2013–2017 Timo Tijhof](https://github.com/Krinkle/dom-TreeWalker-polyfill) * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## chronograph * * GitHub: [chronograph](https://github.com/bryntum/chronograph) * * The MIT License (MIT) * * Copyright (c) 2023 Bryntum * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## later.js * * GitHub: [later.js](https://github.com/bunkat/later) * * The MIT License (MIT) * * Copyright © 2013 BunKat * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Monaco editor * * GitHub: [Monaco editor](https://microsoft.github.io/monaco-editor) (MIT) * * The MIT License (MIT) * * Copyright (c) 2016 - present Microsoft Corporation * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Map/Set polyfill to fix performance issues for Salesforce LWS * * Copyright © 2024 Certinia Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * ## Chart.js * * GitHub: [Chart.js](https://github.com/chartjs/Chart.js) * * The MIT License (MIT) * * Copyright (c) 2014-2022 Chart.js Contributors * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * */ /* ../Core/lib/Core/widget/Widget.css */ :root, :host { --bryntum-version: "7.1.3"; --b-checkbox-checked-check-content: "\f00c"; --b-widget-anchor-width: 1.2em; --b-widget-anchor-height: .6em; --b-widget-font-size: 1em; --b-widget-font-weight: 400; --b-widget-icon-font-family: "Font Awesome 6 Free"; --b-widget-icon-font-weight: 900; --b-widget-sub-menu-icon: "\f0da"; --b-widget-color: var(--b-text-1); --b-widget-border-color: var(--b-border-3); --b-widget-disabled-color: var(--b-text-3); --b-widget-disabled-background: var(--b-neutral-90); --b-widget-padding: 1em; --b-widget-padding-large: 1.5em; --b-widget-gap: 1em; --b-widget-focus-outline-width: 2px; --b-widget-focus-outline-color: var(--b-primary); --b-widget-floating-box-shadow: var(--b-elevation-2); --b-aligned-above-floating-box-shadow: -3px -1px 6px rgba(0, 0, 0, 0.12), 3px -2px 6px rgba(0, 0, 0, 0.24); --b-widget-floating-border: null; --b-label-color: var(--b-widget-color); --b-widget-scrollbar-border-color: var(--b-border-7); --b-widget-anchor-offset: 1px; --b-elevation-0: none; --b-elevation-1: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 2px 1px -1px rgba(0, 0, 0, 0.08); --b-elevation-2: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.10), 0 3px 1px -2px rgba(0, 0, 0, 0.08); --b-elevation-3: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24); --b-elevation-4: 0 5px 6px -3px rgba(0, 0, 0, 0.16), 0 8px 10px 1px rgba(0, 0, 0, 0.10), 0 3px 14px 2px rgba(0, 0, 0, 0.08); --b-default-transition-duration: .15s; } @media (prefers-reduced-motion: reduce) { body:not(.b-siesta-testing) { --b-default-transition-duration: 0s; } } @property --bi-widget-grid-column { syntax : "*"; inherits : false; } .b-internal { --bi-widget-grid-column: null; } .b-widget { display: flex; position: relative; overflow: hidden; color-scheme: var(--b-widget-color-scheme); font-weight: var(--b-widget-font-weight); font-size: var(--b-widget-font-size); grid-column: var(--bi-widget-grid-column); } .b-widget, .b-widget::before, .b-widget::after, .b-widget *, .b-widget *::before, .b-widget *::after { box-sizing: border-box; } .b-widget.b-hidden.b-hide-mode-clip { clip: rect(0, 0, 0, 0) !important; } .b-widget.b-hidden.b-hide-mode-opacity { opacity: 0 !important; pointer-events: none; } .b-widget.b-hidden.b-hide-mode-display { display: none !important; } .b-widget.b-positioned { position: absolute; inset-inline-start: 0; inset-block-start: 0; } .b-widget.b-positionable { position: absolute; } .b-widget .b-aria-desc-element { position: absolute; clip-path: polygon(0 0); contain: strict; } .b-widget.b-floating, .b-widget.b-positioned { box-shadow: var(--b-widget-floating-box-shadow); } :is(.b-widget.b-floating, .b-widget.b-positioned).b-centered { top: 50%; inset-inline-start: 50%; z-index: 1; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-widget.b-maximized { position: fixed; translate: none !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; top: 0 !important; inset-inline-start: 0 !important; } .b-widget.b-maximized.b-mobile .b-bottom-toolbar { order: -1; min-height: 3.5em; } .b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content { padding-block: 0.5em 0; padding-inline-start: 1em !important; } .b-widget > .b-focus-trap { position: absolute; display: none; clip: rect(0, 0, 0, 0); } .b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap { display: inherit; } .b-widget.b-initializing * { transition: none !important; } .b-anchor { position: absolute; } .b-anchor svg { position: absolute; top: 0; pointer-events: none; overflow: visible; } .b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom { left: 0; height: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-y, 0px)); width: 100%; } :is(.b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom) svg { width: var(--b-widget-anchor-width); height: var(--b-widget-anchor-height); } .b-anchor.b-anchor-top { bottom: calc(100% - var(--b-widget-anchor-offset)); } .b-anchor.b-anchor-top svg { top: auto; bottom: 0; } .b-anchor.b-anchor-bottom { top: calc(100% - var(--b-widget-anchor-offset)); } .b-anchor.b-anchor-bottom svg { rotate: 180deg; } .b-anchor.b-anchor-start, .b-anchor.b-anchor-end { top: 0; width: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-x, 0px)); height: 100%; } :is(.b-anchor.b-anchor-start, .b-anchor.b-anchor-end) svg { height: var(--b-widget-anchor-width); width: var(--b-widget-anchor-height); } .b-anchor.b-anchor-start { inset-inline-end: 100%; } .b-anchor.b-anchor-start svg { rotate: 270deg; transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height); } .b-anchor.b-anchor-end { inset-inline-start: 100%; } .b-anchor.b-anchor-end svg { rotate: 90deg; transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2); } .b-anchor.b-anchor-right { inset-inline-start: calc(100% - var(--bi-border-width, 0px)); clip-path: rect(0 100% 100% var(--bi-border-width, 0px)); } .b-anchor.b-anchor-left { inset-inline-end: calc(100% - var(--bi-border-width, 0px)); clip-path: rect(0 calc(100% - var(--bi-border-width, 0px)) 100% 0); } .b-rtl > .b-anchor.b-anchor-right { inset-inline-end: calc(100% - var(--bi-border-width, 0px)); inset-inline-start: auto; } .b-rtl > .b-anchor.b-anchor-left { inset-inline-start: calc(100% - var(--bi-border-width, 0px)); inset-inline-end: auto; } .b-float-root { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; overflow: clip; z-index: 14000; contain: strict; } .b-float-root.b-safari { user-select: none; -webkit-user-select: none; } .b-float-root > .b-floating { position: absolute; contain: layout style; pointer-events: all; transition: opacity 0.2s; top: 0; inset-inline-start: 0; z-index: 1; } .b-float-root > .b-floating:not(.b-popup) { box-shadow: var(--b-widget-floating-box-shadow); border-radius: var(--b-widget-border-radius); border: var(--b-widget-floating-border); } .b-firefox :is(.b-float-root > .b-floating) { contain: layout; } .b-float-root > .b-floating.b-hidden { opacity: 0; } .b-float-root > .b-floating.b-aligned-above:not(.b-anchored) { box-shadow: var(--b-aligned-above-floating-box-shadow); } .b-trial-demo-mode [style*="data:image/svg+xml"] { background-image: none !important; } :root, :host { --b-rtl-negate: 1; } .b-rtl { direction: rtl; --b-rtl-negate: -1; } .b-rtl .b-anchor.b-anchor-start svg { rotate: 90deg; transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2); } .b-rtl .b-anchor.b-anchor-end svg { rotate: 270deg; transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height); } .b-ltr { direction: ltr; } .b-aria-live-el { height: 0; width: 0; position: absolute; inset-inline-start: -9999px; contain: strict; } .b-released, .b-hide-display, .b-theme-info { display: none !important; } .b-hide-visibility { visibility: hidden !important; } .b-hide-offscreen { visibility: hidden !important; position: absolute !important; top: -10000em; left: -10000em; } .b-yscroll-pad { display: none; } .b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad { display: block; order: 9999; border-inline-start: 1px solid var(--b-widget-scrollbar-border-color); } .b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer { overflow-x: hidden; overflow-y: scroll; margin-inline-start: -1px; height: 0; max-width: var(--bi-scrollbar-width); } .b-widget-scroller.b-hide-scroll { scrollbar-width: none; } .b-widget-scroller.b-hide-scroll::-webkit-scrollbar { display: none; } .b-scroller-stretcher { position: absolute; height: 1px; width: 1px; top: 0; inset-inline-start: 0; } :is(div, span) .b-color-red { --b-primary: var(--b-color-red); } :is(div, span) .b-color-pink { --b-primary: var(--b-color-pink); } :is(div, span) .b-color-magenta { --b-primary: var(--b-color-magenta); } :is(div, span) .b-color-purple { --b-primary: var(--b-color-purple); } :is(div, span) .b-color-deep-purple { --b-primary: var(--b-color-deep-purple); } :is(div, span) .b-color-violet { --b-primary: var(--b-color-violet); } :is(div, span) .b-color-indigo { --b-primary: var(--b-color-indigo); } :is(div, span) .b-color-blue { --b-primary: var(--b-color-blue); } :is(div, span) .b-color-light-blue { --b-primary: var(--b-color-light-blue); } :is(div, span) .b-color-cyan { --b-primary: var(--b-color-cyan); } :is(div, span) .b-color-teal { --b-primary: var(--b-color-teal); } :is(div, span) .b-color-green { --b-primary: var(--b-color-green); } :is(div, span) .b-color-light-green { --b-primary: var(--b-color-light-green); } :is(div, span) .b-color-lime { --b-primary: var(--b-color-lime); } :is(div, span) .b-color-yellow { --b-primary: var(--b-color-yellow); } :is(div, span) .b-color-amber { --b-primary: var(--b-color-amber); } :is(div, span) .b-color-orange { --b-primary: var(--b-color-orange); } :is(div, span) .b-color-deep-orange { --b-primary: var(--b-color-deep-orange); } :is(div, span) .b-color-brown { --b-primary: var(--b-color-brown); } :is(div, span) .b-color-lighter-gray { --b-primary: var(--b-color-lighter-gray); } :is(div, span) .b-color-light-gray { --b-primary: var(--b-color-light-gray); } :is(div, span) .b-color-gray { --b-primary: var(--b-color-gray); } :is(div, span) .b-color-black { --b-primary: var(--b-color-black); } @keyframes b-anim-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes b-anim-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes b-anim-slide-in-from-right { 30% { translate: -50%; opacity: 0.5; } 30.01% { translate: 50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-left { 30% { translate: 50%; opacity: 0.5; } 30.01% { translate: -50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-below { 30% { translate: 0 -50%; opacity: 0.5; } 30.01% { translate: 0 50%; } 100% { translate: 0; opacity: 1; } } @keyframes b-anim-slide-in-from-above { 30% { translate: 0 50%; opacity: 0.5; } 30.01% { translate: 0 -50%; } 100% { translate: 0; opacity: 1; } } .b-slide-in-next, .b-slide-in-previous { animation: b-anim-slide-in-from-left 0.3s ease 0s 1 normal; } .b-slide-vertical.b-slide-in-next { animation-name: b-anim-slide-in-from-below; } .b-slide-vertical.b-slide-in-previous { animation-name: b-anim-slide-in-from-above; } .b-slide-in-next:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-right; } .b-slide-in-previous:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-left; } .b-rtl.b-slide-in-next:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-left; } .b-rtl.b-slide-in-previous:not(.b-slide-vertical) { animation-name: b-anim-slide-in-from-right; } .b-sliding-child-element { overflow: clip; } .b-transition-expand-collapse.b-aligned-below { animation: b-anim-expand-downwards 0.3s forwards; } .b-transition-expand-collapse.b-aligned-above { animation: b-anim-expand-upwards 0.3s forwards; } .b-transition-expand-collapse.b-hiding.b-aligned-below { animation: b-anim-collapse-upwards 0.3s forwards; } .b-transition-expand-collapse.b-hiding.b-aligned-above { animation: b-anim-collapse-downwards 0.3s forwards; } @keyframes b-anim-expand-downwards { 0% { clip-path: rect(-25px calc(100% + 25px) 0 -25px); opacity: 0; } 100% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } } @keyframes b-anim-collapse-upwards { 0% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } 100% { clip-path: rect(-25px calc(100% + 25px) 0 -25px); opacity: 0; } } @keyframes b-anim-expand-upwards { 0% { clip-path: rect(100% calc(100% + 25px) 100% -25px); opacity: 0; } 100% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } } @keyframes b-anim-collapse-downwards { 0% { clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px); opacity: 1; } 100% { clip-path: rect(100% calc(100% + 25px) 100% -25px); opacity: 0; } } /* ../Core/lib/Core/Colors.css */ :root, :host { --b-color-red: #e53935; --b-color-pink: #d81b60; --b-color-magenta: #c200c2; --b-color-purple: #8e24aa; --b-color-violet: #5e35b1; --b-color-deep-purple: #4527a0; --b-color-indigo: #3949ab; --b-color-blue: #1e88e5; --b-color-light-blue: #03a9f4; --b-color-cyan: #3bc9db; --b-color-teal: #00897b; --b-color-green: #43a047; --b-color-light-green: #8bc34a; --b-color-lime: #c0ca33; --b-color-yellow: #fdd835; --b-color-amber: #ffb300; --b-color-orange: #fb8c00; --b-color-deep-orange: #f4511e; --b-color-brown: #6d4c41; --b-color-lighter-gray: #e0e0e0; --b-color-light-gray: #c0c0c0; --b-color-gray: #757575; --b-color-black: #000000; --b-neutral-100: hsl(0 0 100%); --b-neutral-99: hsl(0 0 99%); --b-neutral-98: hsl(0 0 98%); --b-neutral-97: hsl(0 0 97%); --b-neutral-96: hsl(0 0 96%); --b-neutral-95: hsl(0 0 95%); --b-neutral-94: hsl(0 0 94%); --b-neutral-93: hsl(0 0 93%); --b-neutral-92: hsl(0 0 92%); --b-neutral-91: hsl(0 0 91%); --b-neutral-90: hsl(0 0 90%); --b-neutral-85: hsl(0 0 85%); --b-neutral-80: hsl(0 0 80%); --b-neutral-75: hsl(0 0 75%); --b-neutral-70: hsl(0 0 70%); --b-neutral-65: hsl(0 0 65%); --b-neutral-60: hsl(0 0 60%); --b-neutral-55: hsl(0 0 55%); --b-neutral-50: hsl(0 0 50%); --b-neutral-45: hsl(0 0 45%); --b-neutral-40: hsl(0 0 40%); --b-neutral-35: hsl(0 0 35%); --b-neutral-30: hsl(0 0 30%); --b-neutral-25: hsl(0 0 25%); --b-neutral-20: hsl(0 0 20%); --b-neutral-15: hsl(0 0 15%); --b-neutral-10: hsl(0 0 10%); --b-neutral-5: hsl(0 0 5%); --b-neutral-2: hsl(0 0 2%); --b-neutral-1: hsl(0 0 1%); --b-neutral-0: hsl(0 0 0%); --b-border-1: var(--b-neutral-10); --b-border-2: var(--b-neutral-30); --b-border-3: var(--b-neutral-50); --b-border-4: var(--b-neutral-60); --b-border-5: var(--b-neutral-70); --b-border-6: var(--b-neutral-80); --b-border-7: var(--b-neutral-90); --b-border-8: var(--b-neutral-93); --b-border-9: var(--b-neutral-95); --b-border-10: var(--b-neutral-100); --b-text-1: var(--b-neutral-10); --b-text-2: var(--b-neutral-30); --b-text-3: var(--b-neutral-50); --b-text-4: var(--b-neutral-70); --b-text-5: var(--b-neutral-100); } .b-colorize, .b-bryntum { --b-primary-100: var(--b-mix); --b-primary-99: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%); --b-primary-98: color-mix(in srgb, var(--b-primary), var(--b-mix) 96%); --b-primary-97: color-mix(in srgb, var(--b-primary), var(--b-mix) 94%); --b-primary-96: color-mix(in srgb, var(--b-primary), var(--b-mix) 92%); --b-primary-95: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-primary-94: color-mix(in srgb, var(--b-primary), var(--b-mix) 88%); --b-primary-93: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-primary-92: color-mix(in srgb, var(--b-primary), var(--b-mix) 84%); --b-primary-91: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%); --b-primary-90: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-primary-85: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-primary-80: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%); --b-primary-75: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-primary-70: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%); --b-primary-65: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%); --b-primary-60: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-primary-55: color-mix(in srgb, var(--b-primary), var(--b-mix) 10%); --b-primary-50: var(--b-primary); --b-primary-45: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%); --b-primary-40: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-primary-35: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); --b-primary-30: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-primary-25: color-mix(in srgb, var(--b-primary), var(--b-opposite) 50%); --b-primary-20: color-mix(in srgb, var(--b-primary), var(--b-opposite) 60%); --b-primary-15: color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%); --b-primary-10: color-mix(in srgb, var(--b-primary), var(--b-opposite) 80%); --b-primary-5: color-mix(in srgb, var(--b-primary), var(--b-opposite) 90%); --b-primary-2: color-mix(in srgb, var(--b-primary), var(--b-opposite) 96%); --b-primary-1: color-mix(in srgb, var(--b-primary), var(--b-opposite) 98%); --b-primary-0: var(--b-opposite); } @supports not (color: color-mix(in srgb, red, blue)) { .b-colorize, .b-bryntum { --b-primary-99: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)) var(--b-primary); --b-primary-98: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) var(--b-primary); --b-primary-97: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) var(--b-primary); --b-primary-96: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)) var(--b-primary); --b-primary-95: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)) var(--b-primary); --b-primary-94: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)) var(--b-primary); --b-primary-93: linear-gradient(rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)) var(--b-primary); --b-primary-92: linear-gradient(rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84)) var(--b-primary); --b-primary-91: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)) var(--b-primary); --b-primary-90: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)) var(--b-primary); --b-primary-85: linear-gradient(rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.70)) var(--b-primary); --b-primary-80: linear-gradient(rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.60)) var(--b-primary); --b-primary-75: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.50)) var(--b-primary); --b-primary-70: linear-gradient(rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.40)) var(--b-primary); --b-primary-65: linear-gradient(rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.30)) var(--b-primary); --b-primary-60: linear-gradient(rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.20)) var(--b-primary); --b-primary-55: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.10)) var(--b-primary); --b-primary-45: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)) var(--b-primary); --b-primary-40: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)) var(--b-primary); --b-primary-35: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)) var(--b-primary); --b-primary-30: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)) var(--b-primary); --b-primary-25: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)) var(--b-primary); --b-primary-20: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)) var(--b-primary); --b-primary-15: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)) var(--b-primary); --b-primary-10: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)) var(--b-primary); --b-primary-5: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)) var(--b-primary); --b-primary-2: linear-gradient(rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.96)) var(--b-primary); --b-primary-1: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98)) var(--b-primary); } } /* ../Core/lib/Core/helper/DomHelper.css */ .b-fx-highlight { z-index: 9999 !important; animation: b-anim-fx-highlight 1s ease 0s 1; } @keyframes b-anim-fx-highlight { 0% { box-shadow: none; } 50% { box-shadow: 0 0 10px 5px var(--b-primary-50); } 100% { box-shadow: none; } } /* ../Core/lib/Core/helper/DragHelper.css */ .b-dragging, .b-dragging * { pointer-events: none !important; } .b-dragging:not(.b-widget) { z-index: 100; opacity: 0.8; box-sizing: border-box; } .b-dragging:not(.b-widget).b-drag-unified-proxy { opacity: 0.65; } .b-dragging:not(.b-widget).b-drag-main { z-index: 101; opacity: 1; } .b-drag-proxy { position: absolute !important; top: 0; inset-inline-start: 0; pointer-events: none !important; box-sizing: border-box; } .b-drag-proxy * { box-sizing: border-box; } .b-aborting, .b-drag-final-transition { transition-duration: .3s; transition-property: all !important; } .b-drag-unified-animation { transition: translate .2s; } .b-drag-original.b-hidden { display: none !important; } .b-drag-helper-active * { -webkit-user-select: none !important; user-select: none !important; } /* ../Core/lib/Core/helper/ElementResizeHelper.css */ .b-resize-grip { position: absolute; z-index: 1; } .b-resize-grip-top-start, .b-resize-grip-top-end, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end { width: .5em; height: .5em; } .b-resize-grip-top, .b-resize-grip-top-start, .b-resize-grip-top-end { top: 0; } .b-resize-grip-bottom, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end { bottom: 0; } .b-resize-grip-start, .b-resize-grip-top-start, .b-resize-grip-bottom-start { inset-inline-start: 0; } .b-resize-grip-end, .b-resize-grip-top-end, .b-resize-grip-bottom-end { inset-inline-end: 0; } .b-resize-grip-top, .b-resize-grip-bottom { height: .5em; } .b-resize-grip-start, .b-resize-grip-end { width: .5em; } .b-resize-grip-top-start, .b-resize-grip-bottom-end { cursor: nwse-resize; z-index: 2; } .b-resize-grip-top-end, .b-resize-grip-bottom-start { cursor: nesw-resize; z-index: 2; } .b-resize-grip-top, .b-resize-grip-bottom { cursor: ns-resize; width: 100%; inset-inline-start: 0; } .b-resize-grip-start, .b-resize-grip-end { height: 100%; top: 0; cursor: ew-resize; } /* ../Core/lib/Core/helper/ResizeMonitor.css */ .b-no-resize-observer.b-resize-monitored:not(.b-floating) { position: relative; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > * { width: 100%; height: 100%; overflow: hidden; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after { content: ""; display: block; width: 100000px; height: 100000px; } .b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after { content: ""; display: block; width: 200%; height: 200%; min-width: 1px; min-height: 1px; } /* ../Core/lib/Core/helper/util/DemoBot.css */ .simulated-mouse { position: absolute; z-index: 100; top: 10px; left: 10px; transition: top .5s, left .5s; pointer-events: none; font-size: 16px; } .simulated-mouse.quick { transition: top .05s, left .05s; } .simulated-mouse:after { position: absolute; content: "\f245" / ""; font-family: var(--b-widget-icon-font-family); font-weight: 900; z-index: 102; } .simulated-mouse.drag:before, .simulated-mouse.mousedown:before, .simulated-mouse.dblclick:before, .simulated-mouse.click:before { position: absolute; content: ""; border: 2px solid transparent; border-radius: 50%; animation-name: b-anim-click; animation-duration: .2s; top: 0; left: 0; translate: -50% -50%; z-index: 101; opacity: 0.7; } .simulated-mouse.drag:after { content: "\f25a" / ""; left: -3px; } .simulated-mouse.dblclick:before { animation-name: b-anim-dblclick; animation-duration: .3s; } .simulated-mouse.mousedown:before, .simulated-mouse.drag:before { animation-name: none; width: 1.5em; height: 1.5em; border-color: red; } @keyframes b-anim-click { 0% { width: 0; height: 0; } 90% { width: 1.5em; height: 1.5em; border-color: red; } 100% { width: 0; height: 0; border-color: transparent; } } @keyframes b-anim-dblclick { 0% { width: 0; height: 0; } 40% { width: 1.5em; height: 1.5em; border-color: red; } 50% { width: 0; height: 0; } 90% { width: 1.5em; height: 1.5em; border-color: red; } 100% { width: 0; height: 0; border-color: transparent; } } /* ../Core/lib/Core/helper/util/InfinityScroller.css */ .b-scroll-hidden { visibility: hidden !important; position: absolute !important; top: -10000em; left: -10000em; translate: 0 0 !important; } .b-infinity-scroller { overflow: scroll; } .b-infinity-scroller.b-infinity-scroller-smooth { scroll-behavior: smooth; } .b-infinity-scroller-item { position: absolute !important; } /* ../Core/lib/Core/helper/util/Scroller.css */ .b-widget-scroller { overflow: hidden; -webkit-overflow-scrolling: touch; overflow-anchor: none; position: relative; } .b-hide-scroll { scrollbar-width: none; } .b-hide-scroll::-webkit-scrollbar { display: none; } .b-scroller-stretcher { position: absolute; height: 1px; width: 1px; top: 0; inset-inline-start: 0; } /* ../Core/lib/Core/Icons.css */ .b-icon { display: inline-flex; gap: .5em; } .b-icon::before, .b-fw-icon::before { font-style: normal; font-variant: normal; line-height: 1; display: grid; place-items: center; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); content: var(--fa); } .b-fw-icon::before { width: 1em; } .b-icon-scroll-left::before { content: var(--b-icon-scroll-left, "\f104"); } .b-icon-scroll-right::before { content: var(--b-icon-scroll-right, "\f105"); } .b-icon-spin-up::before { content: var(--b-icon-spin-up, "\f0d8"); } .b-icon-spin-down::before { content: var(--b-icon-spin-down, "\f0d7"); } .b-icon-add:before { content: var(--b-icon-add, "+"); } .b-icon-clear:before { content: var(--b-icon-clear, "\f00d"); } .b-icon-remove:before { content: var(--b-icon-remove, "\f00d"); } .b-icon-close:before { content: var(--b-icon-close, "\f00d"); } .b-icon-remove-circle:before { content: var(--b-icon-remove-circle, "\f057"); } .b-icon-collapse-down:before { content: var(--b-icon-collapse-down, "\f078"); } .b-icon-collapse-left:before { content: var(--b-icon-collapse-left, "\f053"); } .b-icon-collapse-right:before { content: var(--b-icon-collapse-right, "\f054"); } .b-icon-collapse-up:before { content: var(--b-icon-collapse-up, "\f077"); } .b-icon-filter-disable:before { content: var(--b-icon-filter-disable, "\f05e"); } .b-icon-search:before { content: var(--b-icon-search, "\f002"); } .b-icon-search-plus:before { content: var(--b-icon-search-plus, "\f00e"); } .b-icon-search-minus:before { content: var(--b-icon-search-minus, "\f010"); } .b-icon-hide:before { content: var(--b-icon-hide, "\f057"); } .b-icon-trash:before { content: var(--b-icon-trash, "\f1f8"); } .b-icon-edit:before { content: var(--b-icon-edit, "\f303"); } .b-icon-show-details:before { content: var(--b-icon-show-details, "\f002"); } .b-icon-rename:before { content: var(--b-icon-rename, "\f044"); } .b-icon-copy:before { content: var(--b-icon-copy, "\f0c5"); } .b-icon-cut:before { content: var(--b-icon-cut, "\f0c4"); } .b-icon-paste:before { content: var(--b-icon-paste, "\f0ea"); } .b-icon-expand-row:before { content: var(--b-icon-expand-row, "\f107"); } .b-icon-expand-column:before { content: var(--b-icon-expand-column, "\f105"); } .b-icon-expand { content: var(--b-icon-expand, "\f065"); } .b-icon-first:before { content: var(--b-icon-first, "\f100"); } :is(.b-rtl .b-icon-first, .b-rtl .b-icon-last, .b-rtl .b-icon-next, .b-rtl .b-icon-previous, .b-rtl .b-icon-scroll-left, .b-rtl .b-icon-scroll-right)::before { scale: -1 1; } .b-icon-last:before { content: var(--b-icon-last, "\f101"); } .b-icon-redo:before { content: var(--b-icon-redo, "\f01e"); } .b-icon-reload:before { content: var(--b-icon-reload, "\f01e"); } .b-icon-undo:before { content: var(--b-icon-undo, "\f0e2"); } .b-icon-compare:before { content: var(--b-icon-compare, "\e13a"); } .b-icon-split-horizontal:before, .b-icon-split-vertical:before, .b-icon-split-both:before { min-width: 1em !important; width: 1em; height: 1em; border-radius: 2px; border: 2px solid currentColor; overflow: hidden; } .b-icon-split-horizontal:before { content: var(--b-icon-split-horizontal, "\2503"); rotate: 90deg; border-left-width: 3px; align-items: start; line-height: 0.8; } .b-icon-split-vertical:before { content: var(--b-icon-split-vertical, "\2503"); border-top-width: 3px; align-items: start; line-height: 0.8; } .b-icon-split-both:before { content: var(--b-icon-split-both, "\254b"); border-top-width: 3px; } .b-icon-download:before { content: var(--b-icon-download, "\f019"); } .b-icon-code:before { content: var(--b-icon-code, "\f121"); } .b-icon-clipboard:before { content: var(--b-icon-clipboard, "\f328"); } .b-icon-filter:before { content: var(--b-icon-filter, "\f0b0"); } .b-icon-filter-equal:before { content: var(--b-icon-filter-equal, "\f0b0"); } .b-icon-filter-less:before { content: var(--b-icon-filter-less, "\f053"); } .b-icon-filter-before:before { content: var(--b-icon-filter-before, "\f053"); } .b-icon-filter-more:before { content: var(--b-icon-filter-more, "\f054"); } .b-icon-filter-after:before { content: var(--b-icon-filter-after, "\f054"); } .b-icon-check:before { content: var(--b-icon-check, "\f00c"); } .b-icon-checked:before { content: var(--b-icon-checked, "\f14a"); } .b-icon-unchecked:before { content: var(--b-icon-unchecked, "\f0c8"); } .b-icon-radio:before { content: var(--b-icon-radio, "\f111"); } .b-icon-radio-unchecked:before { content: var(--b-icon-radio-unchecked, "\f111"); } .b-icon-radio-checked:before { content: var(--b-icon-radio-checked, "\f192"); } .b-icon-calendar:before { content: var(--b-icon-calendar, "\f133"); } .b-icon-calendar-day:before { content: var(--b-icon-calendar-day, "\f783"); } .b-icon-calendar-plus:before { content: var(--b-icon-calendar-plus, "\f271"); } .b-icon-clock:before { content: var(--b-icon-clock, "\f017"); } .b-icon-recurring:before { content: var(--b-icon-recurring, "\f021"); } .b-icon-duration:before { content: var(--b-icon-duration, "\f254"); } .b-icon-milestone:before { content: var(--b-icon-milestone, "\f219"); } .b-icon-locked:before { content: var(--b-icon-locked, "\f023"); } .b-icon-unlocked:before { content: var(--b-icon-unlocked, "\f09c"); } .b-icon-user:before { content: var(--b-icon-user, "\f0c0"); } .b-icon-menu:before { content: var(--b-icon-menu, "\f0c9"); } .b-icon-menu-horizontal:before { content: var(--b-icon-menu-horizontal, "\f141"); } .b-icon-menu-vertical:before { content: var(--b-icon-menu-vertical, "\f142"); } .b-icon-info:before { content: var(--b-icon-info, "\f129"); } .b-icon-sub-menu:before { content: var(--b-widget-sub-menu-icon); } .b-icon-star:before { content: var(--b-icon-star, "\f005"); } .b-icon-warning:before { content: var(--b-icon-warning, "\f071"); } .b-icon-columns:before { content: var(--b-icon-columns, "\f0db"); } .b-icon-picker:before { content: var(--b-icon-picker, "\f0d7"); transition: rotate .2s; } .b-icon-picker-rotated:before { content: var(--b-icon-picker-rotated, "\f0d7"); rotate: 180deg; transition: rotate .2s; } .b-icon-resize-horizontal:before { content: var(--b-icon-resize-horizontal, "\f337"); } .b-icon-fullscreen:before { content: var(--b-icon-fullscreen, "\f0b2"); } .b-icon-cog:before { content: var(--b-icon-cog, "\f013"); } :is(.b-linux, .b-windows) .b-icon-cog:before { vertical-align: middle; } .b-icon-file-download:before { content: var(--b-icon-file-download, "\f56d"); } .b-icon-sync:before { content: var(--b-icon-sync, "\f2f1"); } .b-icon-bad-mood-emoji:before { content: var(--b-icon-bad-mood-emoji, "\f119"); } .b-icon-circle:before { content: var(--b-icon-circle, "\f111"); } .b-icon-square:before { content: var(--b-icon-square, "\f0c8"); } .b-icon-merge-cells:before { content: var(--b-icon-merge-cells, "\f5fd"); } .b-icon-version:before { content: var(--b-icon-version, "\e5a0"); } .b-icon-material:before { content: var(--b-icon-material, "\e4e6"); } .b-icon-cost:before { content: var(--b-icon-cost, "\f81d"); } .b-icon-paper-plane:before { content: var(--b-icon-paper-plane, "\f1d8"); } .b-icon-robot:before { content: var(--b-icon-robot, "\f544"); } .b-icon-mic:before { content: var(--b-icon-mic, "\f130"); } .b-icon-play:before { content: var(--b-icon-play, "\f04b"); } .b-icon-stop:before { content: var(--b-icon-stop, "\f04d"); } .b-icon-message:before { content: var(--b-icon-message, "\f27a"); } .b-icon-volume-high:before { content: var(--b-icon-volume-high, "\f028"); } .b-icon-thumbs-up:before { content: var(--b-icon-thumbs-up, "\f164"); } .b-icon-thumbs-down:before { content: var(--b-icon-thumbs-down, "\f165"); } .b-icon-up:before { content: var(--b-icon-up, "\f062"); } .b-icon-down:before { content: var(--b-icon-down, "\f063"); } .b-icon-left:before { content: var(--b-icon-left, "\f060"); } .b-icon-right:before { content: var(--b-icon-right, "\f061"); } .b-icon-angle-left:before { content: var(--b-icon-angle-left, "\f104"); } .b-icon-angle-right:before { content: var(--b-icon-angle-right, "\f105"); } .b-icon-before:before { content: var(--b-icon-before, "\f053"); } .b-icon-previous:before { content: var(--b-icon-previous, "\f053"); } .b-icon-after:before { content: var(--b-icon-after, "\f054"); } .b-icon-next:before { content: var(--b-icon-next, "\f054"); } .b-icon-move-left-right:before { content: var(--b-icon-move-left-right, "\f337"); } .b-icon-move-up-down:before { content: var(--b-icon-move-up-down, "\f338"); } .b-icon-circle-arrow-up:before { content: var(--b-icon-circle-arrow-up, "\f0aa"); } .b-icon-column-move-left:before { content: var(--b-icon-column-move-left, "\f0a8"); } .b-icon-column-move-right:before { content: var(--b-icon-column-move-right, "\f0a9"); } .b-icon-hide-column:before { content: var(--b-icon-hide-column, "\f057"); } .b-icon-column-pin:before { content: var(--b-icon-column-pin, "\f08d"); } .b-icon-column-unpin:before { content: var(--b-icon-column-unpin, "\e68f"); } .b-icon-sort:before { content: var(--b-icon-sort, "\f0dc"); } .b-icon-sort-asc:before { content: var(--b-icon-sort-asc, "\f15e"); } .b-icon-sort-desc:before { content: var(--b-icon-sort-desc, "\f15d"); } .b-icon-sorted-asc:before { content: var(--b-icon-sorted-asc, "\f062"); } .b-icon-group-asc:before { content: var(--b-icon-group-asc, "\f885"); } .b-icon-group-desc:before { content: var(--b-icon-group-desc, "\f160"); } .b-icon-group-collapse:before { content: var(--b-icon-group-collapse, "\f056"); } .b-icon-group-expand:before { content: var(--b-icon-group-expand, "\f055"); } .b-icon-grouped-asc:before { content: var(--b-icon-grouped-asc, "\f012"); } .b-icon-tree-expand:before { content: var(--b-icon-tree-expand, "\f105"); } .b-icon-tree-collapse:before { content: var(--b-icon-tree-collapse, "\f107"); } .b-icon-tree-folder:before { content: var(--b-icon-tree-folder, "\f07b"); } .b-icon-tree-folder-open:before { content: var(--b-icon-tree-folder-open, "\f07c"); } .b-icon-tree-leaf:before { content: var(--b-icon-tree-leaf, "\f111"); } .b-icon-expand-gridregion:before { content: var(--b-icon-expand-gridregion, "\f054"); } .b-icon-collapse-gridregion:before { content: var(--b-icon-collapse-gridregion, "\f053"); } .b-icon-lock-row:before { content: var(--b-icon-lock-row, "\e73a"); } .b-icon-unlock-row:before { content: var(--b-icon-unlock-row, "\e73b"); } .b-icon-unassign:before { content: var(--b-icon-unassign, "\f506"); } .b-icon-valid:before { content: var(--b-icon-valid, "\f00c"); } .b-icon-invalid:before { content: var(--b-icon-invalid, "\f05e"); } .b-icon-checking:before { content: var(--b-icon-checking, "\f110"); } .b-icon-expand-resource:before { content: var(--b-icon-expand-resource, "\f103"); } .b-icon-note:before { content: var(--b-icon-note, "\f249"); } .b-icon-advanced:before { content: var(--b-icon-advanced, "\f085"); } .b-icon-palette:before { content: var(--b-icon-palette, "\f53f"); } .b-icon-renumber:before { content: var(--b-icon-renumber, "\f884"); } .b-icon-indent:before { content: var(--b-icon-indent, "\f03c"); } .b-icon-outdent:before { content: var(--b-icon-outdent, "\f03b"); } .b-icon-subtask::before { content: var(--b-icon-subtask, "\e476"); } .b-icon-predecessor::before { content: var(--b-icon-predecessor, "\e477"); } .b-icon-successor::before { content: var(--b-icon-successor, "\e47a"); } .b-icon-link:before { content: var(--b-icon-link, "\f0c1"); } .b-icon-unlink:before { content: var(--b-icon-unlink, "\f127"); } .b-icon-calendar-days:before { content: var(--b-icon-calendar-days, "\f073"); } .b-icon-calendar-week:before { content: var(--b-icon-calendar-week, "\f784"); } .b-icon-bold:before { content: var(--b-icon-bold, "\f032"); } .b-icon-underline:before { content: var(--b-icon-underline, "\f0cd"); } .b-icon-italic:before { content: var(--b-icon-italic, "\f033"); } .b-icon-clock-live { background-color: currentColor; border-radius: 50%; width: 1em; height: 1em; animation-delay: 0s; display: grid; } .b-icon-clock-live:before, .b-icon-clock-live:after { grid-area: 1 / 1 / 1 / 1; position: relative; font-size: 1em !important; content: ""; width: .10em !important; left: .44em; background: #fff; border-radius: .5em; } .b-icon-clock-live:before { top: .15em; height: .4em !important; transform-origin: .05em .35em; animation: b-anim-rotate 6s infinite linear; animation-play-state: paused; animation-delay: inherit; } .b-icon-clock-live:after { top: .22em; height: .33em; transform-origin: .05em .3em; animation: b-anim-rotate 72s infinite linear; animation-play-state: paused; animation-delay: inherit; } .b-icon-chart:before { content: var(--b-icon-chart, "\f201"); } .b-icon-settings:before { content: var(--b-icon-settings, "\f013"); } .b-icon-spinner:before { content: var(--b-icon-spinner, "\f110"); animation: b-anim-rotate 2s infinite linear; } @keyframes b-anim-rotate { 0% { rotate: 0deg; } 100% { rotate: 360deg; } } /* ../Core/lib/Core/mixin/Hoverable.css */ :root, :host { --b-gripper-edge-size: 1em; --b-gripper-horz-cursor: ns-resize; --b-gripper-border: 1px solid rgba(0, 0, 0, 0.3); --b-gripper-horz-edge-height: var(--b-gripper-edge-size); --b-gripper-horz-height: .25em; --b-gripper-horz-width: 1.2em; --b-gripper-horz-offset: .4em; --b-gripper-horz-transition: opacity 0.2s, margin-inline-start 0.2s, width 0.2s; --b-gripper-vert-cursor: ew-resize; --b-gripper-vert-gradient: repeating-linear-gradient( 90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 3px); --b-gripper-vert-edge-width: var(--b-gripper-edge-size); --b-gripper-vert-width: calc(var(--b-gripper-vert-edge-width) / 2); --b-gripper-vert-height: 12px; --b-gripper-vert-offset: 4px; --b-gripper-vert-transition: opacity 0.2s, margin-top 0.2s, height 0.2s; } .b-gripper { position: absolute; } .b-gripper::after { content: " " / ""; position: absolute; opacity: 0; } .b-hover-top .b-gripper.b-gripper-horz, .b-hover-bottom .b-gripper.b-gripper-horz { cursor: var(--b-gripper-horz-cursor); height: var(--b-gripper-horz-edge-height); left: 0; right: 0; } .b-hover-bottom .b-gripper.b-gripper-horz { bottom: 0; } .b-gripper.b-gripper-horz::after { width: 0; left: 50%; margin-inline-start: 0; border-top: var(--b-gripper-border); border-bottom: var(--b-gripper-border); height: var(--b-gripper-horz-height); } .b-hover-left .b-gripper.b-gripper-vert, .b-hover-right .b-gripper.b-gripper-vert { top: 0; bottom: 0; cursor: var(--b-gripper-vert-cursor); width: var(--b-gripper-vert-edge-width); } .b-hover-right .b-gripper.b-gripper-vert { right: 0; } .b-hover-left .b-gripper.b-gripper-vert { left: 0; } .b-gripper.b-gripper-vert::after { height: 0; top: 50%; margin-top: 0; background: var(--b-gripper-vert-gradient); width: var(--b-gripper-vert-width); } .b-hover-anim.b-hover-edge .b-gripper-horz::after { opacity: 1; margin-inline-start: calc(var(--b-gripper-horz-width) / -2); width: var(--b-gripper-horz-width); transition: var(--b-gripper-horz-transition); } .b-hover-top .b-gripper-horz::after { top: var(--b-gripper-horz-offset); } .b-hover-bottom .b-gripper-horz::after { bottom: var(--b-gripper-horz-offset); } .b-hover-anim.b-hover-edge .b-gripper-vert::after { opacity: 1; margin-top: calc(var(--b-gripper-vert-height) / -2); height: var(--b-gripper-vert-height); transition: var(--b-gripper-vert-transition); } .b-hover-left .b-gripper-vert::after { left: var(--b-gripper-vert-offset); } .b-hover-right .b-gripper-vert::after { right: var(--b-gripper-vert-offset); } /* ../Core/lib/Core/override/salesforce/SFTimePicker.css */ .b-sftime-picker .b-panel-content { background: var(--b-panel-background); align-items: stretch; padding: 0.5em; gap: 0.5em; } .b-sftime-picker .b-panel-content .b-widget { margin: 0; flex: 0 0 auto; width: auto; } .b-sftime-picker .b-panel-content .b-number-field { height: 100%; } .b-sftime-picker .b-panel-content .b-number-field > .b-label { clip-path: polygon(0 0); position: absolute; contain: strict; } .b-sftime-picker .b-panel-content .b-number-field:not(.b-first-visible-child)::before { content: ":"; align-self: center; margin-inline-end: 0.5em; font-weight: bold; } .b-sftime-picker .b-panel-content .b-number-field input { width: 3em; } .b-sftime-picker .b-panel-content .b-button { flex: 0 0 3em; padding: 0; } .b-sftime-picker .b-panel-content .b-button label { text-overflow: clip; } /* ../Core/lib/Core/widget/Button.css */ :root, :host { --b-button-box-shadow: null; --b-button-text-align: center; --b-button-disabled-opacity: 0.4; --b-button-icon-only-border-radius: 50%; --b-button-font-weight: 500; --b-button-gap: 0.5em; --b-button-height: 3em; --b-button-icon-padding-inline: var(--b-widget-padding); --b-button-end-icon-padding-inline: var(--b-widget-padding); --b-button-menu-padding-inline: var(--b-widget-padding); --b-button-opacity: 1; --b-button-padding-inline: var(--b-widget-padding); --b-button-pressed-box-shadow: none; --b-button-focus-outline-width: var(--b-widget-focus-outline-width); --b-button-focus-outline-offset: calc(var(--b-widget-focus-outline-width) * -1); --b-button-border-radius: var(--b-widget-border-radius); --b-button-elevated-active-box-shadow: var(--b-elevation-1); --b-button-elevated-box-shadow: var(--b-elevation-1); --b-button-elevated-focus-box-shadow: var(--b-elevation-1); --b-button-elevated-hover-box-shadow: var(--b-elevation-2); --b-button-filled-color: var(--b-text-5); --b-button-filled-hover-box-shadow: none; --b-button-tonal-hover-box-shadow: none; --b-button-outlined-border-width: 1px; --b-button-outlined-border-color: var(--b-border-6); --b-button-outlined-disabled-background: transparent; --b-button-outlined-disabled-border-color: var(--b-border-6); --b-button-outlined-background: transparent; --b-button-outlined-pressed-color: unset; --b-button-type-text-background: transparent; --b-button-type-text-disabled-background: transparent; --b-button-disabled-background: var(--b-widget-disabled-background); --b-button-disabled-color: var(--b-neutral-50); --b-button-type-text-focused-background: transparent; --b-button-type-text-text-only-border-radius: unset; --b-button-focus-outline-color: var(--b-primary); } .b-button { display: flex; align-items: center; position: relative; transition-property: box-shadow, font-weight, background, color, border, border-radius; transition-duration: var(--b-default-transition-duration); overflow: hidden; flex-shrink: 0; font-family: inherit; text-decoration: none; padding-block: 0; contain: style; --b-button-border-width: var(--b-button-idle-border-width); --b-button-border-color: var(--b-button-idle-border-color); --b-widget-font-weight: var(--b-button-font-weight); --bi-button-cursor: pointer; background: var(--b-button-background); border: var(--b-button-border-width) solid var(--b-button-border-color); border-radius: var(--b-button-border-radius); box-shadow: var(--b-button-box-shadow); color: var(--bi-button-applied-color, var(--b-button-color)); cursor: var(--bi-button-cursor); gap: var(--b-button-gap); height: var(--b-button-height); max-height: var(--b-button-max-height); opacity: var(--b-button-opacity); padding-inline: var(--b-button-padding-inline); justify-content: var(--b-button-text-align); } .b-button label, .b-button i { white-space: nowrap; text-overflow: ellipsis; transition: color 0.2s; z-index: 1; margin: 0; cursor: var(--bi-button-cursor); } .b-button label { overflow: hidden; } .b-button i { flex-shrink: 0; } .b-button.b-button-elevated { --b-button-background: var(--b-button-elevated-background, var(--b-primary-98)); --b-button-hover-background: var(--b-button-elevated-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-elevated-focused-background, var(--b-primary-95)); --b-button-active-background: var(--b-button-elevated-active-background, var(--b-primary-95)); --b-button-pressed-background: var(--b-button-elevated-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-elevated-pressed-hover-background, var(--b-primary-92)); --b-button-box-shadow: var(--b-button-elevated-box-shadow); --b-button-hover-box-shadow: var(--b-button-elevated-hover-box-shadow); --b-button-focus-box-shadow: var(--b-button-elevated-focus-box-shadow); --b-button-active-box-shadow: var(--b-button-elevated-active-box-shadow); --b-button-color: var(--b-button-elevated-color, var(--b-primary-40)); --b-button-split-color: var(--b-button-elevated-split-color, color-mix(in srgb, var(--b-button-color), transparent 70%)); } .b-button.b-button-filled, .b-button.b-raised { --b-button-background: var(--b-button-filled-background, var(--b-primary-45)); --b-button-hover-background: var(--b-button-filled-hover-background, var(--b-primary-55)); --b-button-focused-background: var(--b-button-filled-focused-background, var(--b-primary-60)); --b-button-active-background: var(--b-button-filled-active-background, var(--b-primary-60)); --b-button-pressed-background: var(--b-button-filled-pressed-background, var(--b-primary-65)); --b-button-pressed-hover-background: var(--b-button-filled-pressed-hover-background, var(--b-primary-70)); --b-button-color: var(--b-button-filled-color); --b-button-hover-box-shadow: var(--b-button-filled-hover-box-shadow); --b-button-split-color: var(--b-button-filled-split-color, var(--b-button-color)); } .b-button.b-button-tonal { --b-button-background: var(--b-button-tonal-background, var(--b-primary-95)); --b-button-hover-background: var(--b-button-tonal-hover-background, var(--b-primary-90)); --b-button-focused-background: var(--b-button-tonal-focused-background, var(--b-primary-90)); --b-button-active-background: var(--b-button-tonal-active-background, var(--b-primary-85)); --b-button-pressed-background: var(--b-button-tonal-pressed-background, var(--b-primary-80)); --b-button-pressed-hover-background: var(--b-button-tonal-pressed-hover-background, var(--b-primary-85)); --b-button-hover-box-shadow: var(--b-button-tonal-hover-box-shadow); --b-button-color: var(--b-button-tonal-color, var(--b-primary-30)); --b-button-split-color: var(--b-button-tonal-split-color, color-mix(in srgb, var(--b-button-tonal-color, var(--b-primary-30)), transparent 70%)); --b-button-idle-border-width: var(--b-button-tonal-border-width); --b-button-idle-border-color: var(--b-button-tonal-border-color); --b-button-focus-border-color: var(--b-button-tonal-border-color); --b-button-hover-border-color: var(--b-button-tonal-border-color); --b-button-disabled-border-color: var(--b-button-tonal-border-color); } .b-button.b-button-outlined { --b-button-background: var(--b-button-outlined-background); --b-button-hover-background: var(--b-button-outlined-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-outlined-focused-background, var(--b-primary-90)); --b-button-active-background: var(--b-button-outlined-active-background, var(--b-primary-90)); --b-button-pressed-background: var(--b-button-outlined-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-outlined-pressed-hover-background, var(--b-primary-92)); --b-button-color: var(--b-button-outlined-color, var(--b-primary-25)); --b-button-pressed-color: var(--b-button-outlined-pressed-color); --b-button-idle-border-width: var(--b-button-outlined-border-width); --b-button-idle-border-color: var(--b-button-outlined-border-color); --b-button-focus-border-color: var(--b-button-outlined-focus-border-color, var(--b-primary)); --b-button-hover-border-color: var(--b-button-outlined-hover-border-color, var(--b-primary-80)); --b-button-disabled-background: var(--b-button-outlined-disabled-background); --b-button-disabled-border-color: var(--b-button-outlined-disabled-border-color); --b-button-split-color: var(--b-button-outlined-split-color, var(--b-button-border-color)); } .b-button.b-button-text, .b-button.b-transparent { --b-button-background: var(--b-button-type-text-background); --b-button-hover-background: var(--b-button-type-text-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-button-type-text-focused-background); --b-button-active-background: var(--b-button-type-text-active-background, var(--b-primary-90)); --b-button-pressed-background: var(--b-button-type-text-pressed-background, var(--b-primary-90)); --b-button-pressed-hover-background: var(--b-button-type-text-pressed-hover-background, var(--b-primary-92)); --b-button-color: var(--b-button-type-text-color, var(--b-primary-20)); --b-button-disabled-background: var(--b-button-type-text-disabled-background); --b-button-split-color: var(--b-button-type-text-split-color, var(--b-button-color)); } :is(.b-button.b-button-text, .b-button.b-transparent).b-split-button .b-button-menu-icon { align-self: center; } :is(.b-button.b-button-text, .b-button.b-transparent).b-text:not(:has(.b-button-icon)) { border-radius: var(--b-button-type-text-text-only-border-radius, var(--b-button-border-radius)); } .b-button:focus-visible { outline-offset: var(--b-button-focus-outline-offset); outline: var(--b-button-focus-outline-color) solid var(--b-button-focus-outline-width); } .b-button.b-focus, .b-button:focus-visible { --b-button-background: var(--b-button-focused-background); --b-button-box-shadow: var(--b-button-focus-box-shadow); --b-button-border-color: var(--b-button-focus-border-color); } :is(.b-button:hover, .b-button .b-hover):where(:not(:active, .b-disabled)) { --b-button-background: var(--b-button-hover-background); --b-button-box-shadow: var(--b-button-hover-box-shadow); --b-button-border-color: var(--b-button-hover-border-color); } .b-button.b-active, .b-button:active { --b-button-background: var(--b-button-active-background); --b-button-box-shadow: var(--b-button-active-box-shadow); } .b-button.b-rotate-vertical { padding-inline: 0; padding-block: var(--b-button-padding-inline); width: var(--b-button-height); height: auto; } .b-button.b-rotate-vertical label { writing-mode: vertical-lr; } .b-button.b-rotate-left { flex-direction: column-reverse; } .b-button.b-rotate-left label { rotate: 180deg; } .b-button.b-rotate-left i { rotate: 270deg; } .b-button.b-rotate-right { flex-direction: column; } .b-button.b-rotate-right i { rotate: 90deg; } .b-button.b-pressed { --bi-button-applied-color: var(--b-button-pressed-color); --b-button-background: var(--b-button-pressed-background); --b-button-box-shadow: var(--b-button-pressed-box-shadow); } .b-button.b-pressed:hover { --b-button-background: var(--b-button-pressed-hover-background); } .b-button.b-icon-align-start { --b-button-padding-inline: var(--b-button-icon-padding-inline); } .b-button.b-icon-align-end { --b-button-padding-inline: var(--b-button-end-icon-padding-inline); } .b-button.b-icon-align-end .b-button-icon { order: 1; } .b-button.b-disabled { --b-button-color: var(--b-button-disabled-color); --b-button-background: var(--b-button-disabled-background); --b-button-opacity: var(--b-button-disabled-opacity); --b-button-box-shadow: none; --b-button-border-color: var(--b-button-disabled-border-color); --bi-button-cursor: normal; } .b-button:not(.b-text, .b-has-menu-icon, .b-tab) { aspect-ratio: 1 / 1; --b-button-padding-inline: 0; --b-button-border-radius: var(--b-button-icon-only-border-radius); } .b-button.b-has-menu-icon:not(.b-text) { --b-button-padding-inline: var(--b-button-menu-padding-inline); } .b-button .b-button-menu-icon::before { transition: rotate .2s; } .b-button.b-menu-visible .b-button-menu-icon::before { rotate: 180deg; } .b-button-custom-content { display: flex; align-items: center; } .b-using-keyboard .b-button-key { text-decoration: underline; } .b-split-button { padding-inline-end: 0; } .b-split-button .b-button-menu-icon { display: grid; place-content: center; align-self: stretch; transition: border .2s; padding-inline: var(--b-button-padding-inline); border-inline-start: 1px solid var(--b-button-split-color); } /* ../Core/lib/Core/widget/Tab.css */ :root, :host { --b-tab-border-radius: 0; --b-tab-indicator-border-radius: 0; --b-tab-font-weight: 500; --b-tab-padding: 0 var(--b-widget-padding-large); --b-tab-icon-only-padding: 0 var(--b-widget-padding); --b-tab-indicator-display: block; --b-tab-hover-indicator-opacity: 0; --b-tab-background: transparent; --b-tab-color: var(--b-neutral-40); --b-tab-close-color: var(--b-neutral-50); --b-tab-close-hover-color: var(--b-neutral-30); --b-tab-active-background: var(--b-tab-background); --b-tab-border: null; --b-tab-active-border: null; --b-tab-hover-border: var(--b-tab-border); --b-tab-label-position: null; --b-tab-indicator-height: .2em; --b-tab-hover-color: var(--b-neutral-20); --b-tab-active-tab-color: var(--b-neutral-0); --b-tab-invalid-indicator-color: var(--b-color-red); --b-tab-indicator-hidden-color: transparent; --b-tab-invalid-border: null; --bi-tab-indicator-opacity: 0; } .b-button.b-tab { border: var(--b-tab-border); --b-button-background: var(--b-tab-background); --b-button-border-radius: var(--b-tab-border-radius); --b-button-hover-background: var(--b-tab-hover-background, var(--b-primary-95)); --b-button-focused-background: var(--b-tab-focus-background, var(--b-primary-90)); --b-button-color: var(--b-tab-color); --b-button-font-weight: var(--b-tab-font-weight); --b-button-padding: var(--b-tab-padding); --b-tab-indicator-applied-color: var(--b-tab-indicator-hidden-color, transparent); } .b-button.b-tab.b-active { --b-tab-border: var(--b-tab-active-border); --b-button-background: var(--b-tab-active-background); --b-tab-color: var(--b-tab-active-tab-color); --b-tab-indicator-applied-color: var(--b-tab-indicator-color); --bi-tab-indicator-opacity: 1; } .b-button.b-tab:hover:where(:not(.b-active)) { --b-tab-color: var(--b-tab-hover-color); --b-tab-border: var(--b-tab-hover-border); --b-button-background: var(--b-tab-hover-background, var(--b-primary-95)); } .b-button.b-tab.b-invalid { --b-tab-indicator-applied-color: var(--b-tab-invalid-indicator-color); --bi-tab-indicator-opacity: 1; --b-tab-border: var(--b-tab-invalid-border); } .b-button.b-tab:not(.b-text) { --b-button-icon-padding: var(--b-tab-icon-only-padding); } .b-button.b-tab label { display: grid; place-items: center; align-self: stretch; position: var(--b-tab-label-position); } .b-tab-bar.b-dock-top { --b-tab-indicator-inset: auto 0 0 0; } .b-tab-bar.b-dock-right { --b-tab-indicator-inset: 0 auto 0 0; } .b-tab-bar.b-dock-bottom { --b-tab-indicator-inset: 0 0 auto 0; } .b-tab-bar.b-dock-left { --b-tab-indicator-inset: 0 auto 0 0; } .b-tab-indicator { position: absolute; transition: opacity .2s, background .2s; opacity: var(--bi-tab-indicator-opacity); inset: var(--b-tab-indicator-inset, auto 0 0 0); display: var(--b-tab-indicator-display); background: var(--b-tab-indicator-applied-color, var(--b-tab-active-tab-color)); block-size: var(--b-tab-indicator-height); border-radius: var(--b-tab-indicator-border-radius); } .b-tab-close { font-size: .8em; cursor: pointer; color: var(--b-tab-close-color); } .b-tab-close:hover { color: var(--b-tab-close-hover-color); } .b-tab.b-drag-proxy { transition: background-color 0.3s; opacity: 0.9; background-color: var(--b-toolbar-background); } /* ../Core/lib/Core/widget/chat/ChatButton.css */ :root, :host { --b-chat-button-color: #FFF; } .b-bryntum { --b-chat-button-background: var(--b-primary); } .b-chat-button.b-button { position: absolute; bottom: 1em; inset-inline-end: 1em; border: none; border-radius: 50%; font-size: 1em; width: 2.75em; height: 2.75em; display: grid; place-items: center; padding: 0; margin: 0; box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2); scale: 1; transition: scale .2s; min-height: 0; z-index: 10000; outline: none; color: var(--b-chat-button-color); background: var(--b-chat-button-background); } .b-chat-button.b-button .b-button-menu-icon { display: none; } .b-chat-button.b-button i { position: relative; display: grid; place-items: center; font-size: 1.3em; } .b-chat-button.b-button:hover { scale: 1.1; } .b-chat-button.b-button:active { scale: 1; } .b-using-keyboard .b-chat-button.b-button:focus:not(:active) { box-shadow: 0 0 0.8em #3183fe; } .b-chat-button.b-button.b-chat-button-animating i::before { animation: b-anim-chat-button-icon-transition .2s; } .b-chat-button.b-button.b-chat-closed { --bi-content: "\f27a"; } .b-chat-button.b-button.b-chat-closed-previous { --bi-previous-content: "\f27a"; } .b-chat-button.b-button.b-chat-open { --bi-content: "\f00d"; } .b-chat-button.b-button.b-chat-open-previous { --bi-previous-content: "\f00d"; } .b-chat-button.b-button.b-voice-speaking { --bi-content: "\e473"; } .b-chat-button.b-button.b-voice-speaking i { animation: b-anim-voice-speaking .7s infinite; } .b-chat-button.b-button.b-voice-speaking-previous { --bi-previous-content: "\e473"; } .b-chat-button.b-button.b-voice-waiting { --bi-content: "\f110"; animation: b-anim-rotate 2s infinite linear; } .b-chat-button.b-button.b-voice-waiting-previous { --bi-previous-content: "\f110"; } .b-chat-button.b-button.b-voice-active { --bi-content: "\f130"; } .b-chat-button.b-button.b-voice-active i { animation: b-anim-voice-active 0.9s ease-out infinite; } .b-chat-button.b-button.b-voice-active-previous { --bi-previous-content: "\f130"; } .b-chat-button.b-button.b-voice-inactive { --bi-content: "\f130"; background: #AAAAAA; } .b-chat-button.b-button.b-voice-inactive-previous { --bi-previous-content: "\f130"; } .b-chat-button.b-button .b-button-icon::before { content: var(--bi-content); } @keyframes b-anim-voice-speaking { 0% { transform: none; opacity: 1; } 49.9% { transform: none; } 50% { transform: scaleX(-1); opacity: .5; } 100% { transform: scaleX(-1); opacity: 1; } } @keyframes b-anim-voice-active { 0% { transform: scale(1); opacity: 1; } 25% { transform: scale(0.95); } 60% { transform: scale(1.05); opacity: .8; } 100% { transform: scale(1); opacity: 1; } } @keyframes b-anim-chat-button-icon-transition { 0% { font-size: 1em; content: var(--bi-previous-content); } 50% { font-size: 0.1em; } 100% { font-size: 1em; content: var(--bi-content); } } @starting-style { .b-chat-button.b-button { scale: 0; } .b-chat-button.b-button i:after { opacity: 0; } } /* ../Core/lib/Core/widget/chat/ChatPanel.css */ :root, :host { --b-chat-panel-border-radius: 1em; --b-chat-panel-message-them-align-self: flex-start; --b-chat-panel-message-them-background: var(--b-neutral-90); --b-chat-panel-message-them-color: var(--b-text-2); --b-chat-panel-intro-color: var(--b-neutral-50); --b-chat-panel-example-prompt-color: var(--b-neutral-70); --b-chat-panel-example-prompt-hover-color: var(--b-neutral-40); --b-chat-panel-message-us-align-self: flex-end; --b-chat-panel-message-us-color: #FFF; --b-chat-panel-message-color: var(--b-chat-panel-message-us-color); --b-chat-panel-tool-color: var(--b-color-lighter-gray); --b-chat-panel-tool-color-active: var(--b-color-gray); --b-chat-panel-tool-hover-color: var(--b-color-light-gray); --b-chat-panel-font-size: .8em; --b-chat-panel-loading-color: var(--b-text-3); --b-chat-panel-option-hover-background: color-mix(in srgb, var(--b-chat-panel-message-us-background), transparent 90%); --b-chat-panel-avatar-size: 5em; } .b-internal { --bi-value: null; } .b-chat-bubbles { display: flex; flex-flow: column nowrap; gap: 0.5em; overflow-x: clip; overflow-y: auto; } .b-chat-bubbles:before { content: ""; } .b-chat-bubbles .b-message { display: flex; flex-direction: column; gap: 0.2em; overflow: clip; width: 100%; flex-shrink: 0; align-self: var(--b-chat-panel-message-align-self); } .b-chat-bubbles .b-bubble { padding: 0.5em 0.75em; opacity: 1; transition: opacity .2s, translate .2s; translate: 0; z-index: 1; min-height: 2.5em; line-height: 1.5em; max-width: 80%; word-wrap: break-word; overflow: auto; border-radius: var(--b-chat-panel-border-radius); align-self: var(--b-chat-panel-message-align-self); background: var(--b-chat-panel-message-background); color: var(--b-chat-panel-message-color); } .b-chat-bubbles .b-bubble .b-aborted { opacity: .3; } .b-chat-bubbles .b-bubble .b-failed { color: var(--b-color-red); } .b-chat-bubbles .b-bubble strong { font-weight: 600; } .b-chat-bubbles .b-undone .b-bubble { opacity: .3; } .b-chat-bubbles .b-async .b-bubble { width: 3.5em; display: flex; align-items: center; overflow: clip; } .b-chat-bubbles .b-async .b-asyncstatus { font-size: .8em; opacity: .8; padding-inline-start: .2em; } .b-chat-bubbles .b-bubble-loading { position: relative; inset-inline-start: -2em; width: .5em; height: .5em; border-radius: 50%; animation: b-anim-jumping-dots 2s infinite; box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } .b-chat-bubbles .b-bubble-tools { display: flex; padding-inline: 0.75em; gap: .5em; align-items: center; transition: opacity .2s, translate .2s; transition-delay: .2s; justify-content: var(--b-chat-panel-message-them-align-self); } .b-chat-bubbles .b-bubble-tools .b-undone-tag { border-radius: 1em; font-size: .75em; padding-inline: .5em; background: var(--b-color-red); color: var(--b-neutral-100); } .b-chat-bubbles .b-bubble-tool { font-size: var(--b-chat-panel-font-size); color: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-bubble-tool:hover { --b-chat-panel-tool-color: var(--b-chat-panel-tool-hover-color); } .b-chat-bubbles button.b-bubble-tool { cursor: pointer; border: none; background: transparent; padding-inline: 0; } .b-chat-bubbles .b-timestamp { font-size: .7em; color: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-us { --b-chat-panel-message-align-self: var(--b-chat-panel-message-us-align-self); --b-chat-panel-message-background: var(--b-chat-panel-message-us-background, var(--b-primary)); --b-chat-panel-message-color: var(--b-chat-panel-message-us-color); } .b-chat-bubbles .b-them { --b-chat-panel-message-align-self: var(--b-chat-panel-message-them-align-self); --b-chat-panel-message-background: var(--b-chat-panel-message-them-background); --b-chat-panel-message-color: var(--b-chat-panel-message-them-color); } .b-chat-bubbles .b-confidence { position: relative; width: 1em; height: .6em; border-radius: .25em; border: 1px solid var(--b-chat-panel-tool-color); overflow: clip; } .b-chat-bubbles .b-confidence::before { display: block; position: absolute; content: ""; height: 100%; opacity: 0.6; width: calc(var(--bi-value) * 100%); background: var(--b-chat-panel-tool-color); } .b-chat-bubbles .b-options { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5em; opacity: 1; transition: height .2s, opacity .2s, gap .2s; height: auto; overflow: hidden; align-items: var(--b-chat-panel-message-us-align-self); } .b-chat-bubbles .b-options:has(.b-selected) { gap: 0; } .b-chat-bubbles .b-options:has(.b-selected) .b-option { pointer-events: none; } .b-chat-bubbles .b-options:has(.b-selected) .b-option:not(.b-selected) { opacity: 0; height: 0; min-height: 0; padding-block: 0; display: none; transition-delay: 0s; } .b-chat-bubbles .b-option { background: none; font-size: 1em; padding: 0.5em 0.75em; opacity: 1; transition: opacity .2s, translate .2s, height .2s, min-height .2s, padding .2s, display .2s; transition-delay: .2s; translate: 0; min-height: 2.5em; line-height: 1.5em; overflow: hidden; transition-behavior: allow-discrete; interpolate-size: allow-keywords; border: 1px solid var(--b-chat-panel-tool-color); border-radius: var(--b-chat-panel-border-radius); } .b-chat-bubbles .b-option:not(.b-outdated):hover { cursor: pointer; background: var(--b-chat-panel-option-hover-background); } .b-chat-bubbles .b-option.b-selected { border: none; background: var(--b-chat-panel-message-us-background, var(--b-primary)); color: var(--b-chat-panel-message-us-color); } .b-chat-bubbles .b-option:nth-child(2) { transition-delay: .3s; } .b-chat-bubbles .b-option:nth-child(3) { transition-delay: .4s; } .b-chat-bubbles .b-option:nth-child(4) { transition-delay: .5s; } .b-chat-bubbles .b-option:nth-child(5) { transition-delay: .6s; } .b-chat-bubbles .b-option:nth-child(6) { transition-delay: .7s; } .b-chat-bubbles .b-option.b-outdated { opacity: .3; transition-delay: 0s; } .b-chat-bubbles .b-bottom-anchor { min-height: 1px; } @starting-style { .b-chat-bubbles.b-animate .b-bubble { opacity: 0; translate: 0 1em; } .b-chat-bubbles.b-animate .b-bubble-tools { opacity: 0; translate: 0 -1em; } .b-chat-bubbles.b-animate .b-option { translate: -100% 0; opacity: 0; } } @keyframes b-anim-jumping-dots { 0% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 16.667% { box-shadow: 2em -.5em 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 33.333% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 50% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em -.5em 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 66.667% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } 83.333% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em -.5em 0 0 var(--b-chat-panel-loading-color); } 100% { box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color); } } .b-chat-panel-mixin.b-panel > header { gap: .5em; } .b-chat-panel-mixin.b-panel > header:after { display: none; } .b-chat-panel-mixin.b-panel > header .b-tool { font-size: 1.2em; } .b-float-root > .b-chat-panel-mixin.b-panel.b-floating { --b-aligned-above-floating-box-shadow: var(--b-widget-floating-box-shadow ); } .b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content { --b-panel-with-header-padding: 0; } .b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content > div { padding-inline: 1em; } .b-chat-panel-mixin.b-panel .b-chat-bubbles { padding-top: 1em; flex: 1; } .b-chat-panel-mixin.b-panel .b-intro { display: flex; flex-direction: column; align-items: center; gap: .5em; text-align: center; margin-bottom: 1em; color: var(--b-chat-panel-intro-color); } .b-chat-panel-mixin.b-panel .b-intro div { line-height: 1.5em; } .b-chat-panel-mixin.b-panel .b-intro .b-chat-avatar { border-radius: 50%; margin-bottom: 1em; background: var(--b-primary); width: var(--b-chat-panel-avatar-size); } .b-chat-panel-mixin.b-panel .b-example-prompt { font-size: .9em; font-style: italic; cursor: pointer; color: var(--b-chat-panel-example-prompt-color); } .b-chat-panel-mixin.b-panel .b-example-prompt::before { content: '"'; } .b-chat-panel-mixin.b-panel .b-example-prompt::after { content: '"'; } .b-chat-panel-mixin.b-panel .b-example-prompt:hover { color: var(--b-chat-panel-example-prompt-hover-color); } .b-chat-panel-mixin.b-panel .b-text-field { padding-bottom: 1em; } .b-chat-panel-mixin.b-panel .b-text-field .b-field-inner { border-radius: var(--b-chat-panel-border-radius); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger { color: var(--b-chat-panel-tool-color); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:before { font-size: 1.5em; } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:hover { color: var(--b-chat-panel-tool-hover-color); } .b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger.b-send-chat-msg { transition: color .2s; } .b-using-keyboard :is(.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger).b-icon-mic:focus { padding-inline-end: 0; margin-inline-end: .6em; outline-offset: .4em; } .b-chat-panel-mixin.b-panel .b-text-field .b-send-chat-msg:not(.b-disabled) { color: var(--b-chat-panel-tool-color-active); } .b-is-speaking button.b-bubble-tool[data-ref=readAloud] { color: blue; } .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording { color: blue; } .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording:hover { color: blue; } .b-bubble ul, .b-bubble ol { padding-inline-start: 1em; } .b-bubble > p:first-child { margin-block-start: 0; } .b-bubble > p:last-child { margin-block-end: 0; } .b-aichat-panel-mixin .b-panel-header .b-tool[data-ref=offline] { color: #f99d9d; } /* ../Core/lib/Core/widget/CheckboxGroup.css */ .b-panel.b-checkbox-group .b-fieldset-content.b-inline { flex-wrap: wrap; } .b-panel.b-checkbox-group .b-fieldset-content.b-inline label { white-space: nowrap; } .b-panel.b-checkbox-group.b-invalid .b-checkbox label:before { outline-offset: 2px; outline: 1px solid var(--b-color-red); } /* ../Core/lib/Core/widget/Container.css */ :root, :host { --b-container-gap: var(--b-widget-gap); --b-container-padding: 0; --b-container-color: var(--b-widget-color); --b-divider-font-size: .9em; --b-divider-line-color: var(--b-border-5); --b-divider-text-color: var(--b-border-4); --b-divider-font-weight: null; --b-dividier-margin-block: 1em; } .b-internal { --bi-container-columns: null; } .b-container { min-width: 0; min-height: 0; color: var(--b-container-color); gap: var(--b-container-gap); padding: var(--b-container-padding); align-content: var(--b-container-align-content); } .b-container:where(:not(.b-panel)) { display: grid; grid-auto-rows: min-content; } .b-container:where(:not(.b-panel)).b-columns { grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-container.b-vbox { display: flex; flex-direction: column; } .b-container.b-vbox.b-single-child:not(.b-toolbar-content) > .b-container { align-self: stretch; flex: 1 1 auto; } .b-container.b-hbox { display: flex; flex-flow: row nowrap; } .b-container.b-hbox.b-single-child:not(.b-toolbar-content) > .b-container { align-self: stretch; flex: 1 1 auto; } .b-container.b-field-align-end .b-field-inner { justify-content: flex-end; justify-self: end; } .b-content-element:has(> .b-splitter) { gap: 0; } .b-content-element:has(> .b-splitter.b-moving) * { transition: none !important; } :is(.b-container, .b-panel).b-label-align-before { --b-field-align-before-label-column: span 1; --b-field-align-before-field-column: span 1; } .b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content { grid-template-columns: repeat(var(--bi-container-columns, 1), max-content 1fr); grid-auto-rows: min-content; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label { display: contents; --b-field-label-padding: 0; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > label { grid-row: auto; } :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > .b-field-inner { grid-row: auto; } .b-content-element { position: relative; } .b-content-element.b-text-content { display: block; overflow: auto; } .b-divider { justify-content: center; grid-column: 1 / -1; margin-block: var(--b-dividier-margin-block); } .b-divider::before { content: ""; width: 100%; border-bottom: 1px solid var(--b-divider-line-color); position: absolute; top: 50%; } .b-divider[data-text]::after { display: flex; padding: 0 1em; content: attr(data-text); z-index: 1; color: var(--b-divider-text-color); background: var(--b-parent-background-color, var(--b-panel-background)); font-size: var(--b-divider-font-size); font-weight: var(--b-divider-font-weight); } /* ../Core/lib/Core/widget/base/UndoRedoBase.css */ .b-undo-redo-base.b-toolbar { gap: 0.5em; align-items: center; } /* ../Core/lib/Core/widget/ButtonGroup.css */ :root, :host { --b-button-group-border-width: 0px; --b-button-group-border-radius: var(--b-button-border-radius); --b-button-group-box-shadow: none; --b-button-group-border-color: transparent; --b-button-group-padded-padding: 0.3em; --b-button-group-padded-background: var(--b-neutral-95); --b-button-group-padded-active-background: var(--b-neutral-97); --b-button-group-padded-pressed-background: var(--b-neutral-100); --b-button-group-padded-pressed-hover-background: var(--b-neutral-98); --b-button-group-padded-pressed-box-shadow: 0 1px 3px 0 rgb(0 0 0 /0.05), 0 1px 1px 0 rgb(0 0 0 /0.04), 0 2px 1px -1px rgb(0 0 0 /0.03); --b-button-group-padded-pressed-border: null; --b-button-group-padded-button-opacity: 0.5; --b-button-group-padded-border: null; --b-button-group-padded-filled-pressed-color: var(--b-neutral-100); } .b-bryntum { --b-button-group-padded-filled-pressed-background: var(--b-primary-50); --b-button-group-padded-filled-pressed-hover-background: var(--b-primary-55); } .b-button-group { display: flex; gap: 0; flex-shrink: 0; align-items: center; width: min-content; height: min-content; transition-property: box-shadow, border, opacity, background; box-shadow: var(--b-button-group-box-shadow); border: var(--b-button-group-border-width) solid var(--b-button-group-border-color); opacity: var(--bi-button-group-opacity, 1); transition-duration: var(--b-default-transition-duration); } .b-button-group.b-columned { width: 100%; flex-wrap: wrap; } .b-button-group.b-button-group-tonal .b-button { --bi-button-group-button-border-end-width: 1px; --b-button-group-border-color: color-mix(in oklab, var(--b-button-tonal-color), transparent 80%); } .b-button-group.b-button-group-elevated { --b-button-group-box-shadow: var(--b-button-elevated-box-shadow); } .b-button-group.b-button-group-outlined { --b-button-group-border-color: var(--b-button-outlined-border-color); --b-button-group-border-width: var(--b-button-outlined-border-width); --bi-button-group-button-border-end-width: var(--b-button-outlined-border-width); } .b-button-group.b-button-group-outlined.b-disabled { --b-button-group-border-color: var(--b-button-outlined-disabled-border-color); --bi-button-group-opacity: var(--b-button-disabled-opacity); } .b-button-group.b-button-group-outlined.b-disabled .b-button { --b-button-disabled-opacity: 1; } .b-button-group.b-rotate-vertical { flex-direction: column; } .b-button-group .b-button { --b-button-border-width: 0; --b-button-box-shadow: none; } .b-button-group .b-button:not(.b-button-text) { --b-button-border-radius: 0; } .b-button-group .b-button:not(.b-last-visible-child) { border-inline-end: var(--bi-button-group-button-border-end-width) solid var(--b-button-group-border-color); } .b-button-group .b-button:not(.b-text, .b-button-text) { aspect-ratio: unset; min-width: 3.25em; } .b-button-group .b-button:focus { z-index: 3; } .b-button-group .b-pressed { z-index: 2; } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) { border-radius: var(--b-button-group-border-radius); } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-first-visible-child { border-start-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); border-end-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); } .b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-last-visible-child { border-start-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); border-end-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width)); } .b-button-group-padded, .b-button-group-padded-filled { background: var(--b-button-group-padded-background); border-radius: var(--b-button-group-border-radius); padding: var(--b-button-group-padded-padding); border: var(--b-button-group-padded-border); gap: 3px; } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button { background: transparent; transition-property: opacity, background, box-shadow, border; transition-duration: var(--b-default-transition-duration); border-radius: calc(var(--b-button-group-border-radius) - 1px); height: calc(var(--b-button-height) - var(--b-button-group-padded-padding) * 2); opacity: var(--b-button-group-padded-button-opacity); } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:hover, :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed { opacity: 1; } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:active { background: var(--b-button-group-padded-active-background); } :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed { background: var(--b-button-group-padded-pressed-background); border: var(--b-button-group-padded-pressed-border); box-shadow: var(--b-button-group-padded-pressed-box-shadow); } :is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) { gap: var(--b-button-group-padded-padding); } :is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) .b-button.b-pressed:hover { background: var(--b-button-group-padded-pressed-hover-background); } .b-button-group-padded-filled .b-button.b-pressed { box-shadow: none; background: var(--b-button-group-padded-filled-pressed-background); color: var(--b-button-group-padded-filled-pressed-color); } .b-button-group-padded-filled:not(.b-toggle-group) .b-button.b-pressed:hover { background: var(--b-button-group-padded-filled-pressed-hover-background); } /* ../Core/lib/Core/widget/Editor.css */ :root, :host { --b-editor-background: transparent; --b-editor-border-radius: var(--b-widget-border-radius); } .b-editor { display: flex; overflow: visible; background: var(--b-editor-background); border-radius: var(--b-editor-border-radius); } .b-editor .b-label { display: none; } .b-editor .b-field { display: flex; width: 100%; height: 100%; --b-text-field-input-height: 100%; } .b-editor .b-field-inner { height: 100%; } /* ../Core/lib/Core/widget/FieldFilterPicker.css */ .b-field-filter-picker { display: flex; flex-flow: row wrap; overflow: visible; --b-container-gap: 1em; --b-text-field-default-width: 100%; } .b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple { flex: 1; min-width: 10em; } :is(.b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple).b-hidden { display: none; } .b-field-filter-picker-values-multiple { display: flex; align-items: center; gap: var(--b-container-gap); } .b-field-filter-picker-values-multiple .b-field { flex: 1; } .b-combo.b-field-filter-picker-combo-locked { margin-top: .25em; --b-text-field-border-width: 0; --b-text-field-input-padding: 0; --b-text-field-input-height: 3em; --b-text-field-background: transparent; } /* ../Core/lib/Core/widget/Panel.css */ :root, :host { --b-panel-gap: var(--b-widget-gap); --b-panel-background: var(--b-neutral-100); --b-panel-header-color: var(--b-widget-color); --b-panel-overlay-box-shadow: var(--b-elevation-1); --b-panel-drawer-box-shadow: var(--b-elevation-4); --b-panel-header-font-size: 1.2em; --b-panel-header-font-weight: calc(var(--b-widget-font-weight) + 100); --b-panel-header-text-align: start; --b-panel-header-gap: var(--b-widget-gap); --b-panel-padding: var(--b-widget-padding-large); --b-panel-with-header-padding: var(--b-panel-padding); --b-panel-bottom-toolbar-padding: var(--b-widget-padding-large); --b-panel-bottom-toolbar-background: transparent; --b-panel-top-toolbar-margin-inline: null; --b-panel-top-toolbar-border-radius: null; --b-panel-with-header-top-toolbar-background: var(--b-neutral-97); --b-panel-header-padding: var(--b-widget-padding-large); --b-panel-border: null; --b-panel-header-background: transparent; --b-drawer-size: 30em; --b-panel-overlay-border: null; --b-default-panel-transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border-color var(--b-default-transition-duration); } .b-panel { display: flex; flex-direction: column; gap: 0; outline: none; transition: var(--b-default-panel-transition); overflow: clip; background: var(--b-panel-background); border: var(--b-panel-border); } .b-panel.b-columns .b-panel-content { display: grid; grid-auto-rows: min-content; grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-panel.b-panel-has-header .b-top-toolbar:not(.b-tab-bar) { margin-inline: var(--b-panel-top-toolbar-margin-inline); border-radius: var(--b-panel-top-toolbar-border-radius); } .b-panel > .b-panel-overlay, .b-panel > .b-panel-body-wrap { z-index: 0; } .b-panel > .b-panel-collapse-size-locker { position: absolute !important; } .b-panel .b-panel-overlay-right { border-inline-start: var(--b-panel-overlay-border); } .b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker { clip: rect(0, 0, 0, 0); } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up) > .b-panel-collapse-size-locker { top: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down) > .b-panel-collapse-size-locker { bottom: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right) > .b-panel-collapse-size-locker { right: 0; } :is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right) > .b-panel-collapse-size-locker { left: 0; } .b-panel.b-panel-collapsible-overlay { background: transparent; } .b-panel.b-panel-collapsible-overlay:not(.b-collapsing, .b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header { display: none; } .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay { box-shadow: var(--b-panel-overlay-box-shadow); overflow: visible; } .b-panel.b-panel-collapsible-overlay > .b-panel-header { transition: translate 0.2s ease-in-out; } .b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide { display: none; } :is(.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding) > .b-panel-header { opacity: 0; } .b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header { display: none; } .b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed { overflow: visible; z-index: 1; } .b-panel.b-panel-collapsible-overlay.b-collapsing { overflow: visible; } .b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header { z-index: -1; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header { translate: 0 -100%; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header { translate: 0 100%; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header { translate: 100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header { translate: -100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) { border: none; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker { transition: translate 0.2s cubic-bezier(0.06, 1.1, 0.58, 1), clip-path 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out, bottom 0.2s ease-out, left 0.2s ease-out; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker { translate: 0 -100%; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 0 -20px 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker { translate: 0 100%; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(-20px 0 0 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker { translate: -100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 -20px 0 0); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker { translate: 100% 0; } .b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker { clip-path: inset(0 0 0 -20px); translate: 0 0; } .b-panel.b-panel-collapsible-overlay.b-expanding { flex: none !important; overflow: visible; } .b-panel.b-header-dock-right, .b-panel.b-header-dock-bottom { justify-content: flex-end; } .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) { visibility: hidden; flex: 0 1 0; } .b-panel.b-collapsed > .b-panel-collapse-revealer { visibility: visible; cursor: pointer; } .b-panel.b-collapsed > .b-panel-collapse-revealer.b-dock-right, .b-panel.b-collapsed > .b-panel-collapse-revealer .b-dock-left { height: 100%; border-block: none; } .b-panel .b-panel-collapser-header { display: none; } .b-panel.b-collapse-unflex { flex-grow: unset !important; flex-basis: unset !important; flex-shrink: 0 !important; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing) .b-panel-collapser-header { display: flex; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom { min-height: auto !important; } :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) { height: unset !important; } .b-vbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom) { flex: none !important; } :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left { min-width: auto !important; } :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) { width: unset !important; } .b-hbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left) { flex: none !important; } .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-right, .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-left { width: unset !important; flex: unset !important; } .b-drawer-panel { --b-panel-overlay-box-shadow: var(--b-panel-drawer-box-shadow); } .b-drawer-panel:not(.b-positioned, .b-floating) { flex: unset; } .b-drawer-panel.b-panel-overlay-revealed > header.b-panel-collapse-revealer { display: none; } .b-drawer-panel > header.b-panel-collapse-revealer { display: none; } .b-drawer-panel.b-panel-collapse-up { min-height: var(--b-drawer-size); height: auto; inset: 0 0 auto 0; } .b-drawer-panel.b-panel-collapse-right { width: var(--b-drawer-size); inset: 0 0 0 auto; } .b-drawer-panel.b-panel-collapse-down { min-height: var(--b-drawer-size); height: auto; inset: auto 0 0 0; } .b-drawer-panel.b-panel-collapse-left { width: var(--b-drawer-size); inset: 0 auto 0 0; } .b-panel-overlay { background: var(--b-panel-background); } .b-panel-header { display: flex; flex-direction: row; align-items: center; flex-shrink: 0; z-index: 1; transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border var(--b-default-transition-duration); background: var(--b-panel-header-background); color: var(--b-panel-header-color); padding: var(--b-panel-header-padding); gap: var(--b-panel-header-gap); border-bottom: var(--b-panel-header-border-bottom); } .b-panel-collapsible > .b-panel-header { cursor: pointer; } .b-panel-header.b-dock-top { border-top-left-radius: inherit; border-top-right-radius: inherit; } .b-panel-header.b-dock-right { flex-flow: column nowrap; border-start-end-radius: inherit; border-end-end-radius: inherit; order: 100; } .b-panel-header.b-dock-right, .b-panel-header.b-dock-bottom { order: 100; } .b-panel-header.b-dock-left { flex-flow: column-reverse nowrap; border-start-start-radius: inherit; border-end-start-radius: inherit; } .b-panel-header.b-dock-left .b-header-title { rotate: 180deg; } :is(.b-panel-header.b-dock-right, .b-panel-header.b-dock-left) .b-header-title { writing-mode: vertical-lr; } .b-panel-header .b-header-title { align-items: center; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: var(--b-panel-header-font-size); font-weight: var(--b-panel-header-font-weight); text-align: var(--b-panel-header-text-align); gap: var(--b-panel-header-gap); } .b-panel-header .b-header-title.b-header-html-title, .b-panel-header .b-header-title.b-panel-ui-toolbar { display: flex; } .b-panel-body-wrap { overflow: hidden; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .b-panel-body-wrap .b-top-toolbar .b-button.b-button-text { --b-button-type-text-color: var(--b-panel-top-toolbar-button-type-text-color, var(--b-primary-20)); } .b-panel-body-wrap .b-bottom-toolbar { background: var(--b-panel-bottom-toolbar-background); --b-toolbar-padding: var(--b-panel-bottom-toolbar-padding); } .b-panel-collapser { z-index: 0; } .b-panel-content { flex: 1; overflow: clip; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; gap: var(--b-panel-gap); padding: var(--b-panel-padding); } .b-panel-content:where(:not(.b-vbox, .b-hbox)) { display: grid; grid-auto-rows: min-content; align-items: center; } .b-panel-content.b-vbox { --b-text-field-default-width: 100%; } .b-panel-has-header .b-top-toolbar:not(.b-tab-bar) { background: var(--b-panel-with-header-top-toolbar-background); } .b-panel-has-header:where(:not(:has(.b-top-toolbar:not(.b-hidden, .b-tab-bar)))) > .b-panel-body-wrap > .b-panel-content { padding: var(--b-panel-with-header-padding); } .b-panel .b-panel-content:has(+ .b-bottom-toolbar:not(.b-bordered, .b-hidden)) { padding-block-end: 0; } .b-collapse-tool::before { rotate: var(--b-panel-collapse-tool-rotate); } .b-collapse-tool:not(.b-collapsing):before { transition: all 0.2s ease-in-out; } .b-collapse-tool.b-rotate-left, .b-collapse-tool.b-rotate-right { --b-panel-collapse-tool-rotate: 0deg; } .b-collapse-tool.b-collapsed { --b-panel-collapse-tool-rotate: 180deg; } .b-panel-ui-plain { --b-panel-header-background: var(--b-panel-background); --b-panel-header-color: var(--b-widget-color); } .b-panel-ui-toolbar { --b-panel-header-background: var(--b-grid-header-background, var(--b-toolbar-background)); --b-panel-header-color: var(--b-widget-color); --b-panel-header-font-size: var(--b-widget-font-size); --b-panel-header-padding: 1em; --b-panel-header-border-bottom: 1px solid var(--b-grid-header-border-color, var(--b-border-5)); } /* ../Core/lib/Core/widget/CalendarPanel.css */ :root, :host { --b-calendar-panel-day-font-size: unset; --b-calendar-panel-week-width: 2em; --b-calendar-panel-week-number-display: none; --b-calendar-panel-cell-display: flex; --b-calendar-panel-cell-padding: none; --b-calendar-panel-cell-font-size: 1em; --b-calendar-panel-cell-font-weight: var(--b-widget-font-weight); --b-calendar-panel-disabled-cell-opacity: 0.4; --b-calendar-panel-non-working-cell-display: flex; --b-calendar-panel-gap: 0em; --b-calendar-panel-day-color: unset; --b-calendar-panel-color: var(--b-widget-color); --b-calendar-panel-other-month-color: var(--b-neutral-60); --b-calendar-panel-weeks-gap: .5em; } .b-internal { --bi-min-column-width: null; } .b-calendar-panel { user-select: none; -webkit-user-select: none; } .b-calendar-panel.b-show-week-column { --b-calendar-panel-week-number-display: flex; } .b-calendar-panel.b-hide-other-month-cells .b-other-month { visibility: hidden; pointer-events: none; } .b-calendar-panel.b-disable-other-month-cells .b-other-month { pointer-events: none; opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-calendar-panel.b-shade-past-dates .b-past-date { opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-calendar-panel-content { gap: 0; padding: 0; } .b-calendar-panel-content.b-hide-non-working-days .b-non-working-day { display: none; } .b-calendar-panel-row { display: flex; } .b-week-number-cell { flex-direction: column; justify-content: center; cursor: pointer; display: var(--b-calendar-panel-week-number-display); font-size: var(--b-calendar-panel-day-font-size); width: var(--b-calendar-panel-week-width); color: var(--b-calendar-panel-week-number-color, var(--b-primary-20)); } .b-calendar-week-days .b-week-number-cell { flex-direction: row; font-size: var(--b-calendar-panel-day-font-size); } .b-calendar-day-header { flex: 1; justify-content: center; display: flex; color: var(--b-calendar-panel-day-color); font-size: var(--b-calendar-panel-day-font-size); min-width: var(--bi-min-column-width); } .b-calendar-week-days { padding-inline: var(--b-calendar-panel-gap); gap: var(--b-calendar-panel-gap); } .b-weeks-container { display: flex; flex-flow: column nowrap; padding-block: var(--b-calendar-panel-weeks-gap); gap: var(--b-calendar-panel-weeks-gap); } .b-weeks-container .b-calendar-panel-row { flex: 1; min-height: var(--bi-min-row-height, 0); } .b-calendar-panel-days { display: flex; flex: 1; gap: var(--b-calendar-panel-gap); } .b-calendar-panel-cell { flex: 1; justify-content: center; align-items: center; position: relative; transition: padding var(--b-default-transition-duration); color: var(--b-calendar-panel-color); display: var(--b-calendar-panel-cell-display); padding: var(--b-calendar-panel-cell-padding); background: var(--b-calendar-panel-cell-background); font-weight: var(--b-calendar-panel-cell-font-weight); font-size: var(--b-calendar-panel-cell-font-size); min-width: var(--bi-min-column-width); } .b-calendar-panel-cell.b-other-month { --b-calendar-panel-color: var(--b-calendar-panel-other-month-color); } .b-calendar-panel-cell.b-disabled-date { opacity: var(--b-calendar-panel-disabled-cell-opacity); } /* ../Core/lib/Core/widget/DatePicker.css */ :root, :host { --b-date-picker-min-width: 25em; --b-date-picker-title-font-weight: 600; --b-date-picker-day-font-size: 1em; --b-date-picker-date-padding: 0.5em; --b-date-picker-date-font-size: 1em; --b-date-picker-today-font-weight: inherit; --b-date-picker-selected-font-weight: 600; --b-date-picker-selected-week-border-radius: 2px; --b-date-picker-cell-margin-block: 2px; --b-date-picker-toolbar-font-size: 1em; --b-date-picker-day-color: var(--b-neutral-30); --b-date-picker-date-color: var(--b-neutral-30); --b-date-picker-today-background: transparent; --b-date-picker-selected-color: var(--b-primary-30); --b-date-picker-header-padding: 1.5em 0; --b-date-picker-color: var(--b-primary); } .b-date-picker { position: relative; opacity: 1; flex-shrink: 0; color: var(--b-date-picker-color); min-width: var(--b-date-picker-min-width); --b-calendar-panel-day-color: var(--b-date-picker-day-color); --b-calendar-panel-day-font-size: var(--b-date-picker-day-font-size); --b-calendar-panel-color: var(--b-date-picker-date-color); --b-calendar-panel-cell-background: transparent; --b-calendar-panel-cell-font-size: var(--b-date-picker-date-font-size); --b-panel-header-padding: var(--b-date-picker-header-padding); } .b-date-picker.b-date-picker-has-payload { --b-calendar-panel-cell-display: block; } .b-date-picker.b-floating .b-weeks-container { max-height: 24em; } .b-date-picker .b-top-toolbar { --b-toolbar-background: transparent; --b-toolbar-gap: 0; } .b-date-picker .b-top-toolbar > .b-toolbar-content > .b-widget { font-size: var(--b-date-picker-toolbar-font-size); } .b-date-picker .b-top-toolbar .b-button { min-width: 2em; --b-button-type-text-color: var(--b-date-picker-toolbar-color, var(--b-primary-30)); } .b-date-picker .b-top-toolbar .b-widget { --b-primary: inherit; } .b-date-picker .b-top-toolbar .b-text-field { color: var(--b-date-picker-toolbar-color, var(--b-primary-30)); --b-text-field-background: transparent; } .b-date-picker .b-top-toolbar i { font-size: .9em; } :is(.b-date-picker [data-ref=monthButton], .b-date-picker [data-ref=yearButton]) label { font-size: 1.1em; } .b-date-picker .b-calendar-panel-cell { cursor: pointer; line-height: 1; margin-block: var(--b-date-picker-cell-margin-block); } .b-date-picker .b-calendar-panel-cell:hover { --b-date-picker-date-background: var(--b-date-picker-date-hover-background, var(--b-primary-95)); color: var(--b-date-picker-date-hover-color); } .b-date-picker .b-calendar-panel-cell:focus-visible { outline: none; } .b-date-picker .b-calendar-panel-cell:focus-visible::after { content: ""; position: absolute; z-index: 1; border-radius: .25em; pointer-events: none; inset: calc(var(--b-widget-focus-outline-width) * -1) var(--b-widget-focus-outline-width); outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); } :is(.b-date-picker .b-calendar-panel-cell:not(.b-range-end):last-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-end).b-last-visible-cell)::before { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); } :is(.b-date-picker .b-calendar-panel-cell:not(.b-range-start):first-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-start).b-first-visible-cell)::before { clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); } .b-date-picker .b-date-picker-cell-payload { pointer-events: none; position: absolute; inset: auto 0 0 0; display: flex; justify-content: center; overflow: clip; z-index: 1; font-weight: var(--b-widget-font-weight); } .b-date-picker .b-month-picker, .b-date-picker .b-year-picker { inset: 0; z-index: 1; } .b-date-picker .b-selected-date:not(.b-in-range) { --b-date-picker-date-hover-background: var(--b-date-picker-selected-hover-background, var(--b-date-picker-selected-background, var(--b-primary-90))); --b-calendar-panel-color: var(--b-date-picker-selected-color); --b-date-picker-date-background: var(--b-date-picker-selected-background, var(--b-primary-90)); --b-calendar-panel-cell-font-weight: var(--b-date-picker-selected-font-weight); --b-date-picker-date-border: var(--b-date-picker-selected-border); } .b-date-picker .b-today, .b-date-picker .b-today:not(.b-in-range) { --b-date-picker-date-border: var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50))); } .b-date-picker .b-today { --b-date-picker-date-hover-background: var(--b-date-picker-today-hover-background, var(--b-primary-95)); --b-calendar-panel-color: var(--b-date-picker-today-color, var(--b-primary-50)); --b-calendar-panel-date-background: var(--b-date-picker-today-background); --b-calendar-panel-cell-font-weight: var(--b-date-picker-today-font-weight); } .b-date-picker.b-highlight-selected-week .b-calendar-week:has(.b-selected-date) { background: var(--b-date-picker-selected-week-background, var(--b-primary-95)); border-radius: var(--b-date-picker-selected-week-border-radius); } .b-date-picker .b-in-range { --b-date-picker-selected-color: var(--b-date-picker-selected-range-color); } :is(.b-date-picker .b-range-start:where(:not(.b-range-end)), .b-date-picker .b-range-end:where(:not(.b-range-start)), .b-date-picker .b-in-range)::before { content: ""; position: absolute; display: block; height: 100%; inset-inline-start: 0; background: var(--b-date-picker-selected-range-background, var(--b-primary-96)); } .b-date-picker .b-range-start::before { inset-inline-start: 50%; width: calc(50% + var(--b-calendar-panel-gap)); } .b-date-picker .b-in-range::before { width: calc(100% + var(--b-calendar-panel-gap)); } .b-date-picker .b-range-end::before { width: 50%; } .b-date-picker .b-out-of-range { opacity: var(--b-calendar-panel-disabled-cell-opacity); } .b-date-picker-cell-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; height: 100%; position: relative; z-index: 1; aspect-ratio: 1 / 1; min-width: 2.25em; background: var(--b-date-picker-date-background); padding: var(--b-date-picker-date-padding); outline: var(--b-date-picker-date-border); } .b-date-picker-title { display: flex; flex-direction: row; flex: 1; align-items: center; justify-content: center; gap: 0.3em; overflow: visible; } .b-date-picker-month-button, .b-date-picker-year-button { padding: 0; background: transparent; border-radius: 1px; font-weight: var(--b-date-picker-title-font-weight); --b-button-focus-outline-offset: 1px; } /* ../Core/lib/Core/widget/Carousel.css */ .b-carousel-content:not(.b-carousel-empty) { padding: 0; } .b-carousel-content > .b-carousel-content { overflow: clip; } .b-carousel-content.b-carousel-empty > .b-carousel-inner-ct, .b-carousel-content:not(.b-carousel-empty) > .b-carousel-empty-text { display: none; } /* ../Core/lib/Core/widget/MultiDatePicker.css */ .b-multi-date-picker.b-widget.b-floating { border-radius: var(--b-popup-border-radius); } .b-multi-date-picker.b-widget.b-floating .b-carousel-inner-ct { border-radius: var(--b-popup-border-radius); } .b-multi-date-picker .b-top-toolbar { --b-toolbar-gap: var(--b-date-range-field-gap); } .b-multi-date-picker [data-ref=yearButton], .b-multi-date-picker [data-ref=monthButton] { color: var(--b-button-type-text-color); opacity: 1; } .b-multi-date-picker-nav-floating { overflow: visible; } .b-multi-date-picker-nav-floating > .b-multi-date-picker-nav-button { position: absolute; top: 50%; z-index: 1; box-shadow: var(--b-elevation-1); --b-button-type-text-background: var(--b-panel-background); --b-button-type-text-hover-background: var(--b-primary-97); } .b-multi-date-picker-nav-floating > .b-multi-date-picker-next-button { inset-inline-end: 0; translate: calc(50% * var(--b-rtl-negate)) -50%; } .b-multi-date-picker-nav-floating > .b-multi-date-picker-prev-button { inset-inline-start: 0; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week-days { padding-inline: 1.5em; } .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextMonth], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevMonth], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevYear], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextYear] { display: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-first > .b-top-focus-trap, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-last > .b-end-focus-trap { display: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=monthField] { pointer-events: none; } .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=yearButton] { display: none; } /* ../Core/lib/Core/widget/DemoCodeEditor.css */ .b-demo-code-editor { width: 490px; flex: unset; --b-toolbar-padding: 0.5em; --b-panel-padding: 0; --b-panel-background: var(--b-neutral-100); --b-text-field-input-height: 3em; --b-panel-overlay-border: none; --b-toolbar-background: transparent; } .b-demo-code-editor .b-top-toolbar { height: 58px; --b-toolbar-gap: 0; } @media (min-width : 2000px) { .b-demo-code-editor { width: 700px; } } .b-demo-code-editor:not(.b-collapsed) { border-inline-start: var(--b-splitter-size, 4px) solid var(--b-border-7); } :is(.b-demo-code-editor.b-collapsed, .b-demo-code-editor.b-collapsing) .b-panel-collapse-revealer { display: none; } .b-demo-code-editor:not(.b-resizing) { transition: border-width .1s; } .b-demo-code-editor .b-code-editor-body-wrap, .b-demo-code-editor .b-panel-overlay { overflow: hidden; } .b-demo-code-editor .b-panel-content { direction: ltr; } .b-demo-code-editor.b-resizing * { user-select: none; -webkit-user-select: none; } .b-demo-code-editor.b-over-resize-handle { cursor: ew-resize; } .b-demo-code-editor.b-hidden { display: flex !important; border-inline-start-width: 0; } .b-demo-code-editor .b-bottom-toolbar { transition: background-color .2s; } .readonly :is(.b-demo-code-editor .b-bottom-toolbar) { background-color: #ff8d46; } .b-demo-code-editor .b-bottom-toolbar [data-ref=cursorPos] { margin-inline-start: auto; } .b-demo-code-editor .b-bottom-toolbar .b-toolbar-content { padding: 1em !important; } .b-demo-code-editor.invalid .b-bottom-toolbar { color: #fff; background: #b71c1c; } .b-demo-code-editor [data-ref=filesCombo] { margin-inline-end: .5em; } .b-demo-code-editor-file-picker { --b-list-item-gap: 0; } .b-demo-code-editor-file-picker .b-editor-file-type { margin-inline-end: 0.5em; } /* ../Core/lib/Core/widget/Field.css */ :root, :host { --b-field-label-padding: 0; --b-field-label-default-gap: var(--b-widget-gap); --b-field-label-above-gap: .5em; --b-field-label-before-gap: var(--b-widget-gap); --b-field-default-template-areas: "before inner"; --b-field-default-template-columns: auto 1fr; --b-field-default-label-padding: 0 1em 0 0; --b-field-error-tip-primary: var(--b-color-red); --b-field-align-before-label-column: unset; --b-field-align-before-field-column: unset; } @property --bi-field-template-areas { syntax : "*"; inherits : false; } @property --bi-field-template-columns { syntax : "*"; inherits : false; } .b-field, .b-slider { display: grid; align-items: center; justify-items: start; flex-shrink: 0; --bi-field-template-areas: "inner"; --bi-field-template-columns: 1fr; grid-template-areas: var(--bi-field-template-areas); grid-template-columns: var(--bi-field-template-columns); color: var(--b-primary); gap: var(--bi-field-gap); --b-field-label-grid-area: before; } :is(.b-field, .b-slider) .b-field-inner { display: grid; align-items: center; justify-items: center; grid-area: inner; max-height: 100%; } :is(.b-field, .b-slider) .b-label { align-self: center; grid-area: var(--b-field-label-grid-area); padding: var(--b-field-label-padding); } .b-vbox > :is(.b-field, .b-slider).b-label-above .b-label { align-self: flex-start; } :is(.b-field, .b-slider).b-has-label { --bi-field-template-areas: var(--b-field-default-template-areas); --bi-field-template-columns: var(--b-field-default-template-columns); --bi-field-gap: var(--b-field-label-default-gap); } :is(.b-field, .b-slider).b-has-label.b-required .b-label::after { content: "*"; } :is(.b-field, .b-slider).b-label-align-before, :is(.b-field, .b-slider).b-label-before { --bi-field-template-columns: auto 1fr; --bi-field-template-areas: "before inner"; --b-field-label-grid-area: before; --bi-field-gap: var(--b-field-label-before-gap); } :is(.b-field, .b-slider).b-label-above { grid-template-rows: auto 1fr; --bi-field-template-columns: 1fr; --bi-field-template-areas: "above" "inner"; --b-field-label-grid-area: above; --bi-field-gap: var(--b-field-label-above-gap); } :is(.b-field, .b-slider).b-label-align-before .b-label { grid-column: var(--b-field-align-before-label-column); } :is(.b-field, .b-slider).b-label-align-before .b-field-inner { grid-column: var(--b-field-align-before-field-column); } :is(:is(.b-field, .b-slider).b-read-only, :is(.b-field, .b-slider).b-disabled) .b-field-trigger { pointer-events: none; opacity: .5; } .b-field-container-wrap { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; gap: var(--b-container-gap); } .b-field-container-wrap > .b-container { width: 100%; } .b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap { height: 0; } .b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap { opacity: 0; } .b-field-container:not(.b-field-container-inline) .b-field-container { gap: var(--b-container-gap); } .b-field-container-inline { gap: var(--b-container-gap); --bi-field-template-areas: "inner container"; --bi-field-template-columns: max-content 1fr; } .b-field-container-inline .b-field-container-wrap { grid-area: container; width: 100%; } .b-field-container-inline .b-field-container { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } /* ../Core/lib/Core/widget/Checkbox.css */ :root, :host { --b-checkbox-size: 1.25em; --b-checkbox-border-radius: calc(var(--b-widget-border-radius) / 2); --b-checkbox-check-font-size: .9em; --b-checkbox-disabled-opacity: 0.4; --b-checkbox-inner-gap: 1em; --b-checkbox-ring-content: none; --b-checkbox-border-width: 1px; --b-checkbox-border-color: var(--b-widget-border-color); --b-checkbox-checked-border-color: var(--b-widget-border-color); --b-checkbox-checked-check-color: var(--b-neutral-100); --b-checkbox-disabled-checked-check-color: var(--b-neutral-100); --b-checkbox-hover-border-color: var(--b-border-3); --b-checkbox-focus-outline-width: var(--b-widget-focus-outline-width); --b-checkbox-focus-outline-offset: 2px; --b-checkbox-focus-outline-color: var(--b-widget-focus-outline-color); --bi-checkbox-ring-opacity: 0; } .b-checkbox { width: fit-content; overflow: visible; } .b-checkbox > .b-field-inner > input { grid-area: input; appearance: none; margin: 0; } .b-checkbox:not(.b-disabled) input { cursor: pointer; } :is(.b-checkbox:focus-within, .b-checkbox.b-focus) input { outline: none; } :is(.b-checkbox:focus-within, .b-checkbox.b-focus) input:focus-visible ~ .b-checkbox-box, :is(.b-checkbox:focus-within, .b-checkbox.b-focus).b-focus input ~ .b-checkbox-box { outline: var(--b-checkbox-focus-outline-width) solid var(--b-checkbox-focus-outline-color); outline-offset: var(--b-checkbox-focus-outline-offset); } .b-checkbox > .b-field-inner { grid-template-areas: "input"; } .b-checkbox.b-text > .b-field-inner { grid-template-areas: "input after"; gap: var(--b-checkbox-inner-gap); } .b-checkbox .b-checkbox-label { grid-area: after; white-space: nowrap; justify-self: stretch; overflow: hidden; text-overflow: ellipsis; user-select: none; -webkit-user-select: none; color: var(--b-label-color); } .b-checkbox label { cursor: pointer; } .b-checkbox:not(.b-disabled):has(input:hover), .b-checkbox:not(.b-disabled).b-hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); } .b-checkbox:not(.b-disabled):has(input:focus-visible), .b-checkbox:not(.b-disabled).b-focus { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-checkbox:not(.b-disabled):has(input:active), .b-checkbox:not(.b-disabled).b-active { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-checkbox:not(.b-slide-toggle) > .b-field-inner { grid-template-columns: var(--b-checkbox-size); } .b-checkbox:not(.b-slide-toggle) > .b-field-inner input { aspect-ratio: 1 / 1; width: var(--b-checkbox-size); } .b-checkbox:not(.b-slide-toggle).b-text > .b-field-inner { grid-template-columns: var(--b-checkbox-size) auto; } .b-checkbox:not(.b-slide-toggle) > .b-field-inner::before { content: var(--b-checkbox-ring-content); background: var(--b-primary); grid-area: input; border-radius: 50%; pointer-events: none; transition: opacity 0.3s; aspect-ratio: 1 / 1; width: calc(var(--b-checkbox-size) * 2.25); opacity: var(--bi-checkbox-ring-opacity); } .b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box { --b-checkbox-background: var(--b-checkbox-checked-background); --b-checkbox-border-color: var(--b-checkbox-checked-border-color); } .b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box::after { scale: 1; } .b-checkbox:not(.b-slide-toggle).b-disabled { --b-checkbox-border-color: var(--b-checkbox-disabled-border-color, var(--b-widget-disabled-color)); --b-checkbox-checked-border-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color)); --b-checkbox-checked-check-color: var(--b-checkbox-disabled-checked-check-color); --b-checkbox-checked-background: var(--b-checkbox-disabled-checked-background, var(--b-widget-disabled-background)); --b-label-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color)); --b-checkbox-opacity: var(--b-checkbox-disabled-opacity); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); --b-checkbox-background: var(--b-checkbox-hover-background); --b-checkbox-border-color: var(--b-checkbox-hover-border-color); } :is(.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover) input:checked ~ .b-checkbox-box { --b-checkbox-background: var(--b-checkbox-checked-hover-background); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:focus-visible), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-focus { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:active), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-active { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-checkbox-box { grid-area: input; pointer-events: none; display: flex; align-items: center; justify-content: center; transition: background .2s ease, border .2s ease; width: var(--b-checkbox-size); height: var(--b-checkbox-size); border-radius: var(--b-checkbox-border-radius); border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color); background: var(--b-checkbox-background); opacity: var(--b-checkbox-opacity, 1); } .b-checkbox-box::after { transition: scale 0.2s ease, border .2s ease; scale: 0; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); content: var(--b-checkbox-checked-check-content); color: var(--b-checkbox-checked-check-color); font-size: var(--b-checkbox-check-font-size); } .b-menu > .b-menu-body-wrap .b-menu-content > .b-checkbox { margin-inline-start: var(--b-checkbox-inner-gap); } .b-field-container:not(.b-field-container-inline) > .b-field-container-wrap { margin-top: .5em; margin-inline-start: calc(var(--b-checkbox-size) + var(--b-checkbox-inner-gap)); } .b-container.b-label-align-before .b-checkbox:not(.b-has-label) { grid-column: 2 / 2; } /* ../Core/lib/Core/widget/FieldFilterPickerGroup.css */ :root, :host { --b-field-filter-picker-group-gap: 4em; } .b-field-filter-picker-group .b-no-visible-children { display: none; } .b-field-filter-picker-group [data-ref=pickers] { --b-container-gap: 0; } .b-field-filter-picker-group-row { position: relative; flex-shrink: 0; align-items: baseline; overflow: visible; padding-top: var(--b-field-filter-picker-group-gap); padding-bottom: .5em; } .b-field-filter-picker-group-row:first-child { --b-field-filter-picker-group-gap: 0; } .b-field-filter-picker-group-row:first-child::before { display: none; } .b-field-filter-picker-group-row::before { content: attr(data-separator-text); font-size: 85%; position: absolute; text-align: center; width: 100%; top: 0.15em; background-position: 0 50%; background-size: 100% 1px; background-repeat: no-repeat; background-image: linear-gradient( to right, var(--b-border-5), var(--b-border-5) 44%, transparent 44%, transparent 56%, var(--b-border-5) 56%); height: var(--b-field-filter-picker-group-gap); line-height: var(--b-field-filter-picker-group-gap); } .b-field-filter-picker-group-row:not(.b-field-filter-picker-group-row-removable) { padding-inline-end: 2.25em; } .b-field-filter-picker-group-row [data-ref=pickers] { gap: 0; } .b-field-filter-picker-group-filter-active { width: 2.3em; align-self: center; } .b-field-filter-picker-group-filter-active.b-slide-toggle { width: 3.5em; } .b-field-filter-picker-group-other-filters { padding: 0.5em 0; } .b-field-filter-picker-group-add-button { align-self: center; } .b-field-filter-picker-group-remove { margin-inline-start: 0.25em; } /* ../Core/lib/Core/widget/Radio.css */ :root, :host { --b-radio-check-gap: 0.2em; --b-radio-background: var(--b-neutral-100); --b-radio-checked-background: var(--b-radio-background); --b-radio-checked-border-color: var(--b-radio-checked-color); } .b-radio.b-checkbox { --b-checkbox-border-radius: 50%; --b-checkbox-checked-check-content: ""; --b-checkbox-checked-check-color: var(--b-primary); --b-checkbox-background: var(--b-radio-background); --b-checkbox-checked-background: var(--b-radio-checked-background); --b-checkbox-checked-border-color: var(--b-radio-checked-border-color); --b-checkbox-checked-hover-background: var(--b-radio-checked-background); --b-checkbox-check-font-size: 1em; } .b-radio.b-checkbox .b-checkbox-box::after { border-radius: 50%; aspect-ratio: 1 / 1; width: 100%; background: var(--b-radio-checked-color, var(--b-primary)); border: var(--b-radio-check-gap) solid var(--b-radio-checked-background); } /* ../Core/lib/Core/widget/SlideToggle.css */ :root, :host { --b-slide-toggle-border-width: var(--b-checkbox-border-width); --b-slide-toggle-width: 2.75em; --b-slide-toggle-height: 1.75em; --b-slide-toggle-thumb-size: 1em; --b-slide-toggle-border-radius: calc(var(--b-slide-toggle-height) / 2); --b-slide-toggle-checked-thumb-size: 1em; --b-slide-toggle-thumb-offset: 0.15em; --b-slide-toggle-font-size: 1em; --b-slide-toggle-disabled-opacity: 0.5; --b-slide-toggle-inner-gap: 0.5em; --b-slide-toggle-label-before-padding: 0 0.5em 0 0; --b-slide-toggle-ring-color: var(--b-neutral-60); --b-slide-toggle-disabled-background: var(--b-neutral-85); --b-slide-toggle-disabled-thumb-background: var(--b-neutral-100); --b-slide-toggle-focus-outline-width: var(--b-checkbox-focus-outline-width); --b-slide-toggle-focus-outline-offset: var(--b-checkbox-focus-outline-offset); --b-slide-toggle-thumb-border: null; --b-slide-toggle-checked-thumb-border: null; --b-slide-toggle-thumb-color: var(--b-primary); --b-slide-toggle-thumb-background: var(--b-neutral-100); --b-slide-toggle-hovered-thumb-background: var(--b-neutral-95); --b-slide-toggle-checked-thumb-background: var(--b-neutral-100); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-checked-background); --b-slide-toggle-checked-ring-color: var(--b-primary); --b-slide-toggle-checked-thumb-offset: 4px; } .b-internal { --bi-slidetoggle-thumb-position: null; } .b-slide-toggle { --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-thumb-offset) + (var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-thumb-size)) / 2); --b-checkbox-inner-gap: var(--b-slide-toggle-inner-gap); --b-checkbox-label-before-padding: var(--b-slide-toggle-label-before-padding); } .b-slide-toggle .b-field-inner { grid-template-columns: max-content; } .b-slide-toggle input { width: 100%; height: 100%; } .b-slide-toggle input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-background: var(--b-slide-toggle-checked-background, var(--b-primary)); --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-thumb-background); --b-slide-toggle-thumb-border: var(--b-slide-toggle-checked-thumb-border); --b-slide-toggle-thumb-size: var(--b-slide-toggle-checked-thumb-size); --b-slide-toggle-border-color: var(--b-slide-toggle-checked-border-color); --b-slide-toggle-ring-color: var(--b-slide-toggle-checked-ring-color); --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-width) - var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-checked-thumb-offset)); } .b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active { --b-slide-toggle-thumb-background: var(--b-slide-toggle-hovered-thumb-background); --b-slide-toggle-background: var(--b-slide-toggle-hover-background); } :is(.b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active) input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-hovered-thumb-background); --b-slide-toggle-background: var(--b-slide-toggle-checked-hover-background, var(--b-primary)); } :is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus):has(:focus-visible) .b-slide-toggle-toggle, :is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus).b-focus .b-slide-toggle-toggle { outline: var(--b-slide-toggle-focus-outline-width) solid var(--b-slide-toggle-focus-outline-color, var(--b-checkbox-focus-outline-color)); outline-offset: var(--b-slide-toggle-focus-outline-offset); } .b-slide-toggle.b-disabled { --b-slide-toggle-opacity: var(--b-slide-toggle-disabled-opacity); --b-slide-toggle-border-color: var(--b-slide-toggle-disabled-border-color); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-border-color); } .b-slide-toggle.b-disabled input:checked ~ .b-slide-toggle-toggle { --b-slide-toggle-background: var(--b-slide-toggle-disabled-background); --b-slide-toggle-thumb-background: var(--b-slide-toggle-disabled-thumb-background); --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-background); } .b-slide-toggle-toggle { display: flex; align-items: center; pointer-events: none; grid-area: input; transition: background 0.2s, border 0.2s, opacity 0.2s; font-size: var(--b-slide-toggle-font-size); width: var(--b-slide-toggle-width); height: var(--b-slide-toggle-height); background: var(--b-slide-toggle-background); border: var(--b-slide-toggle-border-width) solid var(--b-slide-toggle-border-color); border-radius: var(--b-slide-toggle-border-radius); opacity: var(--b-slide-toggle-opacity, 1); } .b-slide-toggle-thumb { aspect-ratio: 1 / 1; border-radius: 50%; transition: background 0.2s ease, width 0.2s ease, margin 0.2s ease; position: relative; background: var(--b-slide-toggle-thumb-background); border: var(--b-slide-toggle-thumb-border); color: var(--b-slide-toggle-thumb-color); width: var(--b-slide-toggle-thumb-size); margin-inline-start: var(--bi-slidetoggle-thumb-position); } .b-slide-toggle-thumb::before { border-radius: 50%; pointer-events: none; transition: opacity 0.5s ease; aspect-ratio: 1 / 1; display: block; position: absolute; top: 50%; inset-inline-start: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; content: var(--b-checkbox-ring-content); background: var(--b-slide-toggle-ring-color); opacity: var(--bi-checkbox-ring-opacity); width: calc(var(--b-slide-toggle-checked-thumb-size) * 1.7); } /* ../Core/lib/Core/widget/DateTimeField.css */ .b-date-time-field { width: unset; --b-text-field-default-width: 22em; } .b-date-time-field.b-field > div.b-field-inner { display: flex; } .b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-start), .b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-end) { padding-inline: 0; } .b-date-time-field .b-date-field, .b-date-time-field .b-time-field { border-top-left-radius: 0; border-bottom-left-radius: 0; grid-template-areas: "inner"; grid-template-columns: 1fr; --b-text-field-background: transparent; } :is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-label { display: none; } :is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-field-inner::before { content: none; } .b-date-time-field .b-date-field { flex: 1 1 53%; } .b-date-time-field .b-date-field .b-step-trigger-forward.b-align-end { padding-inline-end: calc(var(--b-text-field-input-padding) / 2); } .b-date-time-field .b-time-field { flex: 1 1 46%; } .b-date-time-field .b-time-field .b-field-trigger.b-align-start { padding-inline-start: calc(var(--b-text-field-input-padding) / 2); } /* ../Core/lib/Core/widget/TextField.css */ :root, :host { --b-text-field-font-weight: normal; --b-text-field-padding: 0; --b-text-field-input-font-size: var(--b-widget-font-size); --b-text-field-input-padding: 0; --b-text-field-border-style: solid; --b-text-field-focus-border-style: solid; --b-text-field-disabled-opacity: 0.4; --b-text-field-outlined-border-radius: var(--b-widget-border-radius); --b-field-trigger-gap: 0.75em; --b-field-trigger-edge-gap: 1em; --b-text-field-default-template-areas: "before inner"; --b-text-field-default-template-columns: auto 1fr; --b-text-field-default-label-padding: 0 var(--b-widget-padding) 0 0; --b-text-field-label-grid-area: before; --b-text-field-label-color: var(--b-widget-color); --b-text-field-input-color: var(--b-widget-color); --b-text-field-border-color: var(--b-widget-border-color); --b-text-field-label-above-grid-area: above; --b-text-field-label-font-size: var(--b-label-font-size); --b-text-field-empty-label-font-size: var(--b-text-field-label-font-size); --b-text-field-label-scale: 1; --b-text-field-empty-label-scale: 1; --b-text-field-trigger-read-only-color: var(--b-neutral-85); --b-text-field-trigger-disabled-color: var(--b-neutral-40); --b-text-field-filled-background: var(--b-neutral-95); --b-text-field-filled-hover-background: var(--b-neutral-90); --b-text-field-filled-focus-background: var(--b-neutral-90); --b-text-field-filled-border-width: 0; --b-text-field-filled-border-radius: var(--b-widget-border-radius); --b-text-field-filled-input-padding: 1em; --b-text-field-filled-no-label-input-padding: 1em; --b-text-field-filled-focus-border-width: 0; --b-text-field-filled-focus-label-color: var(--b-widget-color); --b-text-field-outlined-background: var(--b-neutral-100); --b-text-field-outlined-border-width: 1px; --b-text-field-outlined-border-color: var(--b-border-5); --b-text-field-outlined-input-padding: var(--b-widget-padding); --b-text-field-outlined-focus-border-width: var(--b-widget-focus-outline-width); --b-text-field-outlined-label-background: transparent; --b-text-field-outlined-label-padding: 0; --b-text-field-outlined-label-before-padding: 0; --b-text-field-outlined-label-above-padding: 0; --b-text-field-outlined-hover-border-color: var(--b-border-4); --b-text-field-outlined-hover-background: var(--b-neutral-100); --b-text-field-outlined-focus-background: var(--b-neutral-100); --b-text-field-outlined-focus-label-color: var(--b-widget-color); --b-text-field-filled-material-label-position: static; --b-field-trigger-color: var(--b-neutral-60); --b-spin-trigger-font-size: 1em; --b-text-field-invalid-border-color: var(--b-color-red); --b-text-field-invalid-label-color: var(--b-color-red); --b-text-field-color: var(--b-primary); --b-text-field-focus-border-color: var(--b-primary); --b-text-field-default-width: 12.5em; --bi-text-field-input-width: 100%; } .b-internal { --b-text-field-opacity: null; --b-text-field-border-width: null; --b-text-field-focus-border-width: null; --b-text-field-focus-label-color: null; --bi-text-field-empty-label-padding: null; } .b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field { position: relative; height: fit-content; width: fit-content; overflow: visible; border-radius: var(--b-text-field-border-radius); color: var(--b-text-field-color); --b-field-label-grid-area: var(--b-text-field-label-grid-area); --b-field-label-padding: var(--b-text-field-label-padding); --b-field-default-template-areas: var(--b-text-field-default-template-areas); --b-field-default-template-columns: var(--b-text-field-default-template-columns); --b-field-default-label-padding: var(--b-text-field-default-label-padding); --b-label-color: var(--b-text-field-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):where(:not(.b-has-width)) { width: var(--b-text-field-default-width); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner { display: flex; min-width: 0; position: relative; overflow: hidden; transition: background var(--b-default-transition-duration); background: var(--b-text-field-background); border-radius: var(--b-text-field-border-radius); padding: var(--b-text-field-padding); opacity: var(--b-text-field-opacity); width: var(--bi-text-field-input-width); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner::before { content: ""; position: absolute; inset: 0; background: transparent; border-radius: inherit; pointer-events: none; transition: border 0.1s; z-index: 1; border-width: var(--b-text-field-border-width); border-style: var(--b-text-field-border-style); border-color: var(--b-text-field-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value { border: none; background: transparent; width: 100%; font-family: inherit; outline: none; text-align: inherit; color: var(--b-text-field-input-color); font-weight: var(--b-text-field-font-weight); height: var(--b-text-field-input-height); font-size: var(--b-text-field-input-font-size); padding: var(--b-text-field-input-padding); } :is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value)::selection { background: var(--b-text-field-selection-background, var(--b-primary-85)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input::placeholder { color: var(--bi-text-field-placeholder-color, var(--b-text-4)); font-style: var(--b-text-field-placeholder-font-style); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-label-above { border-top-left-radius: 0; border-top-right-radius: 0; --b-field-label-grid-area: var(--b-text-field-label-above-grid-area); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) label { z-index: 2; line-height: 1em; align-self: start; transition: top 0.2s ease, left 0.2s ease, font-size 0.2s ease, padding 0.2s ease, scale 0.2s ease; transform-origin: top left; font-size: var(--b-text-field-label-font-size); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) { --bi-text-field-placeholder-color: var(--b-text-field-label-above-placeholder-color, var(--b-text-4)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) label { scale: var(--b-text-field-label-scale); position: var(--b-text-field-material-label-position); top: var(--b-text-field-material-label-top); inset-inline-start: var(--b-text-field-material-label-left); cursor: var(--b-text-field-material-label-cursor); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger { display: flex; flex-direction: column; align-self: stretch; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; min-width: 1em; gap: 0; color: var(--b-field-trigger-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start { padding-inline-start: var(--b-field-trigger-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start:first-child { padding-inline-start: var(--b-field-trigger-edge-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end { padding-inline-end: var(--b-field-trigger-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end:last-child, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end.b-last-trigger { padding-inline-end: var(--b-field-trigger-edge-gap); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-spin-trigger .b-icon { font-size: var(--b-spin-trigger-font-size); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-container-wrap { grid-row: 1; } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled { --b-text-field-opacity: var(--b-text-field-disabled-opacity); --b-text-field-label-color: var(--b-widget-disabled-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled .b-field-trigger { cursor: auto; color: var(--b-text-field-trigger-disabled-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-read-only .b-field-trigger { cursor: auto; color: var(--b-text-field-trigger-read-only-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) span { padding: var(--b-text-field-no-label-input-padding, var(--b-text-field-input-padding)); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled { --b-text-field-background: var(--b-text-field-filled-background); --b-text-field-hover-background: var(--b-text-field-filled-hover-background); --b-text-field-border-width: var(--b-text-field-filled-border-width); --b-text-field-border-radius: var(--b-text-field-filled-border-radius); --b-text-field-input-padding: var(--b-text-field-filled-input-padding); --b-text-field-no-label-input-padding: var(--b-text-field-filled-no-label-input-padding); --b-text-field-focus-border-width: var(--b-text-field-filled-focus-border-width); --b-text-field-label-before-padding: var(--b-text-field-filled-label-before-padding); --b-text-field-label-above-padding: var(--b-text-field-filled-label-above-padding); --b-text-field-hover-border-color: var(--b-text-field-filled-hover-border-color); --b-text-field-focus-background: var(--b-text-field-filled-focus-background); --b-text-field-focus-label-color: var(--b-text-field-filled-focus-label-color); --b-text-field-material-label-position: var(--b-text-field-filled-material-label-position); --b-text-field-material-label-top: var(--b-text-field-filled-material-label-top); --b-text-field-material-label-left: var(--b-text-field-filled-material-label-left); --b-text-field-material-label-cursor: var(--b-text-field-filled-material-label-cursor); --b-text-field-material-empty-label-font-size: var(--b-text-field-filled-material-empty-label-font-size); --b-text-field-material-empty-label-top: var(--b-text-field-filled-material-empty-label-top); --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:where(.b-has-start-trigger:not(.b-no-steppers)), :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:has(.b-has-start-trigger:not(.b-no-steppers)) { --b-text-field-material-label-left: var(--b-text-field-filled-material-trigger-label-left); --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-trigger-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined { --b-text-field-background: var(--b-text-field-outlined-background); --b-text-field-border-radius: var(--b-text-field-outlined-border-radius); --b-text-field-border-width: var(--b-text-field-outlined-border-width); --b-text-field-border-color: var(--b-text-field-outlined-border-color); --b-text-field-input-padding: var(--b-text-field-outlined-input-padding); --b-text-field-focus-border-width: var(--b-text-field-outlined-focus-border-width); --b-text-field-label-before-padding: var(--b-text-field-outlined-label-before-padding); --b-text-field-label-above-padding: var(--b-text-field-outlined-label-above-padding); --b-text-field-hover-border-color: var(--b-text-field-outlined-hover-border-color); --b-text-field-hover-background: var(--b-text-field-outlined-hover-background); --b-text-field-focus-label-color: var(--b-text-field-outlined-focus-label-color); --b-text-field-focus-background: var(--b-text-field-outlined-focus-background); --b-text-field-material-label-position: var(--b-text-field-outlined-material-label-position, static); --b-text-field-material-label-top: var(--b-text-field-outlined-material-label-top); --b-text-field-material-label-left: var(--b-text-field-outlined-material-label-left); --b-text-field-material-label-cursor: var(--b-text-field-outlined-material-label-cursor); --b-text-field-material-empty-label-background: var(--b-text-field-outlined-material-empty-label-background); --b-text-field-material-empty-label-top: var(--b-text-field-outlined-material-empty-label-top); --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(.b-has-start-trigger:not(.b-no-steppers)) { --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-trigger-empty-label-left); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) { --b-text-field-label-padding: var(--b-text-field-outlined-label-padding); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) label::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--b-text-field-outlined-label-background); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):hover:where(:not(.b-disabled)) { --b-text-field-background: var(--b-text-field-hover-background); --b-text-field-border-color: var(--b-text-field-hover-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within { --b-text-field-background: var(--b-text-field-focus-background); --b-text-field-border-width: var(--b-text-field-focus-border-width); --b-text-field-border-style: var(--b-text-field-focus-border-style); --b-text-field-border-color: var(--b-text-field-focus-border-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within:not(.b-label-before, .b-label-align-before) { --b-text-field-label-color: var(--b-text-field-focus-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-widget.b-empty:not(:focus-within) { --b-text-field-label-font-size: var(--b-text-field-empty-label-font-size); --b-text-field-label-padding: var(--b-text-field-empty-label-padding); --b-text-field-label-scale: var(--b-text-field-empty-label-scale); --b-text-field-outlined-label-above-padding: var(--b-text-field-outlined-material-empty-label-padding); --b-text-field-label-background: var(--b-text-field-material-empty-label-background); --b-text-field-material-label-top: var(--b-text-field-material-empty-label-top); --b-text-field-material-label-left: var(--b-text-field-material-empty-label-left); --b-text-field-outlined-label-background: var(--b-text-field-outlined-material-empty-label-background); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-invalid:where(:not(.b-disabled)) { --b-text-field-border-color: var(--b-text-field-invalid-border-color); --b-text-field-label-color: var(--b-text-field-invalid-label-color); --b-text-field-focus-label-color: var(--b-text-field-invalid-label-color); } :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-clear-clone { position: absolute; animation: b-shrink-width .3s; } .b-theme-transition .b-text-field .b-field-inner::before { transition-duration: var(--b-default-transition-duration); } .b-field-hint { align-self: stretch; overflow: visible; pointer-events: none; position: relative; white-space: nowrap; width: 0; } .b-field-no-hint .b-field-hint { display: none; } .b-field-hint-content { position: absolute; inset-inline-end: 0.6em; top: 50%; translate: 0 -50%; color: var(--b-text-field-input-color); font-size: var(--b-label-font-size); font-weight: var(--b-label-font-weight); } .b-container:where(:not(.b-toolbar)) > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-body-wrap > .b-panel-content > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content > .b-field, .b-grid-header > .b-field { --b-text-field-default-width: 100%; } @keyframes b-shrink-width { 0% { max-width: 200px; } 100% { max-width: 0; } } /* ../Core/lib/Core/widget/Combo.css */ :root, :host { --b-combo-filled-chip-view-padding-top: 1.55em; --b-combo-filled-label-before-chip-view-padding-top: 0.5em; --b-combo-outlined-chip-view-padding-top: 0.6em; --b-combo-outlined-label-before-chip-view-padding-top: 0.5em; --b-combo-chip-font-size: .9em; --b-combo-chip-view-margin-block: 0; --b-combo-chip-view-padding: 0.6em 1em; --b-combo-chip-view-min-height: 3em; } .b-combo [data-ref=expand]::before { transition: rotate 0.2s ease; } .b-combo.b-open [data-ref=expand]::before { rotate: 180deg; } .b-combo.b-not-editable :not(.b-field-trigger) { cursor: pointer; } .b-combo.b-uses-chip-view .b-field-inner { justify-items: start; } .b-combo.b-uses-chip-view:not(.b-empty) input::placeholder { visibility: hidden; } .b-combo.b-text-field-filled { --b-combo-chip-view-padding-top: var(--b-combo-filled-chip-view-padding-top); } .b-combo.b-text-field-outlined { --b-combo-chip-view-padding-top: var(--b-combo-outlined-chip-view-padding-top); } :is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-filled { --b-combo-chip-view-padding-top: var(--b-combo-filled-label-before-chip-view-padding-top); } :is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-outlined { --b-combo-chip-view-padding-top: var(--b-combo-outlined-label-before-chip-view-padding-top); } :is(.b-combo.b-hide-trigger, .b-combo.b-read-only) .b-field-trigger.b-icon-picker { display: none; } .b-combo-chip-view { color: inherit; flex: 1; align-self: stretch; padding-top: var(--b-combo-chip-view-padding-top); min-height: var(--b-combo-chip-view-min-height); margin-block: var(--b-combo-chip-view-margin-block); --b-chip-view-chip-font-size: var(--b-combo-chip-font-size); --b-chip-view-padding: var(--b-combo-chip-view-padding); } .b-combo-chip-view.b-chip-view input { flex: 1; height: auto; order: 99999; padding: 0; align-self: center; } .b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]::after { content: attr(data-add-new-value); display: block; cursor: pointer; padding: var(--b-list-item-padding); color: var(--b-list-item-color); } .b-float-root > .b-combo-picker { padding: var(--b-menu-padding); } /* ../Core/lib/Core/widget/ColorField.css */ :is(.b-color-field, .b-color-box-combo) .b-color-box { grid-area: before; width: 1.5em; flex-shrink: 0; transition: color var(--b-default-transition-duration); border-radius: var(--b-color-picker-color-border-radius); margin-inline: var(--b-widget-padding) 0; } :is(.b-color-field, .b-color-box-combo) .b-color-box.b-no-color { background: none; border: 1px solid var(--b-color-picker-color-no-color-color); } .b-color-box { width: 1em; aspect-ratio: 1 / 1; background: currentColor; margin-inline-end: .5em; color: var(--b-primary); } /* ../Core/lib/Core/widget/DateField.css */ .b-date-field.b-no-steppers .b-step-trigger { display: none; } /* ../Core/lib/Core/widget/DateRangeField.css */ :root, :host { --b-date-range-field-gap: 0.5em; } .b-date-range-field:not(.b-has-width) { width: auto; } .b-date-range-field .b-field-container-wrap { grid-area: inner; } .b-date-range-field .b-field-container { --b-container-gap: var(--b-date-range-field-gap); } .b-date-range-field .b-field { grid-template-areas: "inner"; grid-template-columns: 1fr; } .b-date-range-field .b-start-date { width: 13em; } .b-date-range-field .b-end-date { width: 11em; --b-field-trigger-gap: 0; } .b-date-range-field .b-end-time, .b-date-range-field .b-start-time { flex: 7 7 auto; } /* ../Core/lib/Core/widget/DateRangePicker.css */ .b-date-range-picker .b-start-date, .b-date-range-picker .b-end-date { width: 13em; } .b-date-range-picker.b-date-range-field-picker .b-end-date { width: 11em; } /* ../Core/lib/Core/widget/DisplayField.css */ .b-display-field span { display: flex; min-width: 10em; align-items: center; } /* ../Core/lib/Core/widget/TextAreaField.css */ :root, :host { --b-text-area-field-padding: var(--b-widget-padding); } .b-text-area-field { height: auto; } .b-text-area-field .b-field-inner { height: 100%; --b-text-field-input-padding: var(--b-text-area-field-padding); } .b-text-area-field textarea { font-family: inherit; height: 100%; min-height: var(--b-text-field-input-height); } /* ../Core/lib/Core/widget/TextAreaPickerField.css */ :root, :host { --b-text-area-picker-field-picker-color: var(--b-neutral-20); } .b-text-area-picker-field-picker { display: flex; min-height: 10em; border: none; outline: none; padding: 1em; background: var(--b-text-area-picker-field-picker-background, var(--b-primary-98)); color: var(--b-text-area-picker-field-picker-color); } .b-text-area-picker-field-picker:focus { border-color: var(--b-primary); } /* ../Core/lib/Core/widget/TimeField.css */ .b-time-field bry-time { align-items: center; --b-time-field-button-background: color-mix(in srgb, currentColor, #fff 85%); --b-time-field-input-background: transparent; } .b-time-field.b-empty .b-field-trigger { animation-delay: -300s; } .b-time-field.b-empty:not(.b-contains-focus) bry-time { opacity: 0; } .b-time-field.b-no-steppers .b-step-trigger { display: none; } .b-time-field .b-step-trigger::before { transition: color .3s; } .b-time-field.b-rtl .b-step-trigger::before { transform: scaleX(-1); } /* ../Core/lib/Core/widget/FieldSet.css */ :root, :host { --b-field-set-border-radius: var(--b-widget-border-radius); --b-field-set-border-width: 1px; --b-field-set-padding: var(--b-panel-padding); --b-field-set-border-color: var(--b-border-3); --b-field-set-background: var(--b-neutral-100); --b-field-set-label-font-size: 0.8em; } .b-field-set { position: relative; overflow: visible; align-items: stretch; gap: 0; color: var(--b-primary); --b-panel-with-header-padding: var(--b-field-set-padding); } .b-field-set fieldset { background: var(--b-field-set-background); border: var(--b-field-set-border-width) solid var(--b-field-set-border-color); border-radius: var(--b-field-set-border-radius); padding: var(--b-field-set-padding); margin: 0; } .b-field-set.b-columns fieldset { grid-template-columns: repeat(var(--bi-container-columns), auto); } .b-field-set:not(.b-label-align-before) > .b-label { position: absolute; inset-block-start: 0; inset-inline-start: 0; translate: calc(1em * var(--b-rtl-negate)) -50%; padding-inline: 0.5em; z-index: 1; line-height: 1em; font-size: var(--b-field-set-label-font-size); } .b-field-set:not(.b-label-align-before) > .b-label::before { content: ""; position: absolute; inset: 0; z-index: -1; clip-path: inset(calc(.5em - var(--b-field-set-border-width)) 0 0 0); background: var(--b-field-set-background); } .b-field-set.b-label-align-before:not(:has(.b-inline)) > .b-label { align-self: start; } legend.b-field-set-legend { position: absolute; top: -10000px; clip: rect(0, 0, 0, 0); } .b-toolbar-content > .b-field-set { --b-field-set-background: var(--b-toolbar-background, var(--b-neutral-100)); } /* ../Core/lib/Core/widget/RadioGroup.css */ :root, :host { --b-radio-group-gap: var(--b-widget-gap); } .b-radio-group { width: fit-content; --b-field-set-border-width: 0; --b-field-set-border-radius: 0; --b-field-set-padding: 0; --b-field-label-above-gap: 0; --b-field-set-background: transparent; --b-panel-background: transparent; } .b-radio-group > .b-panel-header { padding-inline: var(--b-field-set-padding); } .b-radio-group:not(:has(.b-inline)) { --b-panel-gap: var(--b-radio-group-gap); } .b-radio-group:not(:has(.b-inline)) .b-radio-group-content { width: fit-content; } .b-radio-group:has(.b-inline) { overflow: visible; } .b-radio-group:has(.b-inline) > .b-label:not(.b-align-start) { scale: var(--b-text-field-label-scale); } .b-radio-group:has(.b-inline) > div { grid-area: inner; } .b-radio-group:has(.b-inline) .b-panel-body-wrap { overflow: visible; } .b-radio-group .b-radio-group-body-wrap, .b-radio-group fieldset.b-radio-group-content { overflow: visible; } .b-radio-group.b-label-before { flex-direction: row; gap: var(--b-field-label-before-gap); } .b-radio-group.b-label-above > .b-label { align-self: flex-start; margin-bottom: 0.5em; } .b-radio-group.b-has-label > .b-label { position: static; translate: none; padding-inline: 0; font-size: var(--b-label-font-size); } .b-radio-group.b-has-label > .b-label::before { content: none; } /* ../Core/lib/Core/widget/Popup.css */ :root, :host { --b-popup-border-radius: var(--b-widget-border-radius); --b-popup-text-popup-width: 25em; --b-popup-close-icon-content: "\f00d"; --b-popup-maximize-icon-content: "\f065"; --b-popup-padding: var(--b-widget-padding-large); --b-popup-background: var(--b-panel-background); --b-modal-mask-background: var(--b-mask-background); --b-popup-border: null; } .b-popup.b-panel { --b-panel-background: var(--b-popup-background); --b-panel-padding: var(--b-popup-padding); border: var(--b-popup-border); } .b-popup.b-panel .b-panel { --b-panel-background: var(--b-popup-background); } .b-popup { border-radius: var(--b-popup-border-radius); } .b-popup .b-panel-body-wrap { border-radius: inherit; } .b-popup .b-panel-body-wrap > .b-bottom-toolbar { background: transparent; } .b-popup.b-header-dock-top .b-panel-body-wrap { border-start-start-radius: 0; border-start-end-radius: 0; } .b-popup:where(.b-anchored) { overflow: visible; } .b-popup:where(.b-anchored):where(.b-aligned-below), .b-popup:where(.b-anchored):where(.b-aligned-above) { min-width: 2em; } .b-text-popup { max-width: var(--b-popup-text-popup-width); --b-panel-gap: 0; } .b-text-popup .b-popup-content { display: flex; flex-direction: column; } .b-popup-close::before { content: var(--b-popup-close-icon-content); } .b-popup-expand::before { content: var(--b-popup-maximize-icon-content); } .b-tooltip-loading .b-icon { display: inline-block; margin-inline-end: .5em; } @media (max-width : 480px) { .b-popup { max-width: 100% !important; } } .b-modal-mask { position: fixed; inset: 0; pointer-events: all; z-index: 1; background: var(--b-modal-mask-background); color: var(--b-modal-mask-color, var(--b-primary)); } .b-modal-mask.b-modal-transparent { --b-modal-mask-background: transparent; } /* ../Core/lib/Core/widget/Hint.css */ .b-internal { --bi-hint-highlight-top: null; --bi-hint-highlight-left: null; --bi-hint-highlight-width: null; --bi-hint-highlight-height: null; } .b-hint code { padding: 2px 4px; line-height: 1; background: var(--b-neutral-80); } .b-hint .b-description { line-height: 1.7em; } .b-hint .b-mask { --b-mask-background: color-mix(in srgb, var(--b-neutral-70), transparent 90%); --b-mask-text-background: transparent; --b-elevation-1: none; --b-mask-text-color: transparent; } .b-hint.b-floating { width: max-content; max-width: 37em; transition: top 0.5s, inset-inline-start 0.5s; } .b-hint.b-floating [data-ref=steps] { margin-inline-end: auto; } .b-hint.b-floating.b-no-title .b-hint-header { max-height: 0; padding: 0; } .b-hint.b-floating.b-no-title .b-popup-close { position: absolute; inset-block-start: var(--b-widget-padding-large); inset-inline-end: var(--b-widget-padding-large); } .b-hint.b-floating.b-no-title .b-hint-content { padding-inline-end: calc(var(--b-widget-padding-large) * 2); padding-block: var(--b-widget-padding-large) 0; } .b-hint.b-floating, .b-hint.b-floating .b-hint-body-wrap { border-radius: .5em; } .b-hint.b-floating .b-button { height: 2.75em; } .b-hint.b-floating .b-tooltip-header .b-tool { position: absolute; top: .5em; right: .5em; } .b-float-root .b-hint-highlighter { --bi-hint-highlight-color: var(--b-color-orange); background-color: transparent; pointer-events: none !important; transition: left .5s, top 0.5s, width 0.5s, height 0.5s, background-color 0.7s; border-radius: 3px; outline: 2px solid var(--bi-hint-highlight-color); left: var(--bi-hint-highlight-left); top: var(--bi-hint-highlight-top); width: var(--bi-hint-highlight-width); height: var(--bi-hint-highlight-height); } .b-float-root .b-hint-highlighter.b-hint-highlighter-ping { z-index: 99999; animation: b-anim-hint-highlighter-ping 1.2s 3 linear; } .b-float-root .b-hint-highlighter.b-hint-highlighter-center { background-color: var(--bi-hint-highlight-color); border-radius: 50%; outline-offset: -2px; z-index: -1; } .b-float-root .b-hint-highlighter.b-realigning { transition: none !important; } @keyframes b-anim-hint-highlighter-ping { 0% { outline-color: var(--bi-hint-highlight-color); outline-offset: -2px; outline-width: 2px; } 70% { outline-offset: 20px; outline-color: color-mix(in srgb, var(--bi-hint-highlight-color) 40%, transparent 60%); outline-width: 10px; } 95% { outline-offset: 20px; outline-color: transparent; outline-width: 10px; } 96% { outline-offset: -2px; outline-color: transparent; outline-width: 2px; } 100% { outline-offset: -2px; outline-color: var(--bi-hint-highlight-color); outline-width: 2px; } } .b-modal-mask[owned-by*=b-hint] { --bi-hint-highlight-radius: var(--b-widget-border-radius, 0px); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--bi-hint-highlight-left) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) var(--bi-hint-highlight-top)); transition: all .5s; } @supports (clip-path: shape(from 0 0, close)) { .b-modal-mask[owned-by*=b-hint] { clip-path: shape(evenodd from 0% 0%, line to 100% 0%, line to 100% 100%, line to 0% 100%, line to 0% 0%, line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), arc to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), line to 0% 0%); } } /* ../Core/lib/Core/widget/Menu.css */ :root, :host { --b-menu-border-radius: var(--b-widget-border-radius); --b-menu-background: var(--b-panel-background); --b-menu-padding: 0; } .b-menu.b-popup { min-height: 2em; user-select: none; -webkit-user-select: none; background: var(--b-menu-background); --b-panel-padding: var(--b-menu-padding); --b-popup-border-radius: var(--b-menu-border-radius); } .b-menu.b-popup .b-menu-body-wrap { border-radius: 0; } .b-menu-content { gap: 0; } .b-menu-content > :not(.b-menu-item) { margin: 1em; } .b-menu-custom-content { display: flex; } .b-menu-with-submenu .b-menu-item:not(.b-has-submenu) { --bi-menu-item-margin-inline-end: 2em; } /* ../Core/lib/Core/widget/MessageDialog.css */ :root, :host { --b-message-dialog-min-width: 20em; --b-message-dialog-button-min-width: 6.5em; --bi-messagedialog-display: none; } .b-message-dialog { user-select: none; -webkit-user-select: none; min-width: var(--b-message-dialog-min-width); } .b-message-dialog .b-button { min-width: var(--b-message-dialog-button-min-width); } .b-message-dialog .b-message-dialog-input, .b-message-dialog .b-message-dialog-ok-button, .b-message-dialog .b-message-dialog-cancel-button { display: var(--bi-messagedialog-display); } :is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-ok-button, :is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-cancel-button { --bi-messagedialog-display: flex; } .b-message-dialog.b-message-dialog-prompt .b-message-dialog-input { --bi-messagedialog-display: flex; } .b-message-dialog.b-message-dialog-alert .b-message-dialog-ok-button { --bi-messagedialog-display: flex; } .b-message-dialog .b-message-dialog-message { display: block; } /* ../Core/lib/Core/widget/Tooltip.css */ :root, :host { --b-tooltip-plain-padding: 0.5em; --b-tooltip-rich-padding: var(--b-widget-padding); --b-tooltip-rich-border-radius: var(--b-widget-border-radius-large); --b-tooltip-plain-font-size: 0.9em; --b-tooltip-text-gap: 1em; --b-tooltip-flex-direction: column; --b-tooltip-align-items: flex-start; --b-tooltip-content-display: flex; --b-tooltip-plain-color: var(--b-widget-color); --b-tooltip-rich-color: var(--b-widget-color); --b-tooltip-rich-background: var(--b-neutral-100); --b-tooltip-z-index: 2; } .b-tooltip.b-popup { color: var(--b-primary); z-index: var(--b-tooltip-z-index); } .b-tooltip.b-popup:not(.b-allow-over) { user-select: none; -webkit-user-select: none; } .b-tooltip.b-popup.b-plain-tooltip { --b-popup-background: var(--b-tooltip-plain-background, var(--b-neutral-100)); --b-panel-padding: var(--b-tooltip-plain-padding); --b-tooltip-color: var(--b-tooltip-plain-color); --b-widget-font-size: var(--b-tooltip-plain-font-size); --b-popup-border-radius: var(--b-widget-border-radius); } .b-tooltip.b-popup.b-plain-tooltip .b-tooltip-content { display: block; text-align: center; } .b-rich-tooltip { --b-popup-background: var(--b-tooltip-rich-background); --b-tooltip-color: var(--b-tooltip-rich-color); --b-panel-padding: var(--b-tooltip-rich-padding); --b-popup-border-radius: var(--b-tooltip-rich-border-radius); } .b-rich-tooltip .b-tooltip-content { flex-wrap: wrap; display: var(--b-tooltip-content-display); flex-direction: var(--b-tooltip-flex-direction); align-items: var(--b-tooltip-align-items); } .b-tooltip-content { color: var(--b-tooltip-color); } .b-tooltip-content:where(.b-text-content) { --b-panel-gap: var(--b-tooltip-text-gap); } .b-tooltip-content:where(.b-text-content) > * { margin-block: 0; } /* ../Core/lib/Core/widget/YearPicker.css */ :root, :host { --b-year-picker-gap: 0.5em; --b-year-picker-padding: var(--b-year-picker-gap); --b-year-picker-title-font-weight: 600; --b-year-picker-year-font-weight: var(--b-widget-font-weight); --b-year-picker-year-color: var(--b-neutral-30); } .b-month-picker-body-wrap, .b-year-picker-body-wrap { height: 100%; } .b-month-picker-content, .b-year-picker-content { grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; place-items: center; height: 100%; gap: var(--b-year-picker-gap); padding: var(--b-year-picker-padding); } :is(.b-month-picker-content, .b-year-picker-content) .b-button { width: 100%; padding: 0.5em 0; --b-button-font-weight: var(--b-year-picker-year-font-weight); --b-button-color: var(--b-year-picker-year-color); --b-button-hover-background: var(--b-year-picker-hover-background, var(--b-date-picker-date-hover-background, var(--b-primary-95))); } :is(.b-month-picker-content, .b-year-picker-content) .b-button.b-selected { --b-button-background: var(--b-year-picker-selected-background, var(--b-date-picker-selected-background, var(--b-primary-90))); --b-button-color: var(--b-year-picker-selected-color); --b-button-font-weight: var(--b-year-picker-title-font-weight); } .b-month-picker-title, .b-year-picker-title { flex: 1; background: transparent; font-weight: var(--b-year-picker-title-font-weight); } :is(.b-month-picker-title, .b-year-picker-title) label { font-size: 1.1em; } /* ../Core/lib/Core/widget/TimePicker.css */ .b-time-picker { max-height: 39em; } .b-time-picker .b-list { background-color: transparent; align-items: center; scroll-snap-type: block; } .b-time-picker-item { aspect-ratio: 1; flex-shrink: 0; width: 3em; scroll-snap-align: start; display: grid; place-content: center; cursor: pointer; border-radius: var(--b-widget-border-radius); } .b-time-picker-item:hover { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); outline-offset: calc(var(--b-widget-focus-outline-width) * -1); } .b-time-picker-item[aria-selected=true] { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); outline-offset: calc(var(--b-widget-focus-outline-width) * -1); } .b-time-picker-content { justify-content: center; } /* ../Core/lib/Core/widget/Toolbar.css */ :root, :host { --b-toolbar-gap: var(--b-widget-gap); --b-toolbar-padding: var(--b-widget-padding); --b-toolbar-separator-height: 70%; --b-toolbar-justify-content: flex-start; --b-toolbar-background: var(--b-panel-background); --b-toolbar-separator-color: var(--b-neutral-50); } .b-toolbar { display: flex; flex-direction: row; gap: 0; overflow: hidden; flex-shrink: 0; transition: background-color .2s; background: var(--b-toolbar-background); } .b-toolbar.b-dock-left, .b-toolbar.b-dock-right { flex-direction: column; --bi-toolbar-min-width: var(--b-toolbar-min-size, unset); } .b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom { align-items: center; flex-wrap: nowrap; --bi-toolbar-min-height: var(--b-toolbar-min-size, unset); } :is(.b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom) .b-box-center.b-toolbar-content > .b-button { height: 100%; min-height: var(--b-button-height); } .b-toolbar .b-overflow-button { margin: var(--b-toolbar-padding); } .b-toolbar .b-overflow-button.b-rotate-vertical { rotate: 90deg; align-self: center; } .b-toolbar .b-box-center.b-toolbar-content { align-items: center; } .b-toolbar .b-html { align-items: center; } .b-box-center.b-toolbar-content { flex: 1; overflow: hidden; gap: var(--b-toolbar-gap); padding: var(--b-toolbar-padding); min-height: var(--bi-toolbar-min-height); min-width: var(--bi-toolbar-min-width); justify-content: var(--b-toolbar-justify-content); } .b-toolbar-separator { border-inline-end: 1px solid var(--b-toolbar-separator-color); height: var(--b-toolbar-separator-height); } .b-toolbar-fill { flex: 1; } .b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget { flex: 0 0 auto !important; width: auto; } /* ../Core/lib/Core/widget/ConfirmationBar.css */ .b-confirmation-bar { --b-toolbar-justify-content: flex-end; } /* ../Core/lib/Core/widget/PagingToolbar.css */ .b-paging-toolbar [data-ref=pageNumber] { width: auto; } .b-paging-toolbar [data-ref=pageNumber] .b-field-inner { width: 3.5em; } .b-paging-toolbar [data-ref=pageNumber] input { text-align: center; } /* ../Core/lib/Core/widget/TabBar.css */ :root, :host { --b-tab-bar-border-bottom-width: 1px; --b-tab-bar-border-bottom-color: var(--b-border-6); --b-tab-bar-background: transparent; --b-tab-bar-padding: 0; } .b-tab-bar { transition: border var(--b-default-transition-duration), background var(--b-default-transition-duration); border-bottom: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color); --b-toolbar-gap: 0; --b-toolbar-padding: var(--b-tab-bar-padding); --b-toolbar-background: var(--b-tab-bar-background); } /* ../Core/lib/Core/widget/DemoHeader.css */ .demo-header { display: flex; padding-inline: 0.7em 0; padding-block: 0; flex: 0 0 auto; background: var(--b-demo-header-background); border-bottom: 1px solid var(--b-border-6); transition: background-color var(--b-default-transition-duration), padding var(--b-default-transition-duration), font-size .1s, border-color var(--b-default-transition-duration); } .demo-header a { text-decoration: none; } .demo-header .b-icon { font-size: 1.1em; } .demo-header .title { margin-inline-end: auto; display: flex; align-items: center; white-space: nowrap; color: var(--b-text-1); } .demo-header .title:focus-visible { outline-offset: var(--b-button-focus-outline-offset); outline: var(--b-button-focus-outline-width) solid var(--b-widget-focus-outline-color); border-radius: var(--b-widget-border-radius); } .demo-header .title h1 { display: flex; align-items: center; margin: 0; font-weight: 600; font-size: 1.1em; } .demo-header .title svg { margin-inline-end: .75em; height: 2em; width: 2em; background: #0076f8; padding-inline-end: .2em; border-radius: 5px; } .demo-header .title svg g { fill: #fff; } .demo-header .b-toolbar { font-size: .9em; --b-toolbar-padding: 0.7em; --b-toolbar-background: transparent; } /* ../Core/lib/Core/widget/FilePicker.css */ .b-file-picker { overflow: visible; } /* ../Core/lib/Core/widget/graph/Histogram.css */ :root, :host { --b-histogram-bar-border-width: null; --b-histogram-bar0-border-width: null; --b-histogram-bar1-border-width: null; --b-histogram-bar2-border-width: null; --b-histogram-bar3-border-width: null; --b-histogram-bar4-border-width: null; --b-histogram-bar5-border-width: null; --b-histogram-transition-duration: .3s; --b-histogram-bar-legend-font-size: 0.8em; --b-histogram-bar-color: var(--b-color-green); --b-histogram-bar-border-color: null; --b-histogram-bar0-color: var(--b-color-green); --b-histogram-bar0-border-color: null; --b-histogram-bar1-color: var(--b-color-blue); --b-histogram-bar1-border-color: null; --b-histogram-bar2-color: var(--b-color-indigo); --b-histogram-bar2-border-color: null; --b-histogram-bar3-color: var(--b-color-teal); --b-histogram-bar3-border-color: null; --b-histogram-bar4-color: var(--b-color-orange); --b-histogram-bar4-border-color: null; --b-histogram-bar5-color: var(--b-color-lime); --b-histogram-bar5-border-color: null; --b-histogram-exceeds-top-bar-color: var(--b-color-red); --b-histogram-outline-color: #f99; } .b-histogram { background-color: #fff; padding: 1px; contain: strict; } .b-histogram svg * { vector-effect: non-scaling-stroke; } .b-histogram rect { fill: var(--b-histogram-bar-color); stroke-width: var(--b-histogram-bar-border-width); stroke: var(--b-histogram-bar-border-color); transition-property: x, y, width, height, fill; transition-duration: var(--b-histogram-transition-duration); } .b-histogram rect.b-series-index-0 { fill: var(--b-histogram-bar0-color); stroke-width: var(--b-histogram-bar0-border-width); stroke: var(--b-histogram-bar0-border-color); } .b-histogram rect.b-series-index-1 { fill: var(--b-histogram-bar1-color); stroke-width: var(--b-histogram-bar1-border-width); stroke: var(--b-histogram-bar1-border-color); } .b-histogram rect.b-series-index-2 { fill: var(--b-histogram-bar2-color); stroke-width: var(--b-histogram-bar2-border-width); stroke: var(--b-histogram-bar2-border-color); } .b-histogram rect.b-series-index-3 { fill: var(--b-histogram-bar3-color); stroke-width: var(--b-histogram-bar3-border-width); stroke: var(--b-histogram-bar3-border-color); } .b-histogram rect.b-series-index-4 { fill: var(--b-histogram-bar4-color); stroke-width: var(--b-histogram-bar4-border-width); stroke: var(--b-histogram-bar4-border-color); } .b-histogram rect.b-series-index-5 { fill: var(--b-histogram-bar5-color); stroke-width: var(--b-histogram-bar5-border-width); stroke: var(--b-histogram-bar5-border-color); } .b-histogram rect.b-exceeds-top { fill: var(--b-histogram-exceeds-top-bar-color); } .b-histogram text.b-bar-legend { writing-mode: tb; text-anchor: end; font-size: var(--b-histogram-bar-legend-font-size); pointer-events: none; } .b-histogram svg { overflow: visible; } .b-histogram path { fill: transparent; stroke: var(--b-histogram-outline-color); transition: d var(--b-histogram-transition-duration); pointer-events: none; } /* ../Core/lib/Core/widget/graph/Scale.css */ :root, :host { --b-scale-line-color: var(--b-neutral-60); --b-scale-label-color: var(--b-neutral-30); } .b-scale { contain: strict; } .b-scale svg * { vector-effect: non-scaling-stroke; } .b-scale.b-scale-vertical text.b-scale-tick-label { translate: 0 0.3em; } .b-scale.b-scale-vertical.b-align-right { text-anchor: end; } .b-scale.b-scale-horizontal text.b-scale-tick-label { text-anchor: middle; } .b-scale path { stroke: var(--b-scale-line-color); pointer-events: none; } .b-scale text { fill: var(--b-scale-label-color); } /* ../Core/lib/Core/widget/Label.css */ :root, :host { --b-label-font-size: var(--b-widget-font-size); --b-label-font-weight: 400; --b-label-disabled-color: var(--b-neutral-50); } .b-label { white-space: nowrap; align-items: center; transition: color var(--b-default-transition-duration); user-select: none; -webkit-user-select: none; color: var(--b-label-color); font-size: var(--b-label-font-size); font-weight: var(--b-label-font-weight); } .b-disabled > .b-label { --b-label-color: var(--b-label-disabled-color); } /* ../Core/lib/Core/widget/layout/Box.css */ .b-hbox, .b-vbox { display: flex; align-items: stretch; justify-content: flex-start; position: relative; } :is(.b-hbox, .b-vbox) > .b-box-center { flex: 1 1 auto; overflow: hidden; } .b-hbox { flex-flow: row nowrap; } .b-vbox { flex-flow: column nowrap; } .b-box-justify-stretch { justify-content: stretch; } /* ../Core/lib/Core/widget/layout/Card.css */ :root, :host { --bi-card-margin: 1em; } .b-card-container { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden; padding: 0; position: relative; } .b-card-container.b-animating { overflow: hidden; } .b-card-container > .b-card-item { flex: 1 0 100%; align-items: stretch; max-width: 100%; min-width: 100%; } .b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header { display: none; } .b-slide-in-left { animation: b-anim-card-slide-in-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-out-right { pointer-events: none; left: var(--bi-card-margin); animation: b-anim-card-slide-out-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-in-right { animation: b-anim-card-slide-in-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } .b-slide-out-left { pointer-events: none; margin-inline-start: calc(var(--bi-card-margin) * -1); margin-inline-end: var(--bi-card-margin); animation: b-anim-card-slide-out-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1; } @keyframes b-anim-card-slide-in-left { 0% { translate: -100% 0; } 100% { translate: 0; } } @keyframes b-anim-card-slide-out-right { 0% { translate: -100% 0; } 100% { translate: 0; } } @keyframes b-anim-card-slide-in-right { 0% { translate: 0; } 100% { translate: -100% 0; } } @keyframes b-anim-card-slide-out-left { 0% { translate: 0; } 100% { translate: -100% 0; } } /* ../Core/lib/Core/widget/layout/Fit.css */ .b-fit-container { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: hidden; position: relative; } .b-fit-container > .b-fit-item { flex: 1 0 auto; margin: 0; max-width: 100%; align-self: stretch !important; } /* ../Core/lib/Core/widget/List.css */ :root, :host { --b-list-multi-select-gap: 0; --b-list-item-gap: 0.75em; --b-list-item-padding: 0.75em; --b-list-multi-select-item-padding: var(--b-list-item-padding); --b-list-item-border-radius: 0; --b-list-item-group-padding: 0.75em 0.75em 0.75em 2em; --b-list-selected-icon-size: 1.25em; --b-list-selected-icon-content: var(--b-checkbox-checked-check-content); --b-list-checkbox-checked-check-color: var(--b-text-5); --b-list-item-group-header-font-weight: calc(var(--b-widget-font-weight) + 200); --b-list-background: transparent; --b-list-title-background: var(--b-neutral-100); --b-list-item-color: var(--b-widget-color); --b-list-title-font-weight: 500; } .b-list { display: flex; flex-direction: column; padding: 0; margin: 0; background: var(--b-list-background); border-radius: var(--b-list-border-radius); } .b-list.b-floating { --b-list-border-radius: var(--b-widget-border-radius); --b-list-background: var(--b-list-floating-background, var(--b-primary-100)); } .b-list .b-empty-text { pointer-events: none; } .b-list .b-select-all-item { position: sticky; top: 0; z-index: 1; background: var(--b-list-title-background); font-weight: var(--b-list-title-font-weight); } :has(.b-list-title) > :is(.b-list .b-select-all-item) { top: 2em; } .b-list.b-multi-select { gap: var(--b-list-multi-select-gap); } .b-list-item { display: flex; cursor: pointer; overflow: clip; user-select: none; -webkit-user-select: none; flex-shrink: 0; background: var(--b-list-item-background); color: var(--b-list-item-color); font-weight: var(--b-list-item-font-weight); padding: var(--b-list-item-padding); border-radius: var(--b-list-item-border-radius); } .b-list-item .b-selected-icon { display: flex; align-items: center; justify-content: center; transition: all 0.2s; width: var(--b-list-selected-icon-size); height: var(--b-list-selected-icon-size); border-radius: var(--b-checkbox-border-radius); border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color); background: var(--b-checkbox-background); } .b-list-item .b-selected-icon::before { transition: scale .2s ease; scale: 0; content: var(--b-checkbox-checked-check-content); color: var(--b-list-checkbox-checked-check-color); font-size: var(--b-checkbox-check-font-size); } .b-multi-select > .b-list-item { --b-list-item-padding: var(--b-list-multi-select-item-padding); } .b-multi-select > .b-list-item.b-selected .b-selected-icon::before { scale: 1; } .b-multi-select > .b-list-item.b-selected .b-list-item-content { --b-checkbox-background: var(--b-list-checkbox-checked-background); --b-checkbox-border-color: var(--b-list-checkbox-checked-border-color, var(--b-list-checkbox-checked-background)); } .b-list-item:focus { outline: none; } .b-list-item.b-list-item-group-header { --b-list-item-font-weight: var(--b-list-item-group-header-font-weight); } .b-list-item.b-out-of-view::before { content: "..."; } .b-grouped > .b-list-item:not(.b-list-item-group-header, .b-list-item-tree-parent) { --b-list-item-padding: var(--b-list-item-group-padding); } .b-list-item.b-selected { --b-list-item-background: var(--b-list-item-selected-background, var(--b-primary-95)); } .b-list-item.b-active, .b-list-item:focus-visible { --b-list-item-background: var(--b-list-item-focus-background, var(--b-primary-85)); } .b-list-title { position: sticky; top: 0; z-index: 1; font-weight: var(--b-list-title-font-weight); background: var(--b-list-title-background); } .b-list-expander-icon { pointer-events: all; width: 1.1em; height: 1em; } .b-list-item:is(.b-list-item-group-header, .b-list-item-tree-parent) .b-list-expander-icon { margin-inline-start: auto; margin-inline-end: 0; } .b-list-item-content { display: flex; align-items: center; flex: 1; gap: var(--b-list-item-gap); } /* ../Core/lib/Core/widget/ChipView.css */ :root, :host { --b-chip-view-gap: 0.25em; --b-chip-view-padding: 0; --b-chip-view-chip-border-radius: 1.5em; --b-chip-view-chip-border-width: 1px; --b-chip-view-chip-font-size: 1em; --b-chip-view-chip-gap: 0.5em; --b-chip-view-chip-padding-block: 0.25em; --b-chip-view-chip-padding-inline: 0.75em; --b-chip-view-chip-border-color: transparent; --b-chip-view-chip-color: var(--b-text-1); --b-chip-view-chip-selected-color: var(--b-text-1); } .b-chip-view { display: flex; flex-flow: row wrap; background: transparent; align-items: center; --b-list-multi-select-gap: var(--b-chip-view-gap); padding: var(--b-chip-view-padding); } .b-chip-view.b-transitioning-height { transition: height 0.2s ease-in-out; } .b-chip-view.b-adding-item.b-prevent-scroll { overflow: clip !important; } .b-chip { display: flex; cursor: pointer; outline: none; overflow: clip; opacity: 1; transition: opacity .2s linear, translate .2s ease-in, max-width .2s, background .2s; translate: 0 0; max-width: 15em; align-items: center; line-height: 1.2em; border: var(--b-chip-view-chip-border-width) solid var(--b-chip-view-chip-border-color); background: var(--b-chip-view-chip-background, var(--b-primary-90)); font-size: var(--b-chip-view-chip-font-size); border-radius: var(--b-chip-view-chip-border-radius); padding-block: var(--b-chip-view-chip-padding-block); padding-inline: var(--b-chip-view-chip-padding-inline); } .b-chip:hover { --b-chip-view-chip-background: var(--b-chip-view-chip-hover-background, var(--b-primary-85)); } .b-chip.b-selected { --b-chip-view-chip-background: var(--b-chip-view-chip-selected-background, var(--b-primary-75)); --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color); } .b-chip.b-active { --b-chip-view-chip-background: var(--b-chip-view-chip-active-background, var(--b-primary-85)); --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color); } .b-chip.b-selected.b-active { --b-chip-view-chip-background: var(--b-chip-view-chip-active-selected-background, var(--b-primary-75)); } .b-chip:focus-visible { --b-chip-view-chip-border-color: var(--b-chip-view-chip-focus-border-color, var(--b-primary-35)); } .b-chip.b-removing.b-anim-collapse { transition: opacity .2s linear, max-width .2s ease-out; opacity: 0; max-width: 0; } .b-chip.b-adding.b-anim-slide-up { opacity: 0; translate: 0 1em; } .b-chip.b-adding.b-anim-expand { max-width: 0; opacity: 0; } .b-chip-content { display: flex; overflow: clip; white-space: nowrap; align-items: center; gap: var(--b-chip-view-chip-gap); color: var(--b-chip-view-chip-color); } /* ../Core/lib/Core/widget/ColorPicker.css */ :root, :host { --b-color-picker-color-border-radius: var(--b-widget-border-radius); --b-color-picker-color-outline-width: 2px; --b-color-picker-color-outline: var(--b-color-picker-color-outline-width) solid currentColor; --b-color-picker-color-hover-outline: var(--b-color-picker-color-outline-width) solid currentColor; --b-color-picker-color-active-outline: var(--b-color-picker-color-outline-width) solid color-mix(in oklab, currentColor, transparent 50%); --b-color-picker-color-outline-offset: 2px; --b-color-picker-color-size: 2em; --b-color-picker-gap: .8em; --b-color-picker-padding: var(--b-widget-padding); --b-color-picker-color-no-color-color: #ccc; --b-color-picker-columns: 5; } .b-color-picker { display: grid; overflow: visible; --b-menu-padding: var(--b-color-picker-padding); grid-gap: var(--b-color-picker-gap); grid-template-columns: repeat(var(--b-color-picker-columns), 1fr); --b-list-background: transparent; } .b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker { grid-template-columns: repeat(auto-fill, minmax(var(--b-color-picker-color-size), 1fr)); min-width: calc(var(--b-color-picker-color-size) * 4 + var(--b-color-picker-gap) * 3); } :is(.b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker) .b-color-picker-swatch { width: 100%; } .b-color-picker-swatch { display: grid; aspect-ratio: 1 / 1; cursor: pointer; background-color: currentColor; position: relative; place-items: center; overflow: clip; outline-offset: calc(var(--b-color-picker-color-outline-width) * -1); transition: outline-offset .2s; outline: var(--b-color-picker-color-hover-outline); border-radius: var(--b-color-picker-color-border-radius); color: var(--b-primary); width: var(--b-color-picker-color-size); } .b-color-picker-swatch.b-color-active { outline: var(--b-color-picker-color-active-outline); outline-offset: var(--b-color-picker-color-outline-offset); } .b-color-picker-swatch.b-selected, .b-color-picker-swatch:hover { outline: var(--b-color-picker-color-hover-outline); outline-offset: var(--b-color-picker-color-outline-offset); } .b-color-picker-swatch.b-no-color { background-color: transparent; border: 1px solid currentColor; color: var(--b-color-picker-color-no-color-color); } .b-color-picker-swatch.b-no-color::before { content: ""; position: absolute; height: 300%; border-inline-end: 1px solid currentColor; rotate: 135deg; } /* ../Core/lib/Core/widget/Mask.css */ :root, :host { --b-mask-border-radius: var(--b-widget-border-radius); --b-mask-padding: var(--b-widget-padding); --b-mask-text-background: var(--b-popup-background, var(--b-neutral-100)); --b-mask-progress-height: 0.25em; --b-mask-background: color-mix(in srgb, var(--b-neutral-0), transparent 85%); --b-mask-text-color: var(--b-widget-color); --b-mask-progress-color: color-mix(in srgb, var(--b-mask-text-color), transparent 30%); --b-mask-color: var(--b-primary); --b-mask-transition-duration: .5s; } .b-mask { position: absolute; inset: 0; display: grid; place-items: center; z-index: 100; opacity: 1; background: var(--b-mask-background); color: var(--b-mask-color); transition: opacity var(--b-mask-transition-duration); } .b-mask.b-delayed-show { opacity: 0; } @starting-style { .b-mask { opacity: 0; } } .b-mask-rendition-text { --b-mask-color: transparent; --b-mask-text-color: var(--b-text-2); } .b-mask-rendition-text .b-mask-content { box-shadow: none; } .b-mask-content { position: relative; overflow: hidden; background: var(--b-mask-text-background); box-shadow: var(--b-elevation-1); border-radius: var(--b-mask-border-radius); } .b-mask-progress-bar { height: var(--b-mask-progress-height); background: var(--b-mask-progress-color); } .b-mask-text { display: flex; gap: 0.5em; user-select: none; -webkit-user-select: none; align-items: center; color: var(--b-mask-text-color); padding: var(--b-mask-padding); } .b-masked { position: relative; } /* ../Core/lib/Core/widget/MenuItem.css */ :root, :host { --b-menu-item-gap: var(--b-widget-gap); --b-menu-item-icon-width: 1em; --b-menu-item-min-width: 12em; --b-menu-item-padding: var(--b-widget-padding); --b-menu-item-font-weight: var(--b-widget-font-weight); --b-menu-item-separator-border-color: var(--b-border-6); --b-menu-item-color: var(--b-widget-color); --b-menu-item-icon-color: var(--b-menu-item-color); --b-menu-item-disabled-color: var(--b-widget-disabled-color); --b-menu-item-disabled-icon-color: var(--b-neutral-70); --b-menu-item-background: transparent; --b-menu-item-hover-color: var(--b-widget-color); --b-menu-item-focus-color: var(--b-widget-color); --b-menu-item-hover-icon-color: var(--b-widget-color); --b-menu-item-focus-icon-color: var(--b-widget-color); --b-menu-item-border-radius: null; --b-menu-item-separator-height: 1px; --b-menu-item-separator-inset: 0; } .b-menu-item { display: flex; align-items: center; outline: none; overflow: clip; flex-shrink: 0; background: var(--b-menu-item-background); border-radius: var(--b-menu-item-border-radius); color: var(--b-menu-item-color); font-weight: var(--b-menu-item-font-weight); gap: var(--b-menu-item-gap); min-width: var(--b-menu-item-min-width); padding: var(--b-menu-item-padding); } .b-menu-item.b-separator:not(.b-first-visible-child) { overflow: visible; margin-top: calc(var(--b-menu-item-separator-height) * 2 - 1px); } .b-menu-item.b-separator:not(.b-first-visible-child)::before { content: ""; display: block; position: absolute; inset-inline: var(--b-menu-item-separator-inset); top: calc(var(--b-menu-item-separator-height) * -1); border-top: 1px solid var(--b-menu-item-separator-border-color); } .b-menu-item:not(.b-disabled) { cursor: pointer; } .b-menu-item:hover { --b-menu-item-color: var(--b-menu-item-hover-color); --b-menu-item-background: var(--b-menu-item-hover-background, var(--b-primary-90)); --b-menu-item-icon-color: var(--b-menu-item-hover-icon-color); } .b-menu-item:focus-within { --b-menu-item-color: var(--b-menu-item-focus-color); --b-menu-item-background: var(--b-menu-item-focus-background, var(--b-primary-90)); --b-menu-item-icon-color: var(--b-menu-item-focus-icon-color); } .b-menu-item.b-disabled { --b-menu-item-color: var(--b-menu-item-disabled-color); --b-menu-item-icon-color: var(--b-menu-item-disabled-icon-color); } .b-menu-item.b-rtl .b-icon-sub-menu:before { rotate: 180deg; } .b-menu-item-icon { justify-self: center; color: var(--b-menu-item-icon-color); width: var(--b-menu-item-icon-width); } .b-menu-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-inline-start: calc(var(--b-menu-item-icon-width) + var(--b-menu-item-gap)); margin-inline-end: var(--bi-menu-item-margin-inline-end); } .b-menu:not(.b-menu-with-icon) .b-menu-text, .b-menu-item-icon ~ .b-menu-text { margin-inline-start: 0; } /* ../Core/lib/Core/widget/mixin/Badge.css */ :root, :host { --b-badge-font-size: 0.7em; --b-badge-height: 1.7em; --b-badge-background: var(--b-color-red); --b-badge-color: var(--b-neutral-100); --b-badge-offset: -.6em; } .b-widget.b-badge { overflow: visible; } .b-badge::after { content: attr(data-badge); position: absolute; display: flex; align-items: center; justify-content: center; z-index: 5; padding-inline: 0.3em; background: var(--b-badge-background); border-radius: var(--b-badge-height); color: var(--b-badge-color); font-size: var(--b-badge-font-size); height: var(--b-badge-height); min-width: var(--b-badge-height); inset-inline-end: var(--b-badge-offset); inset-block-start: var(--b-badge-offset); } /* ../Core/lib/Core/widget/mixin/FormulaField.css */ .b-formula-field-list { --b-panel-header-padding: var(--b-list-item-padding); --b-panel-header-font-size: 1em; } /* ../Core/lib/Core/widget/mixin/Validatable.css */ .b-widget.b-tooltip.b-field-error-tip { --b-primary: var(--b-field-error-tip-primary); --b-tooltip-plain-background: var(--b-field-error-tip-background); --b-tooltip-plain-color: var(--b-field-error-tip-color); } /* ../Core/lib/Core/widget/RichTextField.css */ .b-rich-text-field { overflow: visible; height: 10em; color: var(--b-text-field-input-color); } .b-rich-text-field .b-field-inner { overflow: visible; align-items: flex-start; } .b-rich-text-field .b-rich-text-field-container { width: 100%; height: 100%; padding: .5em; outline: none; } .b-cell-editor .b-rich-text-field { height: 100%; min-height: 100%; } /* ../Core/lib/Core/widget/Slider.css */ :root, :host { --b-slider-thumb-size: 1.5em; --b-slider-thumb-elevation: var(--b-elevation-1); --b-slider-thumb-border: null; --b-slider-track-height: 0.5em; --b-slider-step-size: calc(var(--b-slider-track-height) * 0.4); --b-slider-step-width: unset; --b-slider-step-height: unset; --b-slider-step-opacity: 0.5; --b-slider-ring-content: none; --b-slider-value-border-radius: var(--b-widget-border-radius); --b-slider-thumb-value-size: 1.75em; --b-slider-thumb-text-color: var(--b-neutral-100); --b-slider-step-lesser-color: var(--b-neutral-100); --b-slider-value-color: var(--b-neutral-100); --b-slider-disabled-color: var(--b-neutral-80); --b-slider-disabled-thumb-color: var(--b-neutral-80); --b-slider-disabled-track-color: var(--b-neutral-90); --b-slider-track-color: var(--b-neutral-85); --b-slider-track-border: null; --b-slider-thumb-focus-outline-offset: 2px; --b-slider-thumb-focus-outline-width: var(--b-widget-focus-outline-width); --b-slider-step-border-radius: 50%; } .b-internal { --bi-slider-value-percent: null; --bi-slider-value: null; --bi-slider-max: null; --bi-slider-min: null; } .b-slider { place-items: center; gap: .75em; display: grid; overflow: visible; min-height: calc(var(--b-slider-thumb-value-size) + var(--b-slider-thumb-focus-outline-width) * 2 + var(--b-slider-thumb-focus-outline-offset) * 2); --bi-slider-value-percent: calc(((var(--bi-slider-value) - var(--bi-slider-min)) / (var(--bi-slider-max) - var(--bi-slider-min))) * 100%); } .b-slider.b-label-above > .b-label.b-align-start { justify-self: start; } .b-slider .b-field-inner { width: 100%; grid-template-areas: "track"; } .b-slider.b-text:not(.b-show-value) .b-field-inner { grid-template-areas: "track" "below"; gap: 0.5em; } .b-slider input { grid-area: track; appearance: none; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .b-slider:not(.b-disabled) .b-field-inner:hover { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:active) { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:focus) { --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity); } .b-slider:not(.b-disabled) .b-field-inner:has(input:focus-visible) .b-slider-thumb { outline: var(--b-slider-thumb-focus-outline-width) solid var(--b-slider-thumb-focus-outline-color, var(--b-primary-60)); outline-offset: var(--b-slider-thumb-focus-outline-offset); } .b-slider.b-thumb-value { --b-slider-thumb-size: var(--b-slider-thumb-value-size); } .b-slider.b-thumb-value .b-slider-thumb::after { display: grid; counter-reset: variable var(--bi-slider-value); content: counter(variable); font-size: 0.7em; width: 100%; height: 100%; place-items: center; line-height: 1em; color: var(--b-slider-thumb-text-color); } .b-slider.b-show-value .b-slider-internal-label { grid-column: -1; padding: 0.5em; font-size: 0.9em; position: relative; z-index: 1; min-width: 2.75em; text-align: center; background: var(--b-slider-value-background, var(--b-primary-30)); border-radius: var(--b-slider-value-border-radius); color: var(--b-slider-value-color); } .b-slider.b-show-value .b-slider-internal-label::before { content: ""; width: 0.75em; aspect-ratio: 1 / 1; background: inherit; rotate: 45deg; position: absolute; inset-inline-start: 0; top: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; } .b-slider.b-widget.b-disabled { --b-slider-color: var(--b-slider-disabled-color); --b-slider-thumb-color: var(--b-slider-disabled-thumb-color); --b-slider-track-color: var(--b-slider-disabled-track-color); --b-slider-value-background: var(--b-slider-disabled-thumb-color); } .b-grid-cell .b-slider { width: 100%; } .b-slider-track { display: flex; align-items: center; grid-area: track; border-radius: 0.25em; position: relative; pointer-events: none; transition: background .2s; background: var(--b-slider-track-color); border: var(--b-slider-track-border); height: var(--b-slider-track-height); width: calc(100% - var(--b-slider-thumb-size)); } .b-slider-progress { border-radius: inherit; height: 100%; pointer-events: none; transition: background .2s; width: var(--bi-slider-value-percent); background: var(--b-slider-color, var(--b-primary)); } .b-slider-thumb { position: absolute; flex-shrink: 0; aspect-ratio: 1/ 1; border-radius: 50%; translate: calc(-50% * var(--b-rtl-negate)); background-color: currentColor; z-index: 1; outline: 0 solid transparent; outline-offset: 0; transition: color .2s, scale .2s, outline .2s, outline-offset .2s; inset-inline-start: var(--bi-slider-value-percent); color: var(--b-slider-thumb-color, var(--b-slider-color, var(--b-primary))); width: var(--b-slider-thumb-size); box-shadow: var(--b-slider-thumb-elevation); border: var(--b-slider-thumb-border); } .b-slider-thumb::before { content: var(--b-slider-ring-content); display: block; background: currentColor; position: absolute; top: 50%; left: 50%; translate: calc(-50% * var(--b-rtl-negate)) -50%; transform-origin: center center; border-radius: 50%; pointer-events: none; transition: opacity .5s ease; aspect-ratio: 1 / 1; opacity: var(--bi-checkbox-ring-opacity); width: calc(var(--b-slider-thumb-size) * 1.75); } .b-slider-steps { display: flex; position: absolute; width: 100%; height: 100%; justify-content: space-evenly; align-items: center; } .b-slider-step { background-color: var(--b-slider-step-color, var(--b-slider-color, var(--b-primary))); border-radius: var(--b-slider-step-border-radius); width: var(--b-slider-step-width, var(--b-slider-step-size)); height: var(--b-slider-step-height, var(--b-slider-step-size)); opacity: var(--b-slider-step-opacity); } .b-slider-step.b-less { --b-slider-color: var(--b-slider-step-lesser-color); } .b-slider-internal-label { color: var(--b-label-color); } /* ../Core/lib/Core/widget/Splitter.css */ :root, :host { --b-splitter-size: 4px; --b-splitter-hover-size: 8px; --b-splitter-touch-hover-size: 16px; --b-splitter-disabled-size: 1px; --b-splitter-color: var(--b-border-6); --b-splitter-hover-color: var(--b-border-7); --b-splitter-disabled-color: var(--b-border-7); --b-splitter-button-size: 1em; --b-splitter-touch-button-size: 1.3em; --b-splitter-button-icon-color: var(--b-border-4); --b-splitter-button-hover-color: var(--b-border-2); --bi-splitter-overflow: visible; --bi-splitter-inner-top: 0; --bi-splitter-inner-left: 0; --bi-splitter-inner-translate: 0 0; } .b-splitter { position: relative; touch-action: none; background: var(--b-splitter-color); flex: 0 0 var(--b-splitter-size); overflow: var(--bi-splitter-overflow); --bi-splitter-inner-size: var(--b-splitter-size); } .b-splitter.b-disabled { pointer-events: none; --b-splitter-size: var(--b-splitter-disabled-size); --b-splitter-color: var(--b-splitter-disabled-color); --bi-splitter-overflow: clip; } :is(.b-splitter.b-hover, .b-splitter.b-moving, .b-splitter.b-show-buttons) .b-splitter-buttons { display: flex; } .b-splitter::after { content: ""; position: absolute; z-index: 10000; transition: all .2s; background: var(--b-splitter-color); top: var(--bi-splitter-inner-top); left: var(--bi-splitter-inner-left); width: var(--bi-splitter-inner-width); height: var(--bi-splitter-inner-height); translate: var(--bi-splitter-inner-translate); } .b-splitter.b-horizontal { min-height: var(--b-splitter-size); } .b-splitter.b-horizontal::after { --bi-splitter-inner-height: var(--bi-splitter-inner-size); --bi-splitter-inner-width: 100%; } .b-splitter.b-horizontal:not(.b-drag-disabled) { cursor: ns-resize; } .b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving { --b-splitter-color: var(--b-splitter-hover-color); } :is(.b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving)::after { --bi-splitter-inner-top: 50%; --bi-splitter-inner-translate: 0 -50%; --bi-splitter-inner-size: var(--b-splitter-hover-size); } .b-splitter.b-horizontal .b-splitter-buttons { rotate: 90deg; } .b-splitter.b-vertical { min-width: var(--b-splitter-size); } .b-splitter.b-vertical::after { --bi-splitter-inner-height: 100%; --bi-splitter-inner-width: var(--bi-splitter-inner-size); } .b-splitter.b-vertical:not(.b-drag-disabled) { cursor: ew-resize; } .b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving { --b-splitter-color: var(--b-splitter-hover-color); } :is(.b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving)::after { --bi-splitter-inner-left: 50%; --bi-splitter-inner-translate: -50% 0; --bi-splitter-inner-size: var(--b-splitter-hover-size); } .b-splitter:last-child, .b-splitter:first-child { visibility: hidden; flex: 0; min-width: 0; } @media (pointer : coarse) { .b-splitter { --b-splitter-hover-size: var(--b-splitter-touch-hover-size); } } .b-splitter.b-rtl .b-splitter-buttons { translate: 50% -50%; } .b-splitter.b-rtl.b-vertical .b-splitter-buttons { scale: -1 1; } .b-splitter.b-rtl .b-splitter-button-expand { justify-content: flex-end; translate: 100%; } .b-splitter.b-rtl .b-splitter-button-collapse { justify-content: flex-start; translate: -100%; } .b-splitter-buttons { display: none; position: absolute; height: 2.4em; width: 2.4em; z-index: 10001; inset-inline-start: 50%; translate: -50% -50%; transition: top 0.2s ease-in-out, inset-inline-start 0.2s ease-in-out; font-size: var(--b-splitter-button-size); } .b-splitter-buttons:has(.b-disabled) { pointer-events: none; } .b-splitter-button-collapse, .b-splitter-button-expand { flex: 1; cursor: pointer; display: flex; align-items: center; position: relative; padding-top: .1em; background: var(--b-splitter-color); } :is(.b-splitter-button-collapse, .b-splitter-button-expand):hover .b-splitter-button-icon { color: var(--b-splitter-button-hover-color); } :is(.b-splitter-button-collapse, .b-splitter-button-expand).b-disabled { cursor: default; visibility: hidden !important; pointer-events: none; } :is(.b-splitter-button-collapse, .b-splitter-button-expand):not(.b-disabled) { pointer-events: auto; } .b-splitter-button-collapse { border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; justify-content: flex-end; } .b-splitter-button-expand { border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; } .b-splitter-button-icon { cursor: pointer; height: 1.5em; font-size: 1.3em; font-weight: 400; align-content: center; color: var(--b-splitter-button-icon-color); } .b-splitter-button-touch-area { height: 3em; top: -.3em; width: 2em; position: absolute; } .b-splitter-button-collapse .b-splitter-button-touch-area { inset-inline-start: -.9em; } .b-splitter-button-expand .b-splitter-button-touch-area { inset-inline-end: -.9em; } /* ../Core/lib/Core/widget/Toast.css */ :root, :host { --b-toast-padding: var(--b-widget-padding); --b-toast-border-radius: var(--b-widget-border-radius); --b-toast-transition-duration: .25s; --b-toast-progress-height: 0.25em; --b-toast-color: var(--b-widget-color); } .b-internal { --bi-toast-side: null; } .b-float-root > .b-toast { display: block; overflow-x: clip; overflow-y: auto; top: auto; inset-inline-end: 2em; inset-inline-start: auto; max-width: 60%; max-height: 60%; line-height: 1.4em; cursor: pointer; transition: var(--bi-toast-side) var(--b-toast-transition-duration) ease-in, translate var(--b-toast-transition-duration) ease-in, background .2s, color .2s; background: var(--b-toast-background, var(--b-primary-98)); color: var(--b-toast-color); padding: var(--b-toast-padding); border-radius: var(--b-toast-border-radius); } .b-float-root > .b-toast:is(.b-side-top-start, .b-side-top-end) { top: 0; } .b-float-root > .b-toast:is(.b-side-top-start, .b-side-bottom-start) { inset-inline-start: 2em; inset-inline-end: auto; } .b-float-root > .b-toast.b-toast-hide.b-side-bottom-end, .b-float-root > .b-toast.b-toast-hide.b-side-bottom-start { bottom: 0 !important; translate: 0 100% !important; } .b-float-root > .b-toast.b-toast-hide.b-side-top-end, .b-float-root > .b-toast.b-toast-hide.b-side-top-start { top: 0 !important; translate: 0 -100% !important; } .b-float-root > .b-toast.b-icon:before { margin-inline-end: .5em; } .b-toast-progress { position: absolute; top: 0; inset-inline-start: 0; animation-name: b-toast-progress; animation-timing-function: linear; height: var(--b-toast-progress-height); background: var(--b-toast-progress-color, var(--b-primary-50)); } @keyframes b-toast-progress { 0% { width: 0; } 100% { width: 100%; } } /* ../Core/lib/Core/widget/Tool.css */ .b-tool { display: grid; appearance: none; background-color: transparent; border: none; border-radius: 50%; cursor: pointer; padding: 0; width: 1.25em; place-items: center; transition: color .2s; aspect-ratio: 1 / 1; color: var(--b-panel-header-color); } .b-tool:focus-visible { outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color); } /* ../Core/lib/Core/widget/util/AvatarRendering.css */ :root, :host { --b-avatar-size: 2.5em; --b-avatar-initials-text-transform: uppercase; --b-avatar-initials-font-weight: 600; --b-avatar-border-radius: 50%; --b-avatar-aspect-ratio: 1 / 1; --b-avatar-icon-font-size: 1.1em; --b-avatar-border: null; } .b-colorize { --b-avatar-background: var(--b-primary-85); --b-avatar-icon-color: var(--b-primary-30); --b-avatar-initials-color: var(--b-primary-30); } .b-resource-avatar { touch-action: pan-x pan-y; display: grid; place-items: center; flex-shrink: 0; width: var(--b-avatar-size); height: var(--b-avatar-size); background: var(--b-avatar-background); border-radius: var(--b-avatar-border-radius); border: var(--b-avatar-border); } .b-resource-avatar.b-resource-icon:before { color: var(--b-avatar-icon-color); font-size: var(--b-avatar-icon-font-size); } i.b-resource-avatar { display: grid; } .b-resource-initials { color: var(--b-avatar-initials-color); font-weight: var(--b-avatar-initials-font-weight); text-transform: var(--b-avatar-initials-text-transform); } /* ../Core/lib/Core/widget/util/Ripple.css */ .b-ripple-clip { position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: clip; pointer-events: none; } .b-ripple-clip::before { position: absolute; content: ""; width: 0; aspect-ratio: 1 / 1; border-radius: 50%; opacity: 0; transition: width .2s linear, opacity .1s linear; translate: -50% -50%; inset-inline-start: var(--b-click-x); inset-block-start: var(--b-click-y); background: var(--b-ripple-background); mix-blend-mode: var(--b-ripple-blend-mode); } .b-ripple-clip.b-animate::before { opacity: 1; width: 200%; } /* ../Grid/lib/Grid/view/GridBase.css */ :root, :host { --b-grid-column-transition-duration: var(--b-default-transition-duration); --b-grid-row-transition-duration: var(--b-default-transition-duration); --b-grid-empty-padding: var(--b-widget-padding); --b-grid-empty-color: var(--b-text-2); --b-grid-panel-header-padding: var(--b-panel-header-padding); --b-grid-panel-header-border-bottom: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); --b-grid-background: var(--b-neutral-100); --b-grid-cell-border-width: 1px; --b-grid-cell-focused-outline-width: var(--b-widget-focus-outline-width); --b-grid-cell-focused-outline-color: var(--b-widget-focus-outline-color); --b-grid-cell-gap: 0.5em; --b-grid-cell-padding-block: 0; --b-grid-cell-padding-inline: var(--b-widget-padding); --b-grid-cell-font-size: 1em; --b-grid-cell-font-weight: var(--b-widget-font-weight); --b-grid-row-height: 45px; --b-grid-row-border-width: 1px; --b-grid-row-zindex: 1; --b-grid-splitter-width: 1px; --b-grid-cell-border-color: var(--b-border-7); --b-grid-cell-background: var(--b-neutral-100); --b-grid-cell-color: var(--b-widget-color); --b-grid-cell-selected-color: var(--b-widget-color); --b-grid-row-border-color: var(--b-grid-cell-border-color); --b-grid-cell-dirty-color: var(--b-color-red); --b-grid-splitter-narrow-color: var(--b-neutral-80); --bi-grid-cell-overflow: clip; --b-grid-row-placeholder-color: var(--b-neutral-95); --b-grid-cell-highlight-color: color-mix(in srgb, var(--b-color-yellow) 20%, var(--b-neutral-100)); } .b-grid-base { overflow: clip; min-width: 0; --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding); --b-panel-header-border-bottom: var(--b-grid-panel-header-border-bottom); --b-panel-header-padding: var(--b-grid-panel-header-padding); --b-panel-background: var(--b-grid-background); --b-panel-top-toolbar-margin-inline: 0; --b-panel-top-toolbar-border-radius: 0; } .b-grid-base:where(.b-outer:not(.b-auto-height)) { height: 100%; } .b-grid-base.b-auto-height { height: auto; flex: none; } .b-grid-base.b-auto-height .b-grid-vertical-scroller { position: relative; } .b-grid-base.b-auto-height.b-grid-empty .b-grid-body-container { height: unset !important; flex: 1; } .b-grid-base .b-empty-text { display: none; } .b-grid-base.b-grid-empty .b-empty-text { display: block; position: relative; color: var(--b-grid-empty-color); padding: var(--b-grid-empty-padding); z-index: 20; } .b-grid-base .b-editing { overflow: visible; contain: unset; z-index: 2; } .b-grid-base.b-splicing-rows-toggle .b-grid-row:is(.b-adding, .b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-remove .b-grid-row:is(.b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-insert .b-grid-row:is(.b-adding, .b-repositioning) { transition: top var(--b-grid-row-transition-duration), left var(--b-grid-row-transition-duration); z-index: calc(var(--b-grid-row-zindex) - 1); pointer-events: none; } .b-grid-base.b-collapsing-column .b-collapsing, .b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) { min-width: 0 !important; overflow: clip !important; padding: 0; } .b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) { width: 0 !important; } .b-grid-base .b-expanding-start .b-grid-header:not(:first-child) { min-width: 0 !important; width: 0 !important; padding: 0; } .b-grid-base.b-expanding-column .b-expanding .b-grid-header:not(:first-child) { min-width: 0 !important; } :is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-header { transition-property: min-width, max-width, width, flex, padding; transition-duration: var(--b-grid-column-transition-duration); } :is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-cell { transition-property: padding; transition-duration: var(--b-grid-column-transition-duration); } .b-grid-base .b-grid-header:is(.b-showing, .b-hiding) { min-width: 0 !important; padding: 0 !important; } .b-grid-base .b-grid-header:is(.b-showing, .b-hiding).b-flex { flex: 0 !important; } .b-grid-base .b-toggling-all-expand.b-grid-header { width: 0 !important; } .b-fill-last-column .b-grid-footers:not(.b-has-flex, .b-horizontal-overflow) .b-grid-footer:last-child, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-leaf:not(.b-drop-placeholder) { flex-grow: 1; border-inline-end-color: transparent; } .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent > .b-grid-header-text { border-inline-end-color: transparent; } .b-fill-last-column .b-grid-cell:last-child, .b-fill-last-column .b-row-expander-row-expanded .b-grid-cell:nth-last-child(2) { --b-grid-cell-border-width: 0; } .b-grid-panel-body { display: flex; flex-direction: column; flex: 1; position: relative; overflow: hidden; } .b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container { flex: 1 1 0; contain: strict; } .b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container > .b-grid-vertical-scroller { min-height: 100%; } .b-grid-base.b-enable-sticky .b-sticky-cell, .b-grid-base.b-enable-sticky .b-grid-sub-grid, .b-grid-base.b-enable-sticky .b-grid-vertical-scroller, .b-grid-base.b-enable-sticky .b-grid-row { overflow: visible !important; } .b-grid-base > .b-panel-body-wrap { --b-toolbar-background: var(--b-grid-toolbar-background); } .b-grid-base > .b-panel-body-wrap > .b-top-toolbar { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-base:not(.b-auto-height) > .b-panel-body-wrap > .b-bottom-toolbar { border-top: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-body-container { position: relative; } .b-grid-vertical-scroller { display: flex; overflow: clip; } .b-grid-base .fa { font-family: inherit; } .b-grid-base .fa::before { font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-no-transitions .b-grid-row { transition: none !important; } .b-grid-base.b-highlighting-fade .b-grid-cell:not(.b-highlighted)::before { content: ""; position: absolute; inset: 0; opacity: 0.8; transition: opacity 0.4s; pointer-events: none; background-color: var(--b-grid-cell-background, var(--b-neutral-100)); } .b-grid-base:not(.b-highlighting-fade) .b-grid-cell.b-highlighted { transition: background-color 0.4s; background-color: var(--b-grid-cell-highlight-color); } /* ../Grid/lib/Grid/widget/GroupBar.css */ :root, :host { --b-group-bar-separator-icon: "\f054"; --b-group-bar-separator-color: var(--b-neutral-50); } .b-group-bar { display: flex; flex-wrap: nowrap; flex: 1; align-self: center; gap: 2.2em; min-height: 2em; --b-chip-view-chip-padding: 0.5em 1em; --b-chip-view-chip-gap: 1em; --b-chip-view-chip-border-radius: var(--b-button-border-radius); } .b-group-bar .b-chip { position: relative; overflow: visible; } .b-group-bar .b-chip:not(:last-child):after { position: absolute; inset-inline-end: -1.5em; color: var(--b-group-bar-separator-color); content: var(--b-group-bar-separator-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-rtl :is(.b-group-bar .b-chip):not(:last-child):after { scale: -1 0; } .b-group-bar .b-drop-target { opacity: .5; } .b-group-bar .b-drop-target .b-chip-content { visibility: hidden; } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy { min-width: 10em !important; padding-inline: 1em; border-radius: var(--b-button-border-radius); } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text { padding: 0.5em 0; } .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy, .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text-content { width: auto !important; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-drop-target { display: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-chip::after { content: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-chip { display: none; } .b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-drop-target { display: flex; } /* ../Grid/lib/Grid/column/SparklineColumn.css */ .b-sparkline-cell .b-chart { background: transparent; } /* ../Grid/lib/Grid/feature/base/SearchQuickFind.css */ :root, :host { --b-quick-find-font-weight: var(--b-grid-cell-font-weight); --b-quick-find-badge-offset: .4em; --b-quick-find-badge-font-size: .7em; --b-quick-find-primary: var(--b-secondary); --b-quick-find-badge-color: var(--b-grid-header-color); } :is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize { --b-quick-find-background: var(--b-quick-find-row-hover-background, var(--b-primary-95)); } /* ../Grid/lib/Grid/feature/CellEdit.css */ .b-cell-editor { --b-widget-floating-box-shadow: none; } .b-cell-editor .b-field { border-radius: 0; background: var(--b-grid-cell-applied-background); --b-text-field-input-padding: var(--b-grid-cell-padding-block) var(--b-grid-cell-padding-inline); } .b-grid-cell.b-editing { color: transparent; } .b-grid-cell.b-editing:not(.b-tree-cell) > :not(.b-editor), .b-grid-cell.b-editing.b-tree-cell > .b-tree-cell-value { visibility: hidden; } .b-grid-cell.b-editing, .b-grid-cell.b-after-edit { --bi-grid-cell-selected-color-transition-duration: 0ms; } /* ../Grid/lib/Grid/feature/Charts.css */ .b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content { padding-top: 0; } .b-chart-cell .b-chart { background: none; } /* ../Grid/lib/Grid/feature/ColumnDragToolbar.css */ :root, :host { --b-column-drag-toolbar-border-radius: var(--b-popup-border-radius); --b-column-drag-toolbar-opacity: .6; --b-column-drag-toolbar-hover-opacity: .9; --b-column-drag-toolbar-button-border-width: 0; --b-column-drag-toolbar-box-shadow: var(--b-widget-floating-box-shadow); --b-column-drag-toolbar-disabled-icon-color: var(--b-neutral-85); --b-column-drag-toolbar-button-box-shadow: none; --b-column-drag-toolbar-button-hover-box-shadow: none; --b-column-drag-toolbar-button-color: var(--b-neutral-20); --b-column-drag-toolbar-button-background: transparent; --b-column-drag-toolbar-title-color: var(--b-neutral-20); --b-column-drag-toolbar-background: var(--b-neutral-100); } .b-column-drag-toolbar { position: absolute; top: calc(100% - 3em); left: 50%; z-index: 100; animation-name: b-anim-show-column-drag-toolbar; animation-duration: 0.2s; translate: -50%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; transition: opacity 0.2s, top 0.2s; padding: 1em 1em 0.5em 1em; font-size: .8em; border: var(--b-popup-border); border-radius: var(--b-column-drag-toolbar-border-radius); background: var(--b-column-drag-toolbar-background); box-shadow: var(--b-column-drag-toolbar-box-shadow); opacity: var(--b-column-drag-toolbar-opacity); } .b-column-drag-toolbar.b-closer { top: 50%; translate: -50% -50%; } .b-column-drag-toolbar.b-hover { --b-column-drag-toolbar-opacity: var(--b-column-drag-toolbar-hover-opacity); } .b-column-drag-toolbar.b-remove { animation-name: b-anim-hide-column-drag-toolbar; animation-duration: 0.2s; top: 100%; --b-column-drag-toolbar-opacity: 0; } .b-column-drag-toolbar.b-remove.b-closer { animation-name: b-anim-hide-column-drag-toolbar-closer; } .b-column-drag-toolbar > .b-title { flex-basis: 100%; margin-bottom: 1em; text-align: center; color: var(--b-column-drag-toolbar-title-color); } .b-column-drag-toolbar > .b-title:before { content: "Drag header downwards"; } .b-column-drag-toolbar.b-closer > .b-title:before { content: "Drop header on a button"; } .b-column-drag-toolbar .b-group { display: inline-flex; flex-direction: column; align-items: center; margin-inline-end: 1.5em; } .b-column-drag-toolbar .b-group:last-child { margin-inline-end: 0; } .b-column-drag-toolbar .b-group .b-title { margin-block: .5em; color: var(--b-column-drag-toolbar-title-color); } .b-column-drag-toolbar .b-buttons { display: inline-flex; flex-direction: row; } .b-column-drag-toolbar .b-target-button { display: inline-flex; flex-direction: column; align-items: center; transition: all .2s; padding: 1em 0; width: 7.5em; margin-inline-end: .5em; color: var(--b-column-drag-toolbar-button-color); border: var(--b-column-drag-toolbar-button-border-width) solid var(--b-column-drag-toolbar-button-border-color, var(--b-primary-40)); border-radius: var(--b-column-drag-toolbar-border-radius); background: var(--b-column-drag-toolbar-button-background); box-shadow: var(--b-column-drag-toolbar-button-box-shadow); } .b-column-drag-toolbar .b-target-button:last-child { margin-inline-end: 0; } .b-column-drag-toolbar .b-target-button i { font-size: 2.5em; pointer-events: none; transition: all .2s; color: var(--b-column-drag-toolbar-icon-color, var(--b-primary-60)); } .b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) { --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-default-hover-icon-color, var(--b-primary-60)); --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color, var(--b-primary-60)); --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background, var(--b-primary-95)); --b-column-drag-toolbar-button-box-shadow: var(--b-column-drag-toolbar-button-hover-box-shadow); } .b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) i { scale: 1.1; } .b-column-drag-toolbar .b-target-button.b-activate i { scale: 1.1; rotate: 180deg; } .b-column-drag-toolbar .b-target-button[data-ref^=group] { --b-primary: var(--b-secondary); } .b-column-drag-toolbar .b-target-button[data-disabled=true] { --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-disabled-icon-color); --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-disabled-icon-color); } @keyframes b-anim-show-column-drag-toolbar { from { top: 100%; opacity: 0; } to { top: calc(100% - 3em); opacity: .4; } } @keyframes b-anim-hide-column-drag-toolbar { from { top: calc(100% - 3em); opacity: .4; } to { top: 100%; opacity: 0; } } @keyframes b-anim-hide-column-drag-toolbar-closer { from { top: 50%; opacity: .4; } to { top: 100%; opacity: 0; } } /* ../Grid/lib/Grid/feature/ColumnRename.css */ .b-column-rename-editor { --b-editor-background: var(--b-grid-header-background); --b-text-field-font-weight: var(--b-grid-header-font-weight); } /* ../Grid/lib/Grid/feature/ColumnReorder.css */ :root, :host { --b-column-reorder-invalid-color: var(--b-color-red); --b-column-reorder-stretched-background: var(--b-primary-95); } .b-grid-header.b-drag-proxy { line-height: normal; transition: background-color 0.3s; border-inline-end: none; font-weight: var(--b-grid-header-font-weight); background-color: var(--b-grid-header-background); outline: 1px solid var(--b-grid-header-border-color); } .b-grid-header.b-drag-proxy.b-grid-header-parent { justify-content: stretch; } .b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text { border-inline-end: none; } .b-grid-header.b-drag-proxy .b-grid-header:last-child { border-inline-end: none; } .b-grid-header.b-drop-placeholder { opacity: .3; } .b-grid-header.b-drag-invalid { --b-grid-header-color: var(--b-column-reorder-invalid-color); outline: 1px solid var(--b-column-reorder-invalid-color); } .b-column-reorder-stretched { outline: none; --b-grid-header-background: var(--b-column-reorder-stretched-background); } .b-column-reorder-stretched > * { display: none !important; } /* ../Grid/lib/Grid/feature/ColumnResize.css */ :root, :host { --b-column-resize-handle-width: 1em; --b-column-resize-touch-handle-width: 1.5em; --b-column-resize-header-resizing-background: var(--b-grid-header-hover-background); --b-column-resize-touch-resizing-icon: "\f07e"; } .b-column-resize .b-grid-header-parent { overflow: visible; } .b-column-resize .b-grid-header-resizable:not(.b-last-leaf) { overflow: visible; } .b-column-resize .b-grid-header-resizable .b-grid-header-resize-handle { position: absolute; inset-block: 0; background: transparent; z-index: 3; cursor: col-resize; display: block; inset-inline-end: calc(-1 * var(--b-column-resize-handle-width) / 2); width: var(--b-column-resize-handle-width); } .b-column-resize.b-touch { --b-column-resize-handle-width: var(--b-column-resize-touch-handle-width); } .b-column-resize.b-touch .b-grid-header.b-resizing { overflow: visible; z-index: 100; } .b-column-resize.b-touch .b-grid-header.b-resizing::before { position: absolute; top: 50%; inset-inline-end: 0; translate: calc(50% * var(--b-rtl-negate)) -50%; border-radius: 50%; padding: 1em; z-index: 1; background: var(--b-neutral-90); content: var(--b-column-resize-touch-resizing-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-grid-header.b-resizing { --b-grid-header-background: var(--b-column-resize-header-resizing-background); } /* ../Grid/lib/Grid/feature/export/PdfExport.css */ html.b-export-root, .b-export-root body { margin: 0; } html.b-print-root, .b-print-root body { margin: 0; height: auto; overflow: unset; display: block; print-color-adjust: exact !important; } html.b-export-root { overflow: auto; } .b-export-root body, .b-print-root body { position: relative; } .b-print-root .b-float-root, .b-print-root .b-scrollbar-measure-element, .b-print-root .b-grid-header-resize-handle { display: none !important; } .b-print:not(.b-safari) .b-page-wrap { page-break-after: always; } body:not(.b-single-page-unscaled) .b-page-wrap { contain: strict; } .b-export .b-time-ranges-canvas { display: block; width: 100%; height: 100%; position: absolute; inset: 0; contain: none; } .b-export .b-grid-base { min-height: 0 !important; } .b-export .b-export-content { display: flex; flex-direction: column; height: 100%; } .b-export .b-export-body { flex: 1; contain: strict; } .b-export .b-grid-header-container { margin-inline-end: 0 !important; border-inline-end: none !important; } .b-export .b-grid-body-container.b-widget-scroller { overflow-y: hidden !important; } .b-export .b-grid-footer-container { padding-inline-end: 0 !important; } .b-export .b-virtual-scrollers { display: none; } .b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad { display: none; } .b-export.b-multi-page .b-export-content { width: 100%; height: 100%; } .b-export.b-multi-page .b-export-body { overflow: hidden; } .b-export.b-single-page-unscaled { display: flex; } .b-export.b-single-page-unscaled .b-export-body { contain: content; } .b-export-header, .b-export-header * { box-sizing: border-box; } @media print { .b-page-wrap { overflow: hidden; } .b-grid-body-container { contain: paint !important; } } .b-export-dialog .b-bottom-toolbar .b-button { width: 7.5em; } .b-float-root .b-export-loading-toast { display: flex; gap: 0.5em; align-items: center; } /* ../Grid/lib/Grid/feature/export/Print.css */ html.b-print-root, .b-print-root body { margin: 0; height: auto; overflow: unset; display: block; } .b-print-root .b-float-root, .b-print-root .b-scrollbar-measure-element, .b-print-root .b-grid-header-resize-handle { display: none !important; } .b-print:not(.b-safari) .b-page-wrap { page-break-after: always; } /* ../Grid/lib/Grid/feature/FillHandle.css */ :root, :host { --b-fill-handle-handle-size: .8em; } .b-fill-handle-handle { translate: -50% -50%; position: absolute; cursor: crosshair; z-index: 200; background-clip: content-box; user-select: none; -webkit-user-select: none; background: var(--b-grid-cell-focused-outline-color); border: 1px solid var(--b-grid-cell-background); width: var(--b-fill-handle-handle-size); height: var(--b-fill-handle-handle-size); } .b-fill-handle-handle-right-edge { border-right: 0; translate: -100% -50%; width: 0.5em; } .b-fill-selection-border { position: absolute; border-radius: .1em; pointer-events: none; z-index: 2; user-select: none; -webkit-user-select: none; border: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); } .b-indicate-crop { opacity: 0.4; } .b-rtl .b-fill-handle-handle { translate: 50% -50%; } .b-rtl .b-fill-handle-handle.b-fill-handle-handle-left-edge { border-right: 0; translate: 100% -50%; width: 0.5em; } /* ../Grid/lib/Grid/feature/Filter.css */ :root, :host { --b-grid-filter-icon: "\f0b0"; --b-grid-header-filtered-font-weight: var(--b-grid-header-font-weight); --b-grid-header-filtered-color: var(--b-grid-header-color); --bi-grid-filter-icon-opacity: 0; --bi-grid-filter-icon-active-opacity: 1; --bi-grid-filter-icon-header-hover-opacity: 0.5; --bi-grid-filter-icon-hover-opacity: 0.8; --bi-grid-filter-icon-size: 0; --bi-grid-filter-icon-margin-inline-start: 0; } .b-filter-icon { cursor: pointer; transition-property: opacity, font-size; font-size: var(--bi-grid-filter-icon-size); opacity: var(--bi-grid-filter-icon-opacity); margin-inline-start: var(--bi-grid-filter-icon-margin-inline-start); transition-duration: var(--b-grid-header-icon-transition-duration); } .b-filter-icon::before { content: var(--b-grid-filter-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-filter-icon:hover { --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-hover-opacity); } .b-grid-header.b-filter { --b-grid-header-font-weight: var(--b-grid-header-filtered-font-weight); --b-grid-header-color: var(--b-grid-header-filtered-color); --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity); } .b-grid-header.b-filter, .b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:hover { --bi-grid-filter-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-filter-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:not(.b-filter):hover { --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-header-hover-opacity); } .b-grid-base:not(.b-filter, .b-multifilter) .b-filter-icon { pointer-events: none; --bi-grid-filter-icon-opacity: 0.2; } .b-filter-popup-legacy-mode .b-field { width: 16em; } .b-filter-popup:not(.b-filter-popup-legacy-mode) .b-panel-content { padding-inline: 0; } .b-filter-popup .b-field-filter-picker-group-row { padding-inline: var(--b-panel-padding); } .b-filter-popup .b-field-filter-picker-group { width: 36em; } .b-filter-popup .b-field-filter-picker-operator { grid-column: 1; } .b-filter-popup .b-field-filter-picker-values { grid-column: 2; } .b-filter-popup .b-field-filter-picker-values-multiple { grid-column: 1; } .b-filter-popup .b-field-filter-picker-property { display: none; } /* ../Grid/lib/Grid/feature/FilterBar.css */ .b-filter-bar-field { margin: 0 0 var(--b-grid-header-padding) 0; width: 100%; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled { flex-direction: row; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text { order: 1; min-height: 3.5em; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-sort-icon { margin-inline-start: 0; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text-content { display: none; } :is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) .b-field { order: 100000; } :is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) input { text-align: end; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-center input { text-align: center; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end .b-field { order: 100000; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end input { text-align: end; } .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input::placeholder { color: var(--b-grid-header-hover-color); } .b-filter-bar-compact .b-filter-bar-field { margin: 0; height: 100%; flex: 1; --b-text-field-input-padding: 0; --b-text-field-border-width: 0; --b-text-field-border-radius: 0; --b-combo-chip-view-padding-top: 0; --b-combo-chip-view-padding: 0; --b-text-field-background: transparent; --b-field-trigger-color: var(--b-grid-header-icon-color); } .b-filter-bar-compact .b-filter-bar-field input::placeholder { color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); text-transform: var(--b-grid-header-text-transform); } .b-filter-bar-compact .b-filter-bar-field > .b-field-inner { gap: 0.5em; } .b-filter-bar-compact .b-filter-bar-field > .b-field-inner::before { transition: none; } .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=expand], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=clear], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=spin], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=back], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=forward] { display: none; } .b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove, .b-filter-bar-compact .b-filter-bar-field:focus-within .b-field-trigger:not(.b-step-trigger, .b-icon-remove, .b-spintrigger) { display: flex; } .b-filter-bar-compact .b-filter-bar-field:not(.b-empty) input::placeholder { color: transparent; } .b-filter-bar-compact.b-dragging .b-filter-bar-field { display: none; } /* ../Grid/lib/Grid/feature/Group.css */ :root, :host { --b-group-header-font-weight: 500; --b-group-header-border-width: var(--b-grid-row-border-width); --b-group-header-zindex: 5; --b-group-header-collapsing-zindex: 7; --b-group-collapse-icon: "\f107"; --b-group-header-icon: "\f5fd"; --b-group-header-background: var(--b-neutral-100); --b-group-header-color: var(--b-neutral-20); --b-group-header-icon-color: var(--b-neutral-20); --b-group-header-border-color: var(--b-grid-row-border-color); --b-group-header-stripe-background: var(--b-neutral-97); --b-group-count-badge-background: var(--b-neutral-95); --b-group-count-badge-color: var(--b-text-2); } .b-no-row-lines { --b-group-header-border-width: 0; } .b-grid-header.b-group .b-sort-icon::after { font-style: normal; content: var(--b-group-header-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-group-row { --b-grid-cell-background: var(--b-group-header-background); --b-grid-row-border-width: var(--b-group-header-border-width); --b-grid-row-border-color: var(--b-group-header-border-color); --b-grid-row-zindex: var(--b-group-header-zindex); } .b-group-row.b-collapsing, .b-group-row.b-expanding { --b-grid-row-zindex: var(--b-group-header-collapsing-zindex); } .b-group-row .b-grid-cell { --b-grid-cell-border-color: transparent; } .b-hide-row-hover .b-group-row { --b-grid-cell-hover-background: var(--b-group-header-background); --b-grid-cell-selected-background: var(--b-group-header-background); --b-grid-cell-hover-selected-background: var(--b-group-header-background); } .b-stripe .b-group-row { --b-grid-row-border-width: var(--b-stripe-border-width); --b-group-header-background: var(--b-group-header-stripe-background); } .b-hide-row-hover :is(.b-stripe .b-group-row) { --b-grid-cell-hover-background: var(--b-group-header-stripe-background); --b-grid-cell-selected-background: var(--b-group-header-stripe-background); --b-grid-cell-hover-selected-background: var(--b-group-header-stripe-background); } .b-grid-cell.b-group-title { contain: size layout style; z-index: 1; justify-content: flex-start; text-align: start; --b-grid-cell-color: var(--b-group-header-color); --b-grid-cell-font-weight: var(--b-group-header-font-weight); --bi-grid-cell-overflow: visible; gap: var(--b-widget-gap); } .b-group-state-icon { display: grid; place-items: center; font-style: normal; cursor: pointer; width: 1em; transition: rotate .2s; color: var(--b-group-header-icon-color); } .b-group-state-icon:before { content: var(--b-group-collapse-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); } .b-grid-group-collapsed .b-group-state-icon { rotate: -90deg; } .b-group-count { display: grid; place-items: center; min-width: 2em; width: 2em; height: 2em; border-radius: 50%; font-size: .7em; background: var(--b-group-count-badge-background); color: var(--b-group-count-badge-color); } /* ../Grid/lib/Grid/feature/GroupSummary.css */ :root, :host { --b-group-summary-background: var(--b-neutral-99); } .b-grid-row.b-group-footer { --b-grid-cell-border-color: transparent; --b-grid-cell-background: var(--b-group-summary-background); } .b-grid-row.b-group-footer td { padding: .25em 0; } .b-grid-row.b-group-footer .b-grid-summary-label { padding-inline-end: 1em; } .b-grid-row.b-group-footer .b-grid-summary-value { width: 100%; } .b-grid-group-collapsed.b-header-summary .b-group-title { --bi-grid-cell-overflow: clip; } /* ../Grid/lib/Grid/feature/LockRows.css */ :root, :host { --b-locked-rows-separator-width: 1px; --b-locked-rows-separator-color: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color)); } .b-locked-rows { z-index: 1; } .b-locked-rows [aria-rowcount="1"] .b-virtual-scrollers { flex-basis: 0; } .b-locked-rows:has(.b-widget-scroller.b-grid-empty) { overflow: visible; } .b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-body-wrap, .b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-panel-body { overflow: visible; } .b-locked-rows:has(.b-grid-row) { box-shadow: var(--b-grid-header-box-shadow); border-bottom: var(--b-locked-rows-separator-width) solid var(--b-locked-rows-separator-color); } .b-locked-rows .b-widget-scroller.b-grid-empty { min-height: 0; } .b-locked-rows .b-grid-row.b-last { --b-grid-row-border-width: 0; } /* ../Grid/lib/Grid/feature/MergeCells.css */ .b-merge-cells .b-single-child .b-grid-sub-grid:not(.b-grid-sub-grid-collapsed, .b-time-axis-sub-grid, .b-horizontal-overflow) { overflow: clip !important; } .b-merge-cells .b-grid-row:not(.b-selected, .b-hover) .b-merged-cell { border-bottom: none; } .b-merge-cells .b-grid-row:is(.b-selected, .b-hover):has(.b-merged-cell) { overflow: visible; } .b-merge-cells .b-grid-row:is(.b-selected, .b-hover) .b-merged-cell { top: -1px; height: calc(100% + 1px); border-top: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color); } .b-grid-merged-cells { position: absolute; contain: strict; z-index: 2; display: flex; align-items: flex-start; border-bottom: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color); --b-grid-cell-background: transparent; --b-grid-row-border-color: transparent; --bi-grid-cell-overflow: visible; } .b-merge-cells-passthrough .b-grid-merged-cells { pointer-events: none; } .b-grid-merged-cells .b-grid-cell { position: sticky; top: 0; flex: 1; contain: none; } .b-grid-merged-cells.b-selected { background: var(--b-grid-cell-selected-background); } /* ../Grid/lib/Grid/feature/mixin/SummaryFormatter.css */ :root, :host { --b-grid-summary-label-font-size: 1em; --b-grid-summary-value-font-size: 1em; } .b-summary-wrap { display: grid; column-gap: 1em; grid-template-columns: min-content auto; align-items: center; width: 100%; } .b-summary-wrap .b-grid-summary-label { font-size: var(--b-grid-summary-label-font-size); } .b-summary-wrap .b-grid-summary-value { overflow: clip; text-overflow: ellipsis; font-size: var(--b-grid-summary-value-font-size); } .b-summary-wrap .b-grid-summary-value.b-no-label { grid-column: span 2; } /* ../Grid/lib/Grid/feature/QuickFind.css */ :root, :host { --b-quick-find-header-inset: 0; --b-quick-find-hit-padding: .2em 0; --b-quick-find-header-badge-color: var(--b-grid-header-color); } .b-quick-hit-cell { background: var(--b-quick-find-background, var(--b-primary-95)); } .b-quick-hit-text { border-radius: 2px; --b-primary: var(--b-quick-find-primary); font-weight: var(--b-quick-find-font-weight); background: var(--b-quick-find-background, var(--b-primary-95)); line-height: .8; } .b-quick-hit-text { padding: var(--b-quick-find-hit-padding); } .b-quick-hit-header { position: absolute; z-index: 1; display: grid; place-items: center; --b-primary: var(--b-quick-find-primary); inset: var(--b-quick-find-header-inset); background: var(--b-quick-find-background, var(--b-primary-95)); } .b-quick-hit-cell-badge, .b-quick-hit-header .b-quick-hit-badge { position: absolute; line-height: 1; font-size: var(--b-quick-find-badge-font-size); inset-inline-end: var(--b-quick-find-badge-offset); top: var(--b-quick-find-badge-offset); } .b-quick-hit-header .b-quick-hit-badge { color: var(--b-quick-find-header-badge-color); } .b-quick-hit-cell-badge { color: var(--b-quick-find-badge-color); } /* ../Grid/lib/Grid/feature/RegionResize.css */ :root, :host { --b-grid-splitter-zindex: 10; --b-region-resize-splitter-width: var(--b-splitter-size); --b-region-resize-splitter-width-hover: var(--b-splitter-hover-size); --b-region-resize-splitter-touch-width-hover: var(--b-splitter-touch-hover-size); --b-region-resize-splitter-collapsed-width: var(--b-region-resize-splitter-width); --b-region-resize-splitter-color: var(--b-splitter-color); --b-region-resize-button-color: var(--b-splitter-button-icon-color); --b-region-resize-splitter-hover-color: var(--b-splitter-hover-color); --b-region-resize-button-hover-color: var(--b-splitter-button-hover-color); --bi-grid-splitter-button-size: 1em; --bi-grid-splitter-button-display: flex; } .b-grid-base.b-split { --b-grid-splitter-color: var(--b-region-resize-splitter-color); } .b-grid-base.b-split .b-grid-splitter:not(.b-disabled) { --b-grid-splitter-width: var(--b-region-resize-splitter-width); } @media (pointer : coarse) { .b-grid-base.b-split { --b-region-resize-splitter-width-hover: var(--b-region-resize-splitter-touch-width-hover); } } .b-grid-splitter { position: relative; pointer-events: var(--bi-grid-splitter-pointer-events, none); z-index: var(--b-grid-splitter-zindex); } @media (any-pointer : coarse) { .b-grid-splitter { --bi-grid-splitter-button-size: 1.3em; } } .b-split .b-grid-splitter { --bi-grid-splitter-pointer-events: all; } .b-grid-splitter.b-disabled { --bi-grid-splitter-pointer-events: none; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse, .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand { scale: -1; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand { justify-content: flex-end; } .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse { justify-content: flex-start; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) { overflow: visible; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-inner { position: absolute; inset-block: 0; left: 50%; translate: -50%; background: inherit; flex-direction: column; align-items: center; opacity: 0; transition: opacity .2s; display: var(--bi-grid-splitter-button-display); width: var(--b-region-resize-splitter-width-hover); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed { cursor: initial; --b-grid-splitter-width: var(--b-region-resize-splitter-collapsed-width); --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-inner { opacity: 1; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand { visibility: hidden; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-buttons { --bi-grid-splitter-buttons-opacity: 1; --bi-grid-splitter-buttons-scale: 1; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse { visibility: hidden; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-buttons { display: flex; position: absolute; translate: 0 -50%; height: 2.4em; width: 2.4em; transition: scale .1s, opacity .1s; opacity: var(--bi-grid-splitter-buttons-opacity, 0); scale: var(--bi-grid-splitter-buttons-scale, 0); font-size: var(--bi-grid-splitter-button-size); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand { flex: 1; cursor: pointer; display: flex; align-items: center; background: var(--b-grid-splitter-color); } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand):hover { --b-region-resize-button-color: var(--b-region-resize-button-hover-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse { border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; justify-content: flex-end; padding-right: .1em; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand { border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; padding-left: .1em; } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-icon { cursor: pointer; height: 1.5em; fill: var(--b-region-resize-button-color); } .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving { --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color); --bi-region-resize-splitter-inner-width: var(--b-region-resize-splitter-width-hover); } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving) .b-grid-splitter-inner { opacity: 1; } :is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving):not(.b-partner-splitter-hover) { --bi-grid-splitter-buttons-scale: 1; --bi-grid-splitter-buttons-opacity: 1; } .b-grid-base.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner { cursor: col-resize; } .b-grid-header-scroller.b-collapsed, .b-grid-footer-scroller.b-collapsed, .b-virtual-scroller.b-collapsed { width: 0; min-width: 0 !important; } .b-grid-splitter-button-collapse .b-splitter-button-touch-area { left: -.9em; } .b-grid-splitter-button-expand .b-splitter-button-touch-area { right: -.9em; } .b-drag-helper-active .b-grid-base.b-split .b-grid-splitter { pointer-events: none !important; } .b-hide-splitter-buttons { --bi-grid-splitter-button-display: none; } /* ../Grid/lib/Grid/feature/RowEdit.css */ .b-row-editor .b-bottom-toolbar .b-toolbar-content { justify-content: flex-end; } .b-row-editor.b-read-only [data-ref=save] { display: none; } .b-row-editor :is(.b-panel-overlay-right, .b-panel-overlay-left) .b-toolbar-content > * { flex: 1 1 33%; max-width: 10em; } /* ../Grid/lib/Grid/feature/RowExpander.css */ :root, :host { --b-row-expander-border-bottom-width: var(--b-grid-row-border-width); --b-row-expander-font-weight: var(--b-grid-cell-font-weight); --b-row-expander-border-bottom-color: var(--b-grid-row-border-color); --b-row-expander-color: var(--b-grid-cell-color); } .b-row-expander-body { display: flex; inset-inline: 0; background: var(--b-row-expander-background); color: var(--b-row-expander-color); font-weight: var(--b-row-expander-font-weight); padding: var(--b-row-expander-padding, 0); } .b-row-expander-body, .b-row-expander-body.b-no-resize-observer.b-resize-monitored { position: absolute; } .b-grid-vertical-scroller > .b-row-expander-body { z-index: 100; transition: height .3s, top .3s; overflow: hidden; } .b-row-expander-loading { justify-content: center; align-items: center; font-size: 1.2em; display: flex; width: 100%; } .b-row-expander-loading .b-icon-spinner { margin-inline-end: .5em; } .b-grid-base .b-grid-row [data-column=expanderActionColumn] .b-icon { transition: rotate 0.15s ease-in-out; font-size: 1em; rotate: 180deg; } .b-row-expander-disabled [data-column=expanderActionColumn] { opacity: 0.2; pointer-events: none; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-body-container, .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-vertical-scroller { transition: height .3s; overflow-y: hidden !important; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-yscroll-pad { display: none; } .b-row-expander.b-grid-base.b-animating.b-row-expander-animating .b-grid-row { transition: height .3s, top .3s; } .b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-left { rotate: 270deg; } .b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-right { rotate: 90deg; } .b-row-expander-row-expanded { border-bottom: var(--b-row-expander-border-bottom-width) solid var(--b-row-expander-border-bottom-color); } /* ../Grid/lib/Grid/feature/RowReorder.css */ :root, :host { --b-row-reorder-indicator-size: 2px; --b-row-reorder-grip-icon: "\f58e"; --b-row-reorder-indicator-color: var(--b-secondary); --b-row-reorder-indicator-invalid-color: var(--b-color-red); --b-row-reorder-box-shadow: var(--b-elevation-1); --b-row-reorder-invalid-background: color-mix(in oklab, var(--b-row-reorder-indicator-invalid-color), transparent 80%); --b-row-reorder-proxy-opacity: 0.5; } .b-row-drop-indicator { display: none; pointer-events: none; } .b-row-reordering .b-row-drop-indicator { position: absolute; display: block; left: 0; width: 100%; z-index: 2000; top: calc(var(--b-row-reorder-indicator-size) / -2); height: var(--b-row-reorder-indicator-size); background-color: var(--b-row-reorder-indicator-color); } .b-row-reordering .b-row-drop-indicator.b-drag-invalid { --b-row-reorder-indicator-color: var(--b-row-reorder-indicator-invalid-color); } .b-row-reordering .b-grid-body-container { z-index: 4; } .b-row-reordering .b-drag-original { opacity: 0.3; } .b-row-reordering .b-grid-group-collapsed.b-row-reordering-target { --b-grid-cell-background: var(--b-grid-cell-hover-background); } .b-row-reordering .b-row-reordering-target { z-index: 9999; box-shadow: 0 1px 0 0 var(--b-row-reorder-indicator-color) inset, 0 -1px 0 0 var(--b-row-reorder-indicator-color) inset; } .b-row-reorder-grip { display: grid; grid-template-columns: auto 1fr; } .b-row-reorder-grip.b-grid-cell-align-end { justify-items: end; } .b-row-reorder-grip.b-grid-cell-align-end:before { margin-inline-end: auto; } .b-row-reorder-grip.b-grid-cell-align-right { justify-items: right; } .b-row-reorder-grip.b-grid-cell-align-center { justify-items: center; } .b-row-reorder-grip::before { display: inline-flex; align-self: stretch; align-items: center; cursor: move; font-size: 0.8em; content: var(--b-row-reorder-grip-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); padding-inline: var(--b-grid-cell-padding-inline); margin-inline-start: calc(var(--b-grid-cell-padding-inline) * -1); } :is(.b-show-grip-on-hover.b-row-reordering, .b-show-grip-on-hover .b-grid-row:not(:hover, .b-hover)) .b-row-reorder-grip::before { visibility: hidden; } .b-row-reorder-proxy { display: flex; flex-direction: column; width: auto !important; height: auto !important; z-index: 10000; overflow: visible; } .b-row-reorder-proxy .b-grid-row { position: relative; } .b-row-reorder-proxy.b-drag-copy .b-row-proxy-copy { display: flex; } .b-row-reorder-proxy .b-row-proxy-copy { display: none; height: 1em; width: 1em; align-items: center; justify-content: center; position: absolute; inset-inline-start: -.5em; top: -.5em; border-radius: 50%; padding: .75em; z-index: 20000; background: var(--b-panel-background); box-shadow: var(--b-row-reorder-box-shadow); } .b-row-reorder-proxy .b-grid-row { width: 100%; position: relative; } .b-row-reorder-proxy.b-dragging { transition: margin-top 0.2s, opacity 0.2s; background: transparent; opacity: var(--b-row-reorder-proxy-opacity); } .b-row-reorder-proxy.b-dragging.b-drag-invalid { --b-grid-cell-background: var(--b-row-reorder-invalid-background); } .b-row-reorder-proxy.b-dragging .b-grid-row { transition: transform 0.2s, background-color 0.2s; } .b-row-drag-count-indicator:before { inset-inline-end: -.7em; } .b-grid-tree-grouped .b-tree-parent-row .b-row-reorder-grip::before { content: none; } /* ../Grid/lib/Grid/feature/RowResize.css */ .b-row-resize .b-grid-row.b-resize-handle { cursor: row-resize !important; } .b-row-resize .b-grid-row.b-resizing { z-index: 2; } .b-row-resize.b-row-resizing .b-grid-row { pointer-events: none; } .b-row-resize.b-row-resizing * { cursor: row-resize !important; } /* ../Grid/lib/Grid/feature/Search.css */ .b-search-hit-cell { background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-text { padding: .3em 0; --b-primary: var(--b-quick-find-primary); font-weight: var(--b-quick-find-font-weight); background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-field { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: .5em 0; background: var(--b-quick-find-background, var(--b-primary-95)); } .b-search-hit-cell-badge { position: absolute; line-height: 1; color: var(--b-quick-find-badge-color); font-size: var(--b-quick-find-badge-font-size); inset-inline-end: var(--b-quick-find-badge-offset); top: var(--b-quick-find-badge-offset); } /* ../Grid/lib/Grid/feature/Sort.css */ :root, :host { --b-sort-header-icon: "\f062"; --b-sort-header-index-font-size: 0.6em; --b-sort-header-index-color: inherit; --bi-grid-sort-icon-rotate: 0; --bi-grid-sort-icon-opacity: 0; --bi-grid-sort-icon-size: 0; --bi-grid-sort-icon-margin-inline-start: 0; } .b-sort-hover-icon .b-grid-header.b-sortable { cursor: pointer; } .b-sort-hover-icon .b-grid-header.b-sortable:not(.b-sort, .b-resizing):hover { --bi-grid-sort-icon-opacity: 0.5; --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-base.b-sort.b-dragging-header .b-grid-header:not(.b-sort) { --bi-grid-sort-icon-opacity: 0; --bi-grid-sort-icon-size: 0; --bi-grid-sort-icon-margin-inline-start: 0; } .b-sort-icon { transition-property: opacity, color, font-size, margin; overflow: hidden; white-space: nowrap; color: var(--b-grid-header-icon-color); opacity: var(--bi-grid-sort-icon-opacity); font-size: var(--bi-grid-sort-icon-size); margin-inline-start: var(--bi-grid-sort-icon-margin-inline-start); transition-duration: var(--b-grid-header-icon-transition-duration); } .b-sort-icon::before { display: inline-block; transition: rotate .2s; content: var(--b-sort-header-icon); font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); rotate: var(--bi-grid-sort-icon-rotate); } :is(.b-grid-header.b-asc, .b-grid-header.b-desc) .b-sort-icon { --bi-grid-sort-icon-opacity: 1; --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size); --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap); } .b-grid-header.b-desc .b-sort-icon { --bi-grid-sort-icon-rotate: 180deg; } .b-sort .b-grid-header-text[data-sort-index]::before { content: attr(data-sort-index); position: relative; top: 1em; z-index: 30; order: 1; color: var(--b-sort-header-index-color); font-size: var(--b-sort-header-index-font-size); } /* ../Grid/lib/Grid/feature/Split.css */ .b-split-container { display: flex; height: 100%; position: relative; overflow: hidden; } .b-split-container.b-split-horizontal, .b-split-container.b-split-both { flex-direction: column; } .b-split-container.b-split-vertical { flex-direction: row; } .b-split-container .b-split-top, .b-split-container .b-split-bottom { display: flex; flex: 1; } .b-split-container > .b-grid-base, .b-split-container > div > .b-grid-base { flex: 1; flex-basis: 0; height: unset !important; } /* ../Grid/lib/Grid/feature/StickyCells.css */ .b-sticky-cells .b-grid-sticky-row { position: absolute; top: 0; left: 0; min-width: auto; border: 0 none; padding: 0; contain: initial; } .b-sticky-cells .b-grid-sticky-row .b-grid-cell { width: min-content; contain: initial; padding: 0; border: 0 none; } .b-sticky-cells .b-sticky-cells-current-top-row .b-sticky-content-el { visibility: hidden; } .b-sticky-cells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el { visibility: visible; align-self: flex-end; } /* ../Grid/lib/Grid/feature/Stripe.css */ :root, :host { --b-stripe-odd-color: var(--b-neutral-98); --b-stripe-even-color: var(--b-neutral-100); --b-stripe-border-width: 0; } .b-stripe { --b-grid-row-border-width: var(--b-stripe-border-width); } .b-stripe .b-grid-row.b-odd { --b-grid-cell-background: var(--b-stripe-odd-color); } .b-stripe .b-grid-row.b-even { --b-grid-cell-background: var(--b-stripe-even-color); } .b-stripe .b-hide-row-hover .b-grid-row.b-odd { --b-grid-cell-hover-background: var(--b-stripe-odd-color); --b-grid-cell-selected-background: var(--b-stripe-odd-color); --b-grid-cell-hover-selected-background: var(--b-stripe-odd-color); } .b-stripe .b-hide-row-hover .b-grid-row.b-even { --b-grid-cell-hover-background: var(--b-stripe-even-color); --b-grid-cell-selected-background: var(--b-stripe-even-color); --b-grid-cell-hover-selected-background: var(--b-stripe-even-color); } /* ../Grid/lib/Grid/feature/Summary.css */ .b-summary-disabled .b-grid-footer-container { display: none; } .b-grid-footer.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1)); } /* ../Grid/lib/Grid/feature/TreeGroup.css */ .b-generated-parent .b-grid-cell .b-grid-tree-group-summary { display: flex; justify-content: inherit; } /* ../Grid/lib/Grid/view/Footer.css */ :root, :host { --b-grid-footer-outline-width: var(--b-grid-header-border-width); --b-grid-footer-outline-color: var(--b-grid-header-border-color); --b-grid-footer-box-shadow: none; --b-grid-footer-border-width: var(--b-grid-header-border-width); --b-grid-footer-padding: var(--b-grid-header-padding); --b-grid-footer-background: var(--b-neutral-100); --b-grid-footer-border-color: var(--b-grid-header-border-color); --b-grid-footer-color: var(--b-grid-header-color); } .b-grid-footer-container { outline: var(--b-grid-footer-outline-width) solid var(--b-grid-footer-outline-color); box-shadow: var(--b-grid-footer-box-shadow); } .b-grid-footer-container.b-hidden { display: none; } .b-grid-footer-scroller { display: flex; position: relative; overflow: clip; flex-shrink: 0; min-width: 0; } .b-grid-footers { display: inline-flex; align-items: stretch; height: 100%; white-space: nowrap; line-height: initial; } .b-grid-footer { display: flex; flex-shrink: 0; align-items: stretch; transition: background-color .2s; color: var(--b-grid-footer-color); background: var(--b-grid-footer-background); border-inline-end: var(--b-grid-footer-border-width) solid var(--b-grid-footer-border-color); font-weight: var(--b-grid-footer-font-weight); padding: var(--b-grid-footer-padding); text-align: var(--b-grid-footer-text-align); } .b-grid-footer:last-child { --b-grid-footer-border-width: 0; } .b-grid-footer-align-start, .b-grid-footer-align-left { --b-grid-footer-text-align: start; } .b-grid-footer-align-center { --b-grid-footer-text-align: center; } .b-grid-footer-align-end, .b-grid-footer-align-right { --b-grid-footer-text-align: end; } /* ../Grid/lib/Grid/view/Header.css */ :root, :host { --b-grid-header-font-size: inherit; --b-grid-header-font-weight: 500; --b-grid-header-padding: var(--b-grid-cell-padding-inline); --b-grid-header-text-transform: none; --b-grid-header-text-align: start; --b-grid-header-gap: 0.5em; --b-grid-header-icon-font-size: 1em; --b-grid-header-border-width: var(--b-grid-cell-border-width); --b-grid-header-container-border-width: 1px; --b-grid-header-zindex: 1; --b-grid-header-icon-transition-duration: var(--b-default-transition-duration); --b-grid-header-background: var(--b-neutral-100); --b-grid-header-box-shadow: var(--b-elevation-0); --b-grid-header-color: var(--b-widget-color); --b-grid-header-icon-color: var(--b-grid-header-color); --b-grid-header-border-color: var(--b-grid-cell-border-color); --b-grid-header-hover-color: var(--b-widget-color); } .b-grid-headers, .b-grid-footers { contain: paint style layout; flex: 1 1 auto; z-index: var(--b-grid-header-zindex); } div.b-grid-header-container, .b-grid-footer-container { display: flex; z-index: var(--b-grid-header-zindex); } div.b-grid-header-container.b-hidden { clip-path: inset(0 0 100% 0); contain: strict; border-bottom: none; } div.b-grid-header-container .b-yscroll-pad { border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-scroller { display: flex; position: relative; overflow: clip; min-width: 0; box-shadow: var(--b-grid-header-box-shadow); } .b-grid-headers { display: flex; flex-flow: row nowrap; align-items: stretch; overflow: clip; line-height: initial; position: relative; } .b-grid-header { position: relative; display: flex; user-select: none; -webkit-user-select: none; flex-direction: column; flex-shrink: 0; align-items: stretch; justify-content: center; overflow: clip; transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); contain: style; --b-grid-header-applied-background: var(--b-grid-header-background); background: var(--b-grid-header-applied-background); border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); text-transform: var(--b-grid-header-text-transform); } .b-grid-header.b-depth-0:hover { color: var(--b-grid-header-hover-color); --b-grid-header-applied-background: var(--b-grid-header-hover-background, var(--b-primary-98)); --b-grid-header-icon-color: var(--b-grid-header-hover-color); } .b-grid-header.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: calc(var(--b-grid-cell-focused-outline-width) * -1); } .b-grid-header.b-depth-0 { width: 0; padding-inline: var(--b-grid-header-padding); border-block-end: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color); } .b-fill-last-column .b-grid-header.b-last-leaf:not(.b-drop-placeholder) { border-inline-end: none; } .b-grid-header:has(.b-widget) .b-grid-header-text-content:empty { display: none; } .b-grid-header-parent { border-inline-end: none; flex-basis: auto; padding-inline: 0; } .b-grid-header-parent > .b-grid-header-text { flex: 1 1 auto; padding: var(--b-grid-header-padding); } .b-grid-header-parent:where(:not(.b-last-parent)) > .b-grid-header-text { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-children { display: flex; flex-flow: row nowrap; flex: 1 1 auto; transition: border var(--b-default-transition-duration); border-top: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color); } .b-grid-header-children > * { width: inherit; } .b-grid-header-text { display: flex; align-items: center; padding-block: var(--b-grid-header-padding); } .b-grid-header-text:has(.b-widget) { gap: var(--b-grid-header-gap); } .b-grid-header-text-content { flex: 1; overflow: clip; text-overflow: ellipsis; white-space: nowrap; width: 0; text-align: var(--b-grid-header-text-align); } .b-grid-header-text-content.b-has-text > * { margin-inline-end: var(--b-grid-header-gap); } .b-grid-header-align-right, .b-grid-header-align-end { --b-grid-header-text-align: end; } .b-grid-header-align-center { --b-grid-header-text-align: center; } :is(.b-writing-mode-sideways-lr, .b-writing-mode-sideways-rl, .b-writing-mode-vertical-lr, .b-writing-mode-vertical-rl) .b-grid-header-text-content { display: flex; text-align: start; align-items: var(--b-grid-header-text-align); } .b-writing-mode-sideways-lr .b-grid-header-text-content { writing-mode: sideways-lr; } .b-writing-mode-sideways-rl .b-grid-header-text-content { writing-mode: sideways-rl; } .b-writing-mode-horizontal-tb .b-grid-header-text-content { writing-mode: horizontal-tb; } .b-writing-mode-vertical-lr .b-grid-header-text-content { writing-mode: vertical-lr; } .b-writing-mode-vertical-rl .b-grid-header-text-content { writing-mode: vertical-rl; } .b-grid-header.b-collapsible > .b-grid-header-text { } .b-grid-header-collapse-button { background: transparent; --b-button-height: 1em; --b-button-type-text-color: var(--b-neutral-60); } .b-grid-header-collapse-button:hover { --b-button-color: var(--b-grid-header-color); } /* ../Grid/lib/Grid/column/CheckColumn.css */ .b-check-header-with-checkbox { align-items: center; } .b-check-header-with-checkbox .b-grid-header-text { display: none; } /* ../Grid/lib/Grid/view/SubGrid.css */ :root { --bi-grid-cell-dirty-indicator-clip-path: polygon(0% 50%, 0% 0%, 50% 0%); --bi-grid-cell-dirty-indicator-clip-path-rtl: polygon(100% 50%, 50% 0%, 100% 0%); --b-grid-cell-auto-height-padding-block: var(--b-grid-cell-padding-inline); } .b-no-column-lines, .b-no-column-lines .b-grid-sub-grid { --b-grid-cell-border-width: 0; --b-grid-header-border-width: 0; } .b-no-row-lines { --b-grid-row-border-width: 0; } .b-grid-sub-grid { position: relative; } .b-grid-sub-grid.b-hidden { display: none; } .b-grid-sub-grid-collapsed { width: 0; min-width: 0 !important; overflow: hidden !important; } .b-animating .b-grid-header-scroller, .b-animating .b-grid-sub-grid { transition-property: width, flex, min-width; transition-duration: .3s; } .b-grid-row { position: absolute; display: flex; flex-direction: row; align-items: stretch; inset-inline-start: 0; overflow: clip; contain: layout; height: var(--b-grid-row-height); z-index: var(--b-grid-row-zindex); } .b-grid-sub-grid .b-grid-row { min-width: 100%; } .b-grid-row.b-hover .b-grid-cell { --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98)); --b-grid-cell-color: var(--b-grid-cell-selected-color); --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30)); } .b-selected :is(.b-grid-row .b-grid-cell), .b-grid-row .b-grid-cell.b-selected { --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96)); --b-grid-cell-color: var(--b-grid-cell-selected-color); --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30)); transition: background-color var(--b-default-transition-duration), color var(--bi-grid-cell-selected-color-transition-duration, var(--b-default-transition-duration)); } .b-grid-row.b-hover.b-selected .b-grid-cell { --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background, var(--b-primary-94)); } .b-grid-row.fa { display: flex; } .b-grid-row.fa::before { content: none; } .b-grid-row.b-row-placeholder .b-grid-cell { color: transparent; clip-path: inset(1em 1em 1em 1em); } .b-grid-row.b-row-placeholder .b-grid-cell > *:not(.b-editor) { display: none; } .b-grid-row.b-row-placeholder .b-grid-cell::after { content: ""; position: absolute; inset: 1em; border-radius: 5px; background: var(--b-grid-row-placeholder-color); } .b-hide-row-hover { --b-grid-cell-hover-background: var(--b-grid-cell-background); --b-grid-cell-selected-background: var(--b-grid-cell-background); --b-grid-cell-hover-selected-background: var(--b-grid-cell-background); } .b-grid-body-container.b-vertical-overflow .b-grid-row.b-last .b-grid-cell { --b-grid-row-border-color: transparent; } .b-grid-cell { position: absolute; display: flex; flex-shrink: 0; contain: strict; align-items: center; white-space: nowrap; height: 100%; background: var(--b-grid-cell-applied-background, var(--b-grid-cell-background)); color: var(--b-grid-cell-color); border-inline-end: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color); border-bottom: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color); font-size: var(--b-grid-cell-font-size); font-weight: var(--b-grid-cell-font-weight); gap: var(--b-grid-cell-gap); overflow: var(--bi-grid-cell-overflow); padding-inline: var(--b-grid-cell-padding-inline); padding-block: var(--b-grid-cell-padding-block); } .b-grid-cell:not(.b-focused) *, .b-grid-cell:not(.b-focused) *::before, .b-grid-cell:not(.b-focused) *::after { transition: none; } .b-theme-transition .b-grid-cell { transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); } .b-windows .b-grid-cell { contain: layout; } .b-grid-cell.b-focused:focus-visible { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1)); } .b-grid-cell.b-hover { --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98)); --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-grid-cell.b-selected { --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96)); --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-grid-cell.b-auto-height { white-space: normal; } .b-grid-cell.b-auto-height:not(.b-tree-cell) { --b-grid-cell-padding-block: var(--b-grid-cell-auto-height-padding-block); } .b-grid-cell.b-measuring-auto-height { contain: paint style layout; align-self: baseline; height: auto; } .b-grid-no-text-selection .b-grid-cell { user-select: none; -webkit-user-select: none; } .b-grid-cell a { color: var(--b-grid-link-color, var(--b-primary-30)); } .b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row { height: var(--b-grid-row-height); } .b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row .b-grid-cell:not(.b-auto-height, .b-row-reorder-grip, :has(*)) { display: block; text-overflow: ellipsis; line-height: var(--b-grid-row-height); } .b-grid-cell-align-right, .b-grid-cell-align-end { justify-content: flex-end; text-align: end; } .b-grid-cell-align-center { justify-content: center; text-align: center; } .b-rtl { --bi-grid-cell-dirty-indicator-clip-path: var(--bi-grid-cell-dirty-indicator-clip-path-rtl) ; } .b-show-dirty .b-cell-dirty:not(.b-editing):after, .b-show-dirty-during-edit .b-cell-dirty:after { content: ""; z-index: 2; position: absolute; top: 0; inset-inline-start: 1px; width: 1.2em; height: 1.2em; background-color: var(--b-grid-cell-dirty-color); clip-path: var(--bi-grid-cell-dirty-indicator-clip-path); } .b-grid-splitter { transition: background var(--b-default-transition-duration); background: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color)); flex: 0 0 var(--b-grid-splitter-width); } .b-grid-splitter .b-grid-splitter-inner { display: none; } .b-virtual-scrollers { z-index: 3; display: flex; flex-direction: row; contain: paint style layout; } .b-firefox .b-virtual-scrollers { contain: paint layout; } .b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers { pointer-events: auto; } .b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller { pointer-events: auto; } .b-overlay-scrollbar .b-virtual-scrollers { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; } .b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller { height: 16px; pointer-events: none; } .b-virtual-scrollers .b-virtual-scroller { overflow-x: scroll; overflow-y: hidden; } .b-virtual-scrollers .b-virtual-width { height: 1px; } .b-overlay-scrollbar .b-virtual-scroller:hover, .b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller { pointer-events: all; opacity: 1; transition: opacity .5s; } /* ../Grid/lib/Grid/column/ActionColumn.css */ :root, :host { --b-action-column-button-size: 1.1em; --b-action-column-color: var(--b-widget-color); --b-action-column-row-hover-color: var(--b-widget-color); --b-action-column-readonly-color: var(--b-widget-disabled-color); --b-action-column-hover-color: var(--b-neutral-10); } .b-action-ct { display: flex; flex-flow: row nowrap; gap: 0.5em; } .b-action-item { aspect-ratio: 1 / 1; border-radius: 50%; font-size: var(--b-action-column-button-size); color: var(--b-action-column-color); pointer-events: var(--bi-action-column-pointer-events, auto); } .b-action-item:hover { --b-action-column-color: var(--b-action-column-hover-color); } .b-action-item:focus-visible { outline-offset: 3px; outline: currentColor solid 3px; } .b-grid-base.b-read-only.b-action-column-readonly { --b-action-column-color: var(--b-action-column-readonly-color); --bi-action-column-pointer-events: none; } .b-grid-row.b-hover, .b-grid-row.b-selected { --b-action-column-color: var(--b-action-column-row-hover-color); } /* ../Grid/lib/Grid/column/ColorColumn.css */ :root, :host { --b-color-column-border-width: 0; --b-color-column-empty-border-width: 1px; --b-color-column-border-color: transparent; --b-color-column-empty-border-color: var(--b-border-7); --b-color-column-picker-width: 11em; } .b-color-cell-swatch { border-radius: 1em; cursor: pointer; width: 1.5em; height: 1.5em; margin-inline: 1em; flex-shrink: 0; --b-primary: transparent; background: var(--b-primary); border: var(--b-color-column-border-width) solid var(--b-color-column-border-color); } .b-color-cell-swatch.b-empty { --b-color-column-border-width: var(--b-color-column-empty-border-width); --b-color-column-border-color: var(--b-color-column-empty-border-color); } .b-color-cell-swatch.b-show-color-name { margin-inline: 0; } .b-color-column-picker { width: var(--b-color-column-picker-width); } /* ../Grid/lib/Grid/column/PercentColumn.css */ :root, :host { --b-percent-column-bar-border-radius: var(--b-widget-border-radius); --b-percent-column-bar-max-height: 0.6em; --b-percent-column-bar-border: none; --b-percent-column-circle-thickness: 0.5em; --b-percent-column-circle-label-font-size: .8em; --b-percent-column-bar-background: var(--b-neutral-95); --b-percent-column-low-fill-background: var(--b-color-orange); --b-percent-column-wide-value-color: var(--b-neutral-100); --b-percent-column-low-value-color: var(--b-secondary); --b-percent-column-zero-value-color: transparent; --b-percent-column-circle-background: var(--b-grid-cell-border-color); --b-percent-column-circle-label-color: var(--b-grid-cell-color); --bi-percent-column-transition: none; } .b-percent-bar-outer { display: flex; height: 30%; overflow: hidden; width: 100%; outline-offset: -1px; background: var(--b-percent-column-bar-background); outline: var(--b-percent-column-bar-border); border-radius: var(--b-percent-column-bar-border-radius); max-height: var(--b-percent-column-bar-max-height); } .b-percent-bar-outer.b-low { --b-percent-column-fill-background: var(--b-percent-column-low-value-color); --b-percent-column-value-color: var(--b-percent-column-low-value-color); } .b-percent-bar-outer.b-zero { --b-percent-column-value-color: var(--b-percent-column-zero-value-color); } .b-percent-bar-outer .b-percent-bar { z-index: 1; background: var(--b-percent-column-fill-background, var(--b-primary-50)); width: var(--bi-percent-bar-value); transition: var(--bi-percent-column-transition); } .b-percent-bar-value { display: flex; align-items: center; justify-content: flex-start; flex: 1; font-size: 0.6em; container-name: percent-column-value; container-type: size; z-index: 1; } .b-percent-bar-value label { transition: translate .5s, color .5s; margin-inline-start: 0.5em; color: var(--b-percent-column-value-color, var(--b-primary-50)); translate: var(--bi-percent-column-value-translate, 0); } @property --bi-percent-column-circle-angle { syntax : ""; inherits : false; initial-value : 0turn; } .b-percent-done-circle { --bi-percent-column-circle-angle: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; max-height: 3em; max-width: 3em; border-radius: 50%; background: conic-gradient(var(--b-percent-column-circle-done-color, var(--b-primary)) 0 var(--bi-percent-column-circle-angle), transparent var(--bi-percent-column-circle-angle) 1turn) var(--b-percent-column-circle-background); } .b-percent-done-circle::after { content: attr(data-value); display: flex; align-items: center; justify-content: center; border-radius: 50%; width: calc(100% - var(--b-percent-column-circle-thickness)); height: calc(100% - var(--b-percent-column-circle-thickness)); background: var(--b-percent-column-circle-label-background, var(--b-grid-cell-background)); font-size: var(--b-percent-column-circle-label-font-size); color: var(--b-percent-column-circle-label-color); } .b-animating .b-percent-done-circle { transition: --bi-percent-column-circle-angle .3s, height .3s, width .3s; } @container percent-column-value (width < 2em) { label { margin-inline-start: -.5em !important; --b-percent-column-value-color: var(--b-percent-column-wide-value-color); --bi-percent-column-value-translate: -100%; } } .b-grid-body-container.b-scrolling .b-percent-bar, .b-grid-body-container.b-scrolling .b-percent-bar * { transition: none; } .b-animating, .b-grid-row-updating { --bi-percent-column-transition: width 0.5s, padding .5s, background-color .5s; } /* ../Grid/lib/Grid/column/RatingColumn.css */ :root, :host { --b-rating-column-icon-size: 1.2em; --b-rating-column-empty-color: var(--b-neutral-95); --b-rating-column-filled-color: var(--b-color-yellow); } .b-rating-cell .b-rating-icon { font-size: var(--b-rating-column-icon-size); color: var(--bi-rating-column-icon-color); opacity: var(--bi-rating-column-icon-opacity, 1); transition: var(--bi-rating-column-icon-transition, all var(--b-default-transition-duration) linear); } .b-theme-transition :is(.b-rating-cell .b-rating-icon) { transition: color var(--b-default-transition-duration); } .b-rating-cell .b-empty { --bi-rating-column-icon-color: var(--b-rating-column-empty-color); --bi-rating-column-icon-opacity: var(--bi-rating-column-empty-opacity, 1); } .b-rating-cell .b-filled { --bi-rating-column-icon-color: var(--b-rating-column-filled-color); } .b-rating-cell-inner { display: flex; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon { cursor: pointer; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon:hover ~ .b-icon { --bi-rating-column-icon-color: var(--b-rating-column-empty-color); --bi-rating-column-empty-opacity: 1; } .b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable):hover .b-rating-icon { --bi-rating-column-icon-color: var(--b-rating-column-filled-color); --bi-rating-column-empty-opacity: 0.4; } .b-grid-body-container.b-scrolling .b-rating-icon { --bi-rating-column-icon-transition: none; } /* ../Grid/lib/Grid/column/RowNumberColumn.css */ :root, :host { --b-row-number-column-background: var(--b-neutral-97); } .b-grid-base .b-grid-cell.b-row-number-cell { --b-grid-cell-background: var(--b-row-number-column-background); } /* ../Grid/lib/Grid/column/TreeColumn.css */ :root, :host { --b-tree-loading-icon: "\f110"; --b-tree-icon-width: 1.25em; --b-tree-cell-gap: var(--b-widget-gap); --b-tree-parent-font-weight: 500; --b-tree-indent-size: 1.7em; --b-tree-leaf-icon-font-size: 0.3em; --b-tree-expander-icon-font-size: 1.2em; --b-tree-expander-color: var(--b-text-3); --b-tree-expander-row-hover-color: var(--b-tree-expander-color); --b-tree-parent-color: var(--b-grid-cell-color); --b-tree-icon-color: var(--b-tree-expander-color); --b-tree-icon-row-hover-color: var(--b-tree-expander-color); --b-tree-line-width: 2px; --b-tree-line-color: var(--b-neutral-85); --b-tree-line-offset: .45em; } .b-internal { --b-tree-level: null; } .b-tree-expander { position: relative; top: 1px; cursor: pointer; display: grid; place-items: center; } .b-loading-children .b-tree-expander.b-icon:before { animation: b-anim-rotate 2s infinite linear; content: var(--b-tree-loading-icon); } .b-grid-cell.b-tree-cell { align-items: stretch; gap: 0; } .b-grid-cell.b-tree-cell.b-selected, .b-grid-cell.b-tree-cell.b-hover { --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-tree-cell-inner { gap: var(--b-tree-cell-gap); } .b-tree-leaf-cell .b-tree-cell-inner:before { margin-inline-end: .6em; text-align: center; font-family: var(--b-widget-icon-font-family); font-weight: var(--b-widget-icon-font-weight); color: var(--b-tree-expander-color); width: var(--b-tree-icon-width); min-width: var(--b-tree-icon-width); } .b-tree-icon, .b-icon-tree-leaf, .b-icon-tree-folder, .b-icon-tree-folder-open, .b-icon-tree-expand, .b-icon-tree-collapse { text-align: center; color: var(--b-tree-expander-color); width: var(--b-tree-icon-width); min-width: var(--b-tree-icon-width); } .b-tree-icon { color: var(--b-tree-icon-color); } .b-icon-tree-leaf:before { vertical-align: middle; width: 100%; font-size: var(--b-tree-leaf-icon-font-size); } .b-icon-tree-folder:before, .b-icon-tree-folder-open:before { margin-inline-start: .1em; } :is(.b-icon-tree-expand, .b-icon-tree-collapse).b-empty-parent { visibility: hidden; } :is(.b-icon-tree-expand, .b-icon-tree-collapse):before { font-size: var(--b-tree-expander-icon-font-size); } .b-tree:not(.b-show-tree-lines) .b-tree-cell-inner { padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level)); } .b-tree:not(.b-show-tree-lines) .b-tree-leaf-cell .b-tree-parent-has-icon { padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level) + var(--b-tree-icon-width) + var(--b-tree-cell-gap)); } .b-tree-line { flex-shrink: 0; transition: border-color var(--b-default-transition-duration); border-color: var(--b-tree-line-color); width: var(--b-tree-indent-size); } .b-tree-line::before { content: ""; display: block; border-inline-start-color: inherit; border-inline-start-style: solid; height: 100%; position: relative; border-inline-start-width: var(--b-tree-line-width); inset-inline-start: var(--b-tree-line-offset); } .b-tree-cell-inner { display: flex; align-items: center; flex-shrink: 0; flex-grow: 1; padding-block: 0.5em; } .b-tree-cell-inner.b-text-value { flex-shrink: 1; overflow: hidden; } .b-tree-cell-inner.b-text-value .b-tree-cell-value { display: initial; overflow: hidden; text-overflow: ellipsis; } .b-tree-cell.b-auto-height .b-tree-cell-inner { flex-shrink: 1; } .b-tree-cell.b-auto-height { flex-shrink: 1; } a.b-tree-cell-inner { text-decoration: none; } a.b-tree-cell-inner:hover .b-tree-cell-value { text-decoration: underline; } .b-tree-parent-row .b-grid-cell { font-weight: var(--b-tree-parent-font-weight); --b-grid-cell-color: var(--b-tree-parent-color); } .b-tree-parent-row .b-grid-cell.b-selected, .b-tree-parent-row .b-grid-cell.b-hover { --b-grid-cell-color: var(--b-grid-cell-selected-color); } .b-tree-cell-value { flex: 1; display: flex; align-items: center; gap: var(--b-grid-cell-gap); } .b-touch .b-tree-expander { width: 1.1em; } .b-touch .b-icon-tree-expand:before, .b-touch .b-icon-tree-collapse:before { font-size: 1.8em; } .b-touch .b-icon-tree-leaf:before { font-size: .6em; } .b-touch .b-tree-icon, .b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before { font-size: 1.2em; } :is(.b-grid-row, .b-grid-cell).b-hover, :is(.b-grid-row, .b-grid-cell).b-selected { --b-tree-expander-color: var(--b-tree-expander-row-hover-color); --b-tree-icon-color: var(--b-tree-icon-row-hover-color); } /* ../Grid/lib/Grid/column/WidgetColumn.css */ .b-widget-cell { --b-button-max-height: 80%; } /* ../Grid/lib/Grid/widget/AIFilterField.css */ .b-aifilter-field .b-mask-text { padding: .5em; } .b-aifilter-field-result-popup { --b-primary: var(--b-color-yellow); --b-popup-background: var(--b-primary-95); } /* ../Grid/lib/Grid/widget/ChecklistFilterCombo.css */ .b-checklist-filter-combo-picker.b-panel { padding: 0; --b-panel-padding: 0; --b-list-item-padding: 0.75em var(--b-widget-padding); } .b-checklist-filter-combo-picker.b-panel [data-ref=searchField] { width: 100%; } .b-checklist-filter-combo-picker.b-panel .b-list-item-content { display: flex; } .b-checklist-filter-combo-picker.b-panel .b-checklist-filter-combo-item-text { flex-grow: 1; } .b-checklist-filter-combo-picker.b-panel .b-bottom-toolbar { --b-toolbar-padding: var(--b-widget-padding); } /* lib/Scheduler/column/ResourceCollapseColumn.css */ .b-resource-collapse-cell .b-icon { background: transparent; border: none; transition: rotate 0.2s; cursor: pointer; } .b-resource-collapse-cell .b-icon.b-flip { rotate: 180deg; } /* lib/Scheduler/column/ResourceInfoColumn.css */ :root, :host { --b-resource-info-column-name-font-weight: 600; --b-resource-info-column-role-font-size: 0.8em; --b-resource-info-column-role-color: var(--b-neutral-65); --b-resource-info-column-role-row-hover-color: var(--b-neutral-65); } .b-colorize { --b-resource-info-column-avatar-background-color: var(--b-primary-85); } .b-grid-row { --b-resource-event-color: var(--b-primary); } .b-resource-info { flex: 1; height: 100%; display: grid; grid-template-columns: min-content 1fr; overflow: clip; column-gap: 1em; align-items: center; --b-primary: var(--b-resource-event-color); --b-avatar-background: var(--b-resource-info-column-avatar-background-color); } .b-resource-info div { overflow: clip; text-overflow: ellipsis; } .b-resource-info .b-resource-avatar { grid-column: 1; } .b-resource-info:has(.b-resource-role, .b-resource-events, .b-resource-meta) .b-resource-avatar { grid-row: span 2; } .b-resource-info .b-resource-name { grid-column: 2; align-self: end; font-weight: var(--b-resource-info-column-name-font-weight); } .b-resource-info .b-resource-role, .b-resource-info .b-resource-events, .b-resource-info .b-resource-meta { grid-column: 2; align-self: start; font-size: var(--b-resource-info-column-role-font-size); color: var(--b-resource-info-column-role-color); } .b-resource-info .b-resource-meta { display: flex; align-items: center; gap: 0.5em; } .b-resource-info .b-resource-icon { display: grid; place-items: center; } :is(.b-grid-row, .b-grid-cell).b-selected, :is(.b-grid-row, .b-grid-cell).b-hover { --b-resource-info-column-role-color: var(--b-resource-info-column-role-row-hover-color); } /* lib/Scheduler/column/ScaleColumn.css */ .b-scale-cell { padding-inline: 0 !important; } .b-scale-cell .b-scale { background-color: transparent; font-weight: var(--b-grid-cell-font-weight); } .b-scale-cell .b-scale-tick-label { font-size: 70%; } /* lib/Scheduler/feature/base/ResourceTimeRangesBase.css */ :root, :host { --b-resource-time-range-zindex: 5; --b-resource-time-range-font-size: .85em; --b-resource-time-range-align-items: flex-end; --b-resource-time-range-padding-block: 0.25em; --b-resource-time-range-padding-inline: 0.5em; --b-resource-time-range-background-transparency: 95%; } .b-resource-time-range-canvas { z-index: var(--b-resource-time-range-zindex); } .b-sch-canvas.b-interactive .b-sch-resource-time-range { pointer-events: auto; } .b-sch-resource-time-range { display: flex; position: absolute; inset-inline-start: 0; justify-content: center; align-items: center; user-select: none; -webkit-user-select: none; opacity: 1; --b-primary: var(--b-secondary); --b-sch-event-padding-block: var(--b-resource-time-range-padding-block); --b-sch-event-padding-inline: var(--b-resource-time-range-padding-inline); --b-resource-time-range-background: color-mix(in srgb, var(--b-primary), transparent var(--b-resource-time-range-background-transparency)); --b-resource-time-range-color: var(--b-primary); background: var(--b-resource-time-range-background); color: var(--b-resource-time-range-color); transition: var(--b-sch-event-transition); } .b-sch-resource-time-range [data-task-feature] { display: flex; height: 100%; align-items: center; font-size: var(--b-resource-time-range-font-size); } .b-animating .b-sch-resource-time-range { transition: var(--b-sch-event-animating-transition); } .b-sch-resource-time-range.b-removing { transition: opacity .3s; opacity: 0; } .b-sch-resource-time-range.b-remove-remove, .b-sch-resource-time-range.b-toggle-remove { transition: opacity .2s; opacity: 0; } .b-sch-resource-time-range.b-toggle-add { animation: b-anim-toggle-add .3s !important; } .b-sch-resource-time-range .b-sch-event-content { align-items: var(--b-resource-time-range-align-items); } /* lib/Scheduler/feature/ColumnLines.css */ :root, :host { --b-column-lines-zindex: 2; --b-column-lines-tick-style: solid; --b-column-lines-major-style: solid; --b-column-lines-tick-color: var(--b-neutral-95); --b-column-lines-major-color: var(--b-grid-cell-border-color); --b-column-lines-resource-color: var(--b-grid-cell-border-color); } .b-column-lines-canvas { z-index: var(--b-column-lines-zindex); } .b-column-line, .b-column-line-major { height: 100%; position: absolute; border-inline-start-width: 1px; } .b-theme-transition :is(.b-column-line, .b-column-line-major) { transition: border-color var(--b-default-transition-duration); } .b-column-line { border-color: var(--b-column-lines-tick-color); border-inline-start-style: var(--b-column-lines-tick-style); } .b-column-line-major { z-index: 1; border-color: var(--b-column-lines-major-color); border-inline-start-style: var(--b-column-lines-major-style); } .b-resource-column-line { border-color: var(--b-column-lines-resource-color); } .b-sch-vertical .b-column-line:not(.b-resource-column-line), .b-sch-vertical .b-column-line-major { height: auto; width: 100%; position: absolute; border-inline-start: none; border-top-width: 1px; border-top-style: var(--b-column-lines-tick-style); } .b-sch-vertical .b-resource-group-divider { border-color: var(--b-grid-header-border-color); } /* lib/Scheduler/feature/Dependencies.css */ :root, :host { --b-dependency-zindex: 5; --b-dependency-stroke-width: 1; --b-dependency-hover-stroke-width: 2; --b-dependency-tooltip-terminal-size: .35em; --b-dependency-color: var(--b-border-5); --b-dependency-selected-color: var(--b-color-red); } .b-internal { --b-dependency-marker: null; } .b-sch-dependencies-canvas { --bi-dependency-marker: url(#arrowEnd); contain: unset; overflow: visible; z-index: var(--b-dependency-zindex); } .b-sch-dependency-arrow { fill: var(--b-dependency-color); fill: context-stroke; } .b-sch-dependency { pointer-events: visibleStroke; fill: transparent; transition: stroke-width .2s linear, stroke .2s linear; stroke: var(--b-dependency-color); stroke-width: var(--b-dependency-stroke-width); } .b-sch-dependency.b-sch-dependency-over { stroke-dasharray: 0; --b-dependency-stroke-width: var(--b-dependency-hover-stroke-width); } .b-sch-dependency.b-sch-released { display: none; } .b-sch-dependency.b-click-area { stroke: transparent; stroke-dasharray: none !important; marker-end: none; } .b-sch-dependency { marker-end: var(--b-dependency-marker); } .b-sch-dependency.b-sch-bidirectional-line { marker-start: var(--b-dependency-marker); } .b-sch-dependency.b-sch-dependency-markerless { marker-end: none; } .b-sch-dependency-tooltip { display: grid; grid-template-columns: auto auto auto; grid-column-gap: .5em; align-items: center; } .b-sch-dependency-tooltip label { font-size: .8em; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box { width: 1em; height: .8em; border-radius: 2px; display: none; position: relative; background: var(--b-dependency-tooltip-event-background, var(--b-primary-85)); } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom { display: block; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box:after { content: ""; border-radius: 50%; position: absolute; background-color: var(--b-dependency-tooltip-terminal-color, var(--b-primary-50)); width: var(--b-dependency-tooltip-terminal-size); height: var(--b-dependency-tooltip-terminal-size); } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end:after, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right:after { inset-inline-end: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); top: 50%; translate: 0 -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start:after, :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left:after { inset-inline-start: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); top: 50%; translate: 0 -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top:after { top: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); inset-inline-start: 50%; translate: -50%; } :is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom:after { bottom: calc(-0.5 * var(--b-dependency-tooltip-terminal-size)); inset-inline-start: 50%; translate: -50%; } .b-sch-dependency:not(.b-click-area).b-selected { stroke: var(--b-dependency-selected-color); stroke-width: 2; } .b-sch-dependency-remove-icon { position: absolute; height: 1em; width: 1em; display: flex; translate: -50% -50%; pointer-events: all; cursor: pointer; z-index: 1000; animation: b-anim-show-dependency-remove-icon .2s ease-in-out 1; font-size: 1.1em; color: var(--b-dependency-selected-color); } .b-sch-dependency-remove-icon:before { border-radius: 50%; background: radial-gradient( circle, #fff 0%, #fff 60%, transparent 60%, transparent 100%); } .b-sch-dependency-remove-icon.b-removing { animation: b-anim-hide-dependency-remove-icon .15s linear 1; } :is(.b-sch-event, .b-gantt-task).b-sch-terminals-visible { z-index: 2; } @keyframes b-anim-show-dependency-remove-icon { 0% { scale: 0; opacity: 0; } 100% { scale: 1; opacity: 1; } } @keyframes b-anim-hide-dependency-remove-icon { 0% { scale: 1; opacity: 1; } 100% { scale: 0; opacity: 0; } } /* lib/Scheduler/feature/EventCopyPaste.css */ .b-sch-event.b-cut-item { opacity: .4; } /* lib/Scheduler/feature/EventDragCreate.css */ .b-timeline-base.b-drag-creating { user-select: none; -webkit-user-select: none; } .b-timeline-base.b-drag-creating .b-sch-time-axis-cell, .b-timeline-base.b-drag-creating .b-sch-event-wrap, .b-timeline-base.b-drag-creating .b-gantt-task-wrap { pointer-events: none; } .b-timeline-base.b-drag-creating * { transition: none; } .b-sch-drag-creating.b-too-narrow { opacity: 0.25; } /* lib/Scheduler/feature/EventDragSelect.css */ :root, :host { --b-event-drag-select-border-width: 1px; --b-event-drag-select-border-style: dashed; --b-event-drag-select-border-radius: var(--b-widget-border-radius); --b-event-drag-select-border-color: var(--b-neutral-50); } .b-drag-select-rect { position: absolute; left: 0; top: 0; transform-origin: 0 0; pointer-events: none; z-index: 100; border: var(--b-event-drag-select-border-width) var(--b-event-drag-select-border-style) var(--b-event-drag-select-border-color); border-radius: var(--b-event-drag-select-border-radius); } /* lib/Scheduler/feature/EventEdit.css */ .b-event-editor { width: 28em; } .b-event-editor.b-collapsed .b-panel-collapse-revealer { display: none; } .b-event-editor [data-ref=saveButton], .b-event-editor [data-ref=cancelButton], .b-event-editor [data-ref=deleteButton] { min-width: 5.5em; } .b-event-editor-content { grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr); align-items: end; } .b-event-editor-content .b-widget { grid-column: span 2; } .b-event-editor-content [data-ref=startDateField], .b-event-editor-content [data-ref=endDateField] { grid-column: span 1; min-width: 10em; } .b-event-editor-content [data-ref=startTimeField], .b-event-editor-content [data-ref=endTimeField] { grid-column: span 1; min-width: 12em; } /* lib/Scheduler/feature/EventNonWorkingTime.css */ :root, :host { --b-event-non-working-time-opacity: 0.7; } .b-timeline-base .b-sch-event-wrap .b-sch-non-working-time { z-index: 0; --b-time-range-opacity: var(--b-event-non-working-time-opacity); } .b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-non-working-time { display: none; } .b-animating .b-sch-event-wrap .b-sch-time-range { transition: none; } .b-sch-vertical .b-sch-event-wrap .b-sch-non-working-time { inset-inline-start: 0; } /* lib/Scheduler/feature/EventTooltip.css */ .b-sch-event-tooltip { --b-tooltip-text-gap: 0.5em; } /* lib/Scheduler/feature/GroupSummary.css */ .b-time-axis-group-summary { display: flex; flex-direction: row; width: 100%; height: 100%; } .b-time-axis-group-summary .b-time-axis-tick { display: flex; flex-direction: column; align-items: stretch; justify-content: center; } .b-time-axis-group-summary .b-time-axis-summary-value { text-align: center; } /* lib/Scheduler/feature/Labels.css */ :root, :host { --b-event-label-font-size: .9em; --b-event-label-font-weight: var(--b-sch-event-font-weight); --b-event-label-gap: 0.5em; --b-event-label-color: var(--b-sch-event-color); --b-selected-event-label-color: var(--b-sch-event-color); --b-event-label-background: null; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label { text-align: center; white-space: nowrap; z-index: 1; min-width: 1em; pointer-events: all; user-select: none; -webkit-user-select: none; background: var(--b-event-label-background); color: var(--b-event-label-color); font-size: var(--b-event-label-font-size); font-weight: var(--b-event-label-font-weight); } :is(.b-sch-event-wrap, .b-gantt-task-wrap).b-sch-event-selected .b-sch-label { --b-event-label-color: var(--b-selected-event-label-color); } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-top { grid-area: top; justify-self: center; margin-bottom: .2em; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-bottom { grid-area: bottom; justify-self: center; margin-top: .2em; } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-before { grid-area: before; align-self: center; justify-self: end; margin-inline-end: var(--b-event-label-gap); } :is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-after { grid-area: after; align-self: center; justify-self: start; margin-inline-start: var(--b-event-label-gap); } .b-sch-event-wrap.b-measure-label { height: 1em; position: fixed; top: -10000px; inset-inline-start: -10000px; visibility: hidden; } .b-sch-event-wrap.b-measure-label label { padding-inline-start: var(--b-event-label-gap); grid-area: none; } .b-sch-label-editor { background: var(--b-neutral-100); } /* lib/Scheduler/feature/mixin/DependencyCreation.css */ :root, :host { --b-dependency-terminal-size: 14px; --b-dependency-terminal-offset: -4px; --b-dependency-terminal-z-index: calc(var(--b-event-resize-handle-zindex) + 1); --b-dependency-terminal-border-width: 1px; --b-dependency-terminal-border-style: solid; --b-dependency-terminal-border-color: inherit; --b-dependency-valid-color: var(--b-color-green); --b-dependency-invalid-color: var(--b-color-red); --b-dependency-tooltip-valid-header-color: var(--b-dependency-valid-color); --b-dependency-tooltip-valid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-valid-header-color), var(--b-mix) 90%); --b-dependency-tooltip-invalid-header-color: var(--b-dependency-invalid-color); --b-dependency-tooltip-invalid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-invalid-header-color), var(--b-mix) 90%); } .b-dependencies .b-sch-event-wrap.b-hover { z-index: calc(var(--b-events-zindex) + 101); } .b-dependencies .b-sch-event.b-sch-terminals-visible, .b-dependencies .b-gantt-task.b-sch-terminals-visible { overflow: visible; } .b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency { opacity: .3; } :is(.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency).b-highlight { opacity: 1; } .b-dependencies.b-highlighting .b-sch-resource-time-range { opacity: .3; } .b-sch-terminals-visible .b-sch-terminal { border-color: var(--b-dependency-terminal-border-color, inherit); } .b-sch-terminal { border-style: var(--b-dependency-terminal-border-style); border-radius: 50%; position: absolute; cursor: pointer; background-color: var(--b-dependency-terminal-color, var(--b-primary-100)); border-width: var(--b-dependency-terminal-border-width); height: var(--b-dependency-terminal-size); width: var(--b-dependency-terminal-size); z-index: var(--b-dependency-terminal-z-index); --bi-terminal-start-end-offset: 80%; } @media (pointer : coarse) { .b-sch-terminal { --bi-terminal-start-end-offset: 115%; } .b-sch-terminal::after { content: ""; height: calc(var(--b-dependency-terminal-size) * 2); width: calc(var(--b-dependency-terminal-size) * 2); border-radius: 50%; position: absolute; transform: translate(calc(var(--b-dependency-terminal-size) * -0.5 - 1), calc(var(--b-dependency-terminal-size) * -0.5 - 1)); } } .b-sch-terminal.b-sch-terminal:hover { --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90)); } .b-dragging .b-sch-terminal, .b-sch-event-resizing .b-sch-terminal { display: none; } .b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active { --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90)); } :is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-valid { --b-dependency-terminal-border-color: var(--b-dependency-valid-color); --b-dependency-terminal-color: var(--b-dependency-terminal-valid-color, color-mix(in oklab, var(--b-color-green), var(--b-mix) 70%)); } :is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-invalid { --b-dependency-terminal-border-color: var(--b-dependency-invalid-color); --b-dependency-terminal-color: var(--b-dependency-terminal-invalid-color, color-mix(in oklab, var(--b-color-red), var(--b-mix) 70%)); } .b-creating-dependency * { touch-action: none; } .b-sch-terminal-top { top: var(--b-dependency-terminal-offset); inset-inline-start: 50%; translate: -50% -80%; } .b-sch-terminal-bottom { bottom: var(--b-dependency-terminal-offset); inset-inline-start: 50%; translate: -50% 80%; } .b-sch-terminal-start { inset-inline-start: var(--b-dependency-terminal-offset); top: 50%; translate: calc((var(--bi-terminal-start-end-offset) * -1) * var(--b-rtl-negate)) -50%; } .b-sch-terminal-end { inset-inline-end: var(--b-dependency-terminal-offset); top: 50%; translate: calc(var(--bi-terminal-start-end-offset) * var(--b-rtl-negate)) -50%; } .b-sch-terminal-hover-area { grid-area: body; width: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8); height: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8); justify-self: center; align-self: center; } .b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-start) { translate: calc(-0.35em * var(--b-rtl-negate)) -50%; } .b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-end) { translate: calc(0.35em * var(--b-rtl-negate)) -50%; } .b-sch-dependency-connector { position: absolute; contain: strict; border-top: 2px dashed var(--b-dependency-color); z-index: 10; transform-origin: 0 0; pointer-events: none; } .b-sch-dependency-connector.b-removing { transition: width 0.2s ease-out; } .b-sch-dependency-connector.b-valid { border-color: var(--b-dependency-valid-color); border-top-style: solid; } .b-sch-dependency-creation-tooltip { --b-panel-header-font-size: 0.8em; --b-panel-with-header-padding: 1em; --b-panel-header-gap: .5em; } .b-sch-dependency-creation-tooltip.b-popup { max-width: none; } .b-sch-dependency-creation-tooltip .b-popup-header { padding: 0.25em; color: var(--b-dependency-tooltip-valid-header-color); background: var(--b-dependency-tooltip-valid-header-background); } .b-safari :is(.b-sch-dependency-creation-tooltip .b-popup-header), .b-firefox :is(.b-sch-dependency-creation-tooltip .b-popup-header) { width: 1.5em; } .b-sch-dependency-creation-tooltip .b-popup-header i { rotate: 90deg; } .b-sch-dependency-creation-tooltip .b-header-title { justify-content: center; } .b-sch-dependency-creation-tooltip.b-invalid .b-popup-header { color: var(--b-dependency-tooltip-invalid-header-color); background: var(--b-dependency-tooltip-invalid-header-background); } .b-sch-dependency-creation-tooltip.b-checking .b-popup-header { background-color: var(--b-neutral-50); } /* lib/Scheduler/feature/mixin/DependencyTooltip.css */ :root, :host { --b-dependency-tooltip-label-font-size: .8em; } .b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip { --b-tooltip-content-display: grid; --b-tooltip-align-items: center; } :is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content { grid-template-columns: auto auto auto; } :is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content label { font-size: var(--b-dependency-tooltip-label-font-size); } /* lib/Scheduler/feature/mixin/HeaderDragSelect.css */ .b-colorize { --b-header-drag-select-background: color-mix(in srgb, var(--b-primary), transparent 70%); } .b-header-drag-selection-rect { position: absolute; left: 0; top: 0; height: 100%; transform-origin: 0 0; pointer-events: none; z-index: 100; background: var(--b-header-drag-select-background); } /* lib/Scheduler/feature/Pan.css */ .b-pan .b-timeline-sub-grid { cursor: all-scroll; } /* lib/Scheduler/feature/ScheduleContext.css */ :root, :host { --b-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color); --b-tick-cell-focused-outline-offset: -2px; --b-tick-cell-focused-outline-width: 1px; --b-active-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color); --b-active-tick-cell-focused-outline-offset: -2px; --b-active-tick-cell-focused-outline-width: var(--b-grid-cell-focused-outline-width); } .b-schedule-selected-tick { position: absolute; justify-content: center; overflow: hidden; z-index: 7; } .b-schedule-selected-tick.b-widget, .b-schedule-selected-tick .b-contains-widget { z-index: 7; box-shadow: none; } .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) { pointer-events: none; } .b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) { outline: var(--b-tick-cell-focused-outline-width) solid var(--b-tick-cell-focused-outline-color); outline-offset: var(--b-tick-cell-focused-outline-offset); } .b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget).b-active-tick { --b-tick-cell-focused-outline-width: var(--b-active-tick-cell-focused-outline-width); --b-active-tick-cell-focused-outline-offset: var(--b-active-tick-cell-focused-outline-offset); } /* lib/Scheduler/feature/ScheduleTooltip.css */ .b-sch-hover-tip-msg { margin-top: .5em; } /* lib/Scheduler/feature/ScrollButtons.css */ :root, :host { --b-scroll-button-border-radius: var(--b-widget-border-radius); --b-scroll-button-border-width: 1px; --b-scroll-button-color: var(--b-text-4); --b-scroll-button-background: var(--b-neutral-98); --b-scroll-button-hover-color: var(--b-text-3); --b-scroll-button-font-size: .9em; --b-scroll-buttons-zindex: 9; } .b-scroll-buttons-canvas { z-index: var(--b-scroll-buttons-zindex); contain: none; overflow: visible; } .b-scroll-buttons-container { position: absolute; display: flex; width: 100%; pointer-events: none; align-items: center; } .b-scroll-button-wrap { position: sticky; display: flex; flex-direction: row; align-items: baseline; justify-content: center; gap: .5em; padding: 0.1em 0.5em; pointer-events: all; cursor: pointer; transition: color .2s, background-color .2s; min-width: 3.1em; background: var(--b-scroll-button-background); border: var(--b-scroll-button-border-width) solid var(--b-scroll-button-color); border-radius: var(--b-scroll-button-border-radius); color: var(--b-scroll-button-color); font-size: var(--b-scroll-button-font-size); } .b-scroll-button-wrap:hover { --b-scroll-button-color: var(--b-scroll-button-hover-color); } .b-scroll-button-wrap.b-scroll-backward { inset-inline-start: 1em; } .b-scroll-button-wrap.b-scroll-forward { margin-inline-start: auto; inset-inline-end: 1em; } /* lib/Scheduler/feature/SimpleEventEdit.css */ .b-simple-event-editor { --b-simple-event-edit-editor-background: var(--b-primary-100); } .b-simple-event-editor { border-radius: inherit; z-index: 15; --b-widget-floating-box-shadow: none; } .b-simple-event-editor.b-target-has-border .b-field { --b-text-field-border-width: 0; } .b-simple-event-editor .b-field { --b-text-field-background: var(--b-simple-event-edit-editor-background); align-items: stretch; } .b-simple-event-editor .b-field-inner { border-radius: inherit; } .b-sch-horizontal .b-simple-event-editor .b-field { height: 100%; } /* lib/Scheduler/feature/StickyEvents.css */ .b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range { --b-sch-event-content-width: auto; } :is(.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range) .b-sch-event-content { position: sticky; inset-inline-start: var(--b-sch-event-padding-inline); } .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range { justify-content: flex-start; } .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range > div { overflow: clip; width: 100%; } .b-firefox.b-sticky-events.b-sch-horizontal .b-sch-foreground-canvas { contain: none; } .b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range { --b-sch-event-content-height: auto; } :is(.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range) .b-sch-event { align-items: flex-start; } /* lib/Scheduler/feature/TickCells.css */ .b-sch-tick-cell { position: absolute; contain: strict; display: grid; align-items: center; justify-content: center; pointer-events: all; font-size: 1em; } /* lib/Scheduler/feature/TimeAxisHeaderMenu.css */ .b-sch-time-axis-menu-date-range-popup { width: 22em; } .b-sch-time-axis-menu-date-range-popup .b-popup-content { grid-template-columns: auto 1fr auto; } /* lib/Scheduler/feature/TimelineSummary.css */ :root, :host { --b-time-axis-footer-cell-border-color: var(--b-grid-cell-border-color); } .b-sch-summary-bar { padding: 0; flex-direction: row; justify-content: flex-start; flex-grow: unset !important; } .b-sch-summary-bar .b-time-axis-tick { display: flex; flex-direction: column; text-align: center; overflow: hidden; justify-content: center; align-items: stretch; } .b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick { padding: .5em 0; } .b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick:not(:last-child) { border-inline-end: 1px solid var(--b-time-axis-footer-cell-border-color); } .b-sch-vertical .b-sch-summary-bar { flex-direction: column; align-items: stretch; gap: 0; } .b-sch-vertical .b-sch-summary-bar .b-time-axis-tick { padding: 0 0.5em; } .b-time-axis-summary-tip { display: flex; flex-direction: row; flex-wrap: wrap; } .b-time-axis-summary-tip header { width: 100%; text-align: center; font-weight: 700; margin-bottom: 1em; } .b-time-axis-summary-tip label { flex: 1 1 50%; } .b-time-axis-summary-tip .b-time-axis-summary-value { flex: 0 0 auto; } /* lib/Scheduler/feature/TimeRanges.css */ :root, :host { --b-time-range-range-zindex: 4; --b-time-range-line-zindex: 10; --b-time-range-header-gap: 0.5em; --b-time-range-header-font-size: 0.9em; --b-time-range-header-font-weight: 500; --b-time-range-label-offset: 0.5em; --b-time-range-label-font-size: 0.7em; --b-time-range-opacity: 0.5; --b-time-range-line-header-border-radius: 0.25em; --b-time-range-line-header-padding-inline: 0.5em; --b-time-range-line-width: 2px; --b-time-range-line-style: solid; --b-time-range-line-opacity: 1; --b-time-range-line-label-border-radius: var(--b-widget-border-radius); --b-time-range-line-label-padding: 0.5em; --b-time-range-line-label-font-size: 0.7em; --b-time-range-line-label-offset: var(--b-time-range-label-offset); --b-time-range-color: #fff; --b-time-range-background: var(--b-neutral-95); --b-time-range-line-primary: var(--b-color-amber); --b-time-range-line-label-color: #fff; --b-current-time-color: var(--b-color-deep-orange); } .b-colorize { --b-time-range-header-background: var(--b-primary-75); --b-time-range-line-color: var(--b-primary-50); --b-time-range-line-header-background: var(--b-time-range-line-color); --b-time-range-line-label-background: var(--b-time-range-line-color); } .b-time-ranges-canvas { display: contents; } .b-sch-time-range { position: absolute; z-index: var(--b-time-range-range-zindex); transition: var(--b-sch-event-transition, var(--b-gantt-task-transition)); } .b-animating .b-sch-time-range { transition: var(--b-sch-event-animating-transition, var(--b-gantt-task-animating-transition)); } .b-sch-line { margin-inline-start: -1px; } .b-time-ranges-header-canvas .b-sch-time-range { display: flex; align-items: center; justify-content: center; bottom: 0; background: var(--b-time-range-header-background); color: var(--b-time-range-color); font-weight: var(--b-time-range-header-font-weight); height: calc(100% / var(--bi-header-levels)); gap: var(--b-time-range-header-gap); } .b-time-ranges-header-canvas .b-sch-time-range label { white-space: nowrap; font-size: var(--b-time-range-header-font-size); font-weight: var(--b-time-range-header-font-weight); } .b-time-ranges-header-canvas .b-sch-time-range.b-dragging { opacity: 1; } .b-time-ranges-header-canvas .b-sch-line { --b-primary: var(--b-time-range-line-primary); --b-time-range-header-background: var(--b-time-range-line-header-background); } .b-time-ranges-header-canvas .b-sch-current-time { z-index: calc(var(--b-time-range-range-zindex) + 1); --b-primary: var(--b-current-time-color); } .b-time-ranges-body-canvas { display: contents; } .b-timeline-sub-grid .b-sch-time-range { inset-block: 0; background: var(--b-time-range-background); opacity: var(--b-time-range-opacity); } .b-timeline-sub-grid .b-sch-time-range label { position: relative; font-size: var(--b-time-range-label-font-size); font-weight: var(--b-time-range-header-font-weight); } .b-timeline-sub-grid .b-sch-time-range:not(.b-sch-line) { display: flex; justify-content: center; } .b-timeline-sub-grid .b-narrow-range label { writing-mode: tb; inset-inline-start: var(--b-time-range-label-offset); } .b-timeline-sub-grid .b-sch-line { --b-primary: var(--b-time-range-line-primary); width: 0; overflow: visible; border-inline-start: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color); z-index: var(--b-time-range-line-zindex); opacity: var(--b-time-range-line-opacity); --b-time-range-label-font-size: var(--b-time-range-line-label-font-size); } .b-timeline-sub-grid .b-sch-line:before { display: none; } .b-timeline-sub-grid .b-sch-line label { width: fit-content; white-space: nowrap; color: var(--b-time-range-line-label-color); background: var(--b-time-range-line-label-background); border-start-end-radius: var(--b-time-range-line-label-border-radius); border-end-end-radius: var(--b-time-range-line-label-border-radius); inset-block-start: var(--b-time-range-line-label-offset); padding: var(--b-time-range-line-label-padding); } .b-timeline-sub-grid .b-sch-current-time { --b-primary: var(--b-current-time-color); } .b-timeline-base:not(.b-sch-vertical) .b-time-ranges-header-canvas .b-sch-line { padding-inline: var(--b-time-range-line-header-padding-inline); border-start-end-radius: var(--b-time-range-line-header-border-radius); border-end-end-radius: var(--b-time-range-line-header-border-radius); } .b-sch-vertical .b-time-ranges-header-canvas .b-sch-line { padding-block: var(--b-time-range-line-header-padding-inline); border-start-start-radius: var(--b-time-range-line-header-border-radius); border-end-start-radius: var(--b-time-range-line-header-border-radius); } .b-sch-vertical .b-sch-time-range { inset-inline-start: auto; inset-block-start: 0; justify-content: flex-start; bottom: auto; } .b-sch-vertical .b-sch-time-range label { writing-mode: vertical-lr; -ms-writing-mode: tb-lr; rotate: 180deg; } .b-sch-vertical .b-sch-time-range.b-over-resize-handle { cursor: ns-resize; } .b-sch-vertical .b-timeline-sub-grid .b-sch-time-range { height: auto; width: inherit; } .b-sch-vertical .b-timeline-sub-grid .b-sch-line { border-top: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color); color: #fff; padding: 0; height: 1px; } .b-sch-vertical .b-timeline-sub-grid .b-sch-line label { border-radius: 0; border-start-start-radius: var(--b-time-range-line-label-border-radius); border-end-start-radius: var(--b-time-range-line-label-border-radius); } .b-sch-vertical .b-grid-sub-grid-locked .b-sch-time-range { flex-direction: column; justify-content: center; inset-inline-end: 0; width: 2em; } .b-interaction-tooltip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } /* lib/Scheduler/feature/NonWorkingTime.css */ :root, :host { --b-non-working-time-zindex: 3; --b-non-working-time-opacity: 0.4; --b-non-working-time-background: var(--b-neutral-95); } .b-colorize { --b-non-working-time-header-background: color-mix(in oklab, var(--b-color-red), transparent 95%); } .b-timeline-base.b-widget .b-sch-non-working-time { --b-time-range-header-background: var(--b-non-working-time-header-background); --b-time-range-background: var(--b-non-working-time-background); --b-time-range-opacity: var(--b-non-working-time-opacity); --b-time-range-range-zindex: var(--b-non-working-time-zindex); } .b-time-ranges-header-canvas .b-sch-non-working-time { pointer-events: none; } /* lib/Scheduler/feature/TimeSelection.css */ :root, :host { --b-time-selection-opacity: 0.2; } .b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span { color: #fff; justify-content: space-between; padding: 0.4em; opacity: 1; line-height: 1em; background: var(--b-time-selection-header-background, var(--b-primary-60)); } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) span { white-space: nowrap; overflow: hidden; } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-start, :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-end { align-self: flex-end; } :is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-icon-close { position: absolute; top: 0.2em; inset-inline-end: 0.4em; cursor: pointer; } .b-sch-time-axis-column .b-selected-time-span { font-size: 0.7em; } .b-vertical-time-axis-column .b-selected-time-span { width: calc(100% - 2em); } .b-vertical-time-axis-column .b-selected-time-span span { font-size: 0.7em; } .b-vertical-time-axis-column .b-selected-time-span .b-icon-close { inset-inline-start: 0.4em; } :is(.b-grid-header, .b-timeline-sub-grid, .b-vertical-time-axis-column) .b-selected-time-span { transition: none; z-index: 10; } .b-timeline-sub-grid .b-selected-time-span { --b-time-range-background: var(--b-time-selection-background, var(--b-primary-85)); --b-time-range-opacity: var(--b-time-selection-opacity); } /* lib/Scheduler/feature/TreeSummary.css */ :root, :host { --b-tree-summary-zindex: 4; } .b-tree-summary .b-tick-cell-canvas { z-index: var(--b-tree-summary-zindex); } .b-sch-tick-summary-cell { display: flex; position: absolute; contain: strict; pointer-events: all; } .b-animating .b-sch-tick-summary-cell { transition: top var(--b-grid-row-transition-duration); } .b-tree-summary-cell { display: flex; flex: 1; justify-content: center; align-items: center; font-weight: 400; } .b-tree-summary-cell:empty { visibility: hidden; } /* lib/Scheduler/tooltip/ClockTemplate.css */ :root, :host { --b-clock-size: 1.5em; --b-clock-hand-width: 3; } .b-sch-clock-wrap svg { width: var(--b-clock-size); height: var(--b-clock-size); } .b-sch-clock-wrap circle { stroke: var(--b-clock-hand-color, var(--b-primary-30)); stroke-width: var(--b-clock-hand-width); fill: var(--b-clock-dial-background, var(--b-primary-95)); } .b-sch-clock-wrap line { stroke: var(--b-clock-hand-color, var(--b-primary-30)); stroke-width: var(--b-clock-hand-width); transform-origin: center; } .b-sch-clock-wrap line.b-hour-hand { rotate: calc(var(--bi-sch-clock-hour, 0) * 30deg); } .b-sch-clock-wrap line.b-minute-hand { rotate: calc(var(--bi-sch-clock-minute, 0) * 6deg); } .b-sch-clock-text { white-space: nowrap; } .b-sch-clock-wrap, .b-sch-date-wrap { display: flex; gap: 0.5em; align-items: center; } .b-sch-date { overflow: clip; background: color-mix(in srgb, var(--b-primary), transparent 90%); border-radius: .25em; } .b-sch-date-month { font-size: .6em; background: color-mix(in srgb, var(--b-primary), transparent 70%); width: 3em; text-align: center; } .b-sch-date-date { font-size: .8em; text-align: center; } /* lib/Scheduler/view/HorizontalTimeAxis.css */ :root, :host { --b-horizontal-time-axis-border-width: var(--b-grid-header-border-width); --b-horizontal-time-axis-cell-padding-inline: var(--b-sch-event-padding-inline, var(--b-gantt-task-padding-inline)); --b-horizontal-time-axis-cell-padding-block: 0; --b-horizontal-time-axis-lowest-font-size: .9em; } .b-no-column-lines { --b-horizontal-time-axis-border-width: 0; } .b-sch-time-axis-column.b-grid-header.b-depth-0 { --b-grid-header-padding: 0; } .b-sch-time-axis-column.b-grid-header.b-depth-0:hover { background: var(--b-grid-header-background); color: var(--b-grid-header-color); } .b-timeline-base:not(.b-sch-vertical) .b-sch-time-axis-column.b-grid-header.b-depth-0 { border-block-end: none; } .b-horizontal-time-axis { flex-direction: column; flex: 1 0 100%; user-select: none; -webkit-user-select: none; overflow: clip; } .b-sch-header-row { position: relative; flex: 1 0 2em; contain: strict; overflow: clip; } .b-sch-header-row.b-sch-header-row-0.b-lowest { flex: 1; } .b-sch-header-row.b-sticky-header .b-sch-header-text { position: sticky; inset-inline-start: var(--b-horizontal-time-axis-cell-padding-inline); } .b-sch-header-time-axis-cell { display: flex; align-items: center; justify-content: center; position: absolute; inset-block: 0; cursor: pointer; overflow: clip; white-space: nowrap; contain: strict; transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-block-end: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color); border-inline-start: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); } .b-sch-header-time-axis-cell.fa { display: flex; font-weight: var(--b-grid-header-font-weight); } .b-sch-header-time-axis-cell.b-align-start { justify-content: flex-start; padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b-sch-header-time-axis-cell.b-align-end { justify-content: flex-end; } .b-horizontal-time-axis .b-sch-header-time-axis-cell:hover { background: var(--b-grid-header-hover-background); color: var(--b-grid-header-hover-color); } .b-sch-header-time-axis-cell.b-last .b-sch-header-text { overflow: hidden; } .b-lowest > .b-sch-header-time-axis-cell { border-block-end-width: var(--b-grid-header-container-border-width); font-size: var(--b-horizontal-time-axis-lowest-font-size); } .b--grid-header-container .b-sch-time-axis-column { flex-grow: unset !important; background: var(--b-grid-header-background); border-inline-end: 0 none; } .b--sch-timeaxiscolumn-levels-1 { min-height: 1.5em; } .b--sch-timeaxiscolumn-levels-2 { min-height: 3em; } .b--sch-timeaxiscolumn-levels-3 { min-height: 4.5em; } .b--sch-header-time-axis-cell { padding-block: var(--b-horizontal-time-axis-cell-padding-block); } :is(.b--sch-header-time-axis-cell.b-align-start, .b--sch-header-time-axis-cell.b-align-end) .b-sch-header-text { padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b--sch-header-time-axis-cell.b-align-start { justify-content: flex-start; } .b--sch-header-time-axis-cell.b-align-end { justify-content: flex-end; } .b--schedulerbase.b-fill-last-column .b-sch-time-axis-column:last-child { border-inline-end-color: var(--b-grid-header-border-color); } .b--sch-header-time-axis-cell[data-tick-index="0"] { border-inline-start: 0; } .b--timelinebase:not(.b-sch-vertical) .b-grid-header-container { border-bottom: 0; } .b--timelinebase:not(.b-sch-vertical) .b-header:not(.b-grid-header-scroller-normal) .b-grid-headers, .b--timelinebase:not(.b-sch-vertical) .b-horizontal-time-axis { border-bottom: 1px solid var(--b-grid-header-border-color); } /* lib/Scheduler/view/mixin/SchedulerEventRendering.css */ :root, :host { --b-sch-event-font-weight: 400; --b-sch-event-padding-inline: var(--b-widget-padding); --b-sch-event-padding-block: 0em; --b-sch-event-transition: border var(--b-default-transition-duration), border-radius var(--b-default-transition-duration), color var(--b-default-transition-duration), padding var(--b-default-transition-duration), opacity var(--b-default-transition-duration); --b-sch-event-animating-transition: border var(--b-default-transition-duration), border-radius var(--b-default-transition-duration), background-color var(--b-default-transition-duration), color var(--b-default-transition-duration), padding var(--b-default-transition-duration), opacity var(--b-default-transition-duration), inset var(--b-default-transition-duration), width var(--b-default-transition-duration), height var(--b-default-transition-duration); --b-sch-event-cursor: pointer; --b-sch-event-opacity: 1; --b-sch-event-border-width: 0px; --b-sch-event-width-reduction: 1px; --b-sch-event-min-size: 6px; --b-sch-event-content-width: 100%; --b-sch-event-content-height: 100%; --b-sch-event-border-radius: null; --b-sch-event-border-style: null; --b-sch-event-box-shadow: null; --b-sch-event-font-size: null; --b-sch-milestone-gap: 0.5em; --b-sch-milestone-border-width: var(--b-sch-event-border-width); --b-sch-event-border-color: var(--b-sch-event-background); } .b-grid-row { --b-resource-event-color: var(--b-primary); } .b-scrolling { --b-sch-event-transition: none; } .b-sch-event-wrap { position: absolute; display: grid; outline: none; contain: layout style; align-items: center; pointer-events: all; z-index: 1; grid-template-areas: "top top top top top" "before start body end after" "bottom bottom bottom bottom bottom"; grid-template-columns: 0 auto 1fr auto 0; grid-template-rows: min-content auto min-content; opacity: var(--b-sch-event-opacity); transition: var(--b-sch-event-transition); } .b-sch-event-wrap:where(:not(.b-milestone-wrap)) { min-width: var(--b-sch-event-min-size); } .b-animating:not(.b-event-buffer-transition, .b-sub-grid-width-transition) .b-sch-event-wrap:not(.b-dragging, .b-sch-event-wrap-resizing, .b-reusing-own) { --b-sch-event-transition: var(--b-sch-event-animating-transition); } .b-sch-event-wrap:hover, .b-sch-event-wrap.b-hover, .b-sch-event-wrap.b-sch-event-wrap-resizing { --b-sch-event-background: var(--b-sch-event-hover-background); } .b-sch-event-wrap.b-selected { --b-sch-event-background: var(--b-sch-event-selected-background); } .b-using-keyboard .b-sch-event-wrap.b-active .b-sch-event { outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color); } .b-sch-event-wrap.b-removing { transition: opacity .3s; opacity: 0; } .b-sch-event-wrap.b-remove-remove, .b-sch-event-wrap.b-toggle-remove { transition: opacity var(--b-default-transition-duration), max-height var(--b-default-transition-duration); opacity: 0; max-height: 0; } .b-sch-event-wrap.b-toggle-add { animation: b-anim-toggle-add .3s !important; } .b-sch-event-wrap.b-sch-vertical { grid-template-areas: "top top top" "above above above" "start start start" "before body after" "end end end" "below below below" "bottom bottom bottom"; grid-template-columns: min-content auto min-content; grid-template-rows: 0 auto auto 1fr auto auto 0; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) { --b-sch-event-padding-inline: 1em; --b-sch-event-padding-block: 1em; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-content { white-space: normal; line-height: normal; align-items: flex-start; } .b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-narrow .b-sch-event-content { flex-direction: column; align-items: center; } .b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap { white-space: nowrap; writing-mode: vertical-rl; } .b-grid-body-container.b-scrolling .b-sch-event-wrap { pointer-events: none; } .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-hover, .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-selected, .b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap:focus { z-index: 100 !important; } .b-sch-vertical.b-event-layout-mixed .b-sch-event-wrap:focus { z-index: 100 !important; } .b-sch-event-wrap:where(:not(.b-sch-vertical)) { max-height: calc(var(--b-event-size) * 1px); } @keyframes b-anim-toggle-add { 0% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: calc(var(--b-event-size) * 1px); } } .b-sch-event { display: flex; align-items: center; white-space: nowrap; grid-area: body; position: relative; min-height: 0; height: 100%; opacity: 1; z-index: 1; transition: opacity var(--b-default-transition-duration); border-color: var(--b-sch-event-border-color); min-width: var(--b-sch-event-min-size); width: calc(100% - var(--b-sch-event-width-reduction)); } .b-sch-event:where(:not(.b-milestone)), .b-sch-event.b-wide-milestone, .b-sch-event.b-milestone .b-sch-event-content::before { border-width: var(--b-sch-event-border-width); border-style: var(--b-sch-event-border-style); box-shadow: var(--b-sch-event-box-shadow); color: var(--b-sch-event-color); cursor: var(--b-sch-event-cursor); font-weight: var(--b-sch-event-font-weight); transition: var(--b-sch-event-transition); } .b-sch-event:where(:not(.b-milestone)), .b-sch-event.b-milestone .b-sch-event-content::before { border-radius: var(--b-sch-event-border-radius); } .b-sch-event.b-wide-milestone { border-inline: none; } .b-sch-event:where(:not(.b-milestone)) { overflow: clip; background: var(--b-sch-event-background); } .b-sch-event-content { display: flex; overflow: clip; text-overflow: ellipsis; position: relative; line-height: 1.2em; align-items: center; min-width: 0; gap: 0.5em; font-size: var(--b-sch-event-font-size); margin-inline: var(--b-sch-event-padding-inline); padding-block: var(--b-sch-event-padding-block); width: var(--b-sch-event-content-width); height: var(--b-sch-event-content-height); } .b-sch-event-content > i { line-height: inherit; } .b-milestone-wrap:where(.b-sch-vertical) { justify-items: center; } .b-milestone-wrap:where(.b-sch-vertical) .b-milestone .b-sch-event-content { display: grid; padding-block: 0; } .b-milestone-wrap:where(.b-sch-vertical) .b-milestone label { justify-self: center; inset-block-start: calc(var(--b-event-size) * .8px + var(--b-sch-milestone-border-width, 0)); } .b-milestone-wrap.b-measure { height: 1em; position: fixed; top: -10000px; inset-inline-start: -10000px; visibility: hidden; } .b-milestone-wrap.b-measure label { font-weight: 400; } .b-sch-layout-milestones .b-milestone-wrap { margin: 0; min-width: 0; flex-direction: row; } .b-using-keyboard :is(.b-sch-layout-milestones .b-milestone-wrap).b-active { outline-offset: 3px; } .b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone, .b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone:before { outline: none; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone { position: relative; min-width: 0; padding: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; background: var(--b-sch-event-background); inset-inline-start: calc(0.5 * var(--b-milestone-size)); width: calc(100% - var(--b-milestone-size)); } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content { justify-content: center; z-index: 1; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before { content: none; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before, .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after { background: inherit; position: absolute; content: " "; height: calc(var(--b-milestone-size) * 0.707107); aspect-ratio: 1 / 1; z-index: 0; } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before { top: 50%; inset-inline-start: 0; transform-origin: 50% 50%; transform: translate(-50%, -50%) rotate(45deg); } .b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after { top: var(--bi-milestone-end-diamond-offset, 0); inset-inline-end: 0; rotate: -45deg; transform-origin: 100% 0; } .b-sch-layout-milestones .b-milestone-wrap.b-measure .b-sch-event.b-milestone { width: calc(100% + var(--b-milestone-size)); } .b-sch-layout-milestone-text-position-inside .b-milestone-wrap .b-milestone label { margin-inline-start: 0; inset-inline-start: 50%; translate: -50%; } .b-initial-fade-in .b-sch-dependency, .b-initial-fade-in .b-sch-event-wrap { opacity: 0; animation-name: b-anim-initial-fade-in; animation-duration: .5s; animation-fill-mode: forwards; } @keyframes b-anim-initial-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .b-initial-zoom-in .b-sch-event-wrap { animation-name: b-anim-initial-zoom-in; animation-duration: .4s; animation-timing-function: ease-in; } @keyframes b-anim-initial-zoom-in { 0% { transform: scale(0.01); } 100% { transform: scale(1); } } .b-initial-slide-from-left .b-sch-event-wrap { transform: translateX(-100vw); animation-name: b-anim-initial-slide-from-left; animation-duration: .7s; animation-fill-mode: forwards; } @keyframes b-anim-initial-slide-from-left { 100% { transform: translateX(0); } } .b-initial-slide-from-top .b-sch-event-wrap { transform: translateY(-100vh); animation-name: b-anim-initial-slide-from-top; animation-duration: .7s; animation-fill-mode: forwards; } @keyframes b-anim-initial-slide-from-top { 100% { transform: translateY(0); } } /* lib/Scheduler/feature/EventDrag.css */ .b-sch-event-wrap.b-aborting, .b-sch-event-wrap.b-drag-unified-animation { transition: var(--b-sch-event-transition), transform 0.2s, left 0.2s, top 0.2s; } .b-sch-event-wrap.b-dragging { z-index: 200 !important; } .b-sch-event-wrap.b-dragging.b-drag-main { z-index: 201 !important; } .b-event-drag-tooltip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } .b-sch-tip-message .b-icon:first-child { margin-inline-end: 0.5em; justify-content: center; color: var(--b-clock-hand-color); width: var(--b-clock-size); } .b-float-root > .b-tooltip.b-event-drag-tooltip { pointer-events: none; } /* lib/Scheduler/feature/EventResize.css */ :root, :host { --b-event-resize-handle-other-size: 3px; --b-event-resize-handle-hover-other-size: 3px; --b-event-resize-handle-border-radius: 3px; --b-event-resize-handle-inset: 7px; --b-event-resize-handle-size: 60%; --b-event-resize-handle-hover-size: 70%; --b-event-resize-handle-max-size: 3em; --b-event-resize-handle-zindex: 1; --b-event-resize-handle-background: #ffffff70; --b-event-resize-handle-hover-background: #ffffffdd; --bi-event-resize-handle-content: ""; --bi-event-resize-handle-start-translate: 0 -50%; --bi-event-resize-handle-end-translate: 0 50%; --bi-event-resize-handle-inset-inline: var(--b-event-resize-handle-inset); --bi-event-resize-handle-inset-block: 50%; --bi-event-resize-handle-height: var(--b-event-resize-handle-size); --bi-event-resize-handle-width: var(--b-event-resize-handle-other-size); --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-size); --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-other-size); --bi-event-resize-handle-cursor: ew-resize; } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { position: absolute; transition: background .2s, height .3s, width .3s, opacity .2s; opacity: 1; background: var(--b-event-resize-handle-background); border-radius: var(--b-event-resize-handle-border-radius); height: var(--bi-event-resize-handle-height); width: var(--bi-event-resize-handle-width); z-index: var(--b-event-resize-handle-zindex); } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start)::before { content: var(--bi-event-resize-handle-content); inset-inline-start: var(--bi-event-resize-handle-inset-inline); inset-block-start: var(--bi-event-resize-handle-inset-block); translate: var(--bi-event-resize-handle-start-translate); } :is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { content: var(--bi-event-resize-handle-content); inset-inline-end: var(--bi-event-resize-handle-inset-inline); inset-block-end: var(--bi-event-resize-handle-inset-block); translate: var(--bi-event-resize-handle-end-translate); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle { --b-sch-event-cursor: var(--bi-event-resize-handle-cursor); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle > ::before { --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background); --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width); --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle { --b-sch-event-cursor: var(--bi-event-resize-handle-cursor); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle > ::after { --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background); --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width); --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height); } :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing):where(.b-sch-vertical) { --bi-event-resize-handle-inset-inline: 50%; --bi-event-resize-handle-inset-block: var(--b-event-resize-handle-inset); --bi-event-resize-handle-start-translate: -50% 0; --bi-event-resize-handle-end-translate: 50% 0; --bi-event-resize-handle-height: var(--b-event-resize-handle-other-size); --bi-event-resize-handle-width: var(--b-event-resize-handle-size); --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-other-size); --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-size); --bi-event-resize-handle-cursor: ns-resize; } @starting-style { :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { height: 0; opacity: 0; } :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before, :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after { width: 0; opacity: 0; } } .b-scheduler-base.b-read-only .b-sch-event-wrap { --bi-event-resize-handle-content: null; } :is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::before, :is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::after { transition: opacity .2s; opacity: 0; } .b-resizing-event { cursor: ew-resize; } .b-resizing-event.b-sch-vertical { cursor: ns-resize; } .b-resizing-event .b-sch-time-axis-cell, .b-resizing-event .b-sch-event-wrap { pointer-events: none; } .b-sch-event-wrap-resizing { z-index: 2; } .b-sch-event-resize-tip .b-tooltip-content > div { display: flex; flex-direction: column; gap: 0.5em; } .b-sch-event-resize-tip .b-sch-tip-message:empty { display: none; } /* lib/Scheduler/view/EventStyles.css */ .b-style-gantt, .b-style-gantt .b-sch-event-segment { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-text-5); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%); --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-gantt, .b-style-gantt .b-sch-event-segment { --b-sch-event-background: var(--b-primary-75); --b-sch-event-hover-background: var(--b-primary-70); --b-sch-event-selected-background: var(--b-primary-65); } } .b-style-tonal { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: var(--b-sch-event-tonal-background); --b-sch-event-hover-background: var(--b-sch-event-tonal-hover-background); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%); --b-sch-event-font-weight: 600; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-tonal { --b-sch-event-color: var(--b-primary-40); --b-sch-event-background: var(--b-primary-93); --b-sch-event-hover-background: var(--b-primary-85); --b-sch-event-selected-background: var(--b-primary-75); } } :is(.b-style-filled, .b-style-plain), :is(.b-style-filled, .b-style-plain) .b-sch-event-segment { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-text-5); --b-sch-event-background: var(--b-primary); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-color: var(--b-sch-event-background); } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-filled, .b-style-plain), :is(.b-style-filled, .b-style-plain) .b-sch-event-segment { --b-sch-event-hover-background: var(--b-primary-40); --b-sch-event-selected-background: var(--b-primary-30); } } .b-style-traced, .b-style-traced .b-sch-event-segment { --b-sch-event-border-radius: 0.75em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-font-weight: 600; --b-sch-event-border-width: 1px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 1px; } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-traced, .b-style-traced .b-sch-event-segment { --b-sch-event-background: var(--b-primary-95); --b-sch-event-hover-background: var(--b-primary-93); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-bordered, .b-style-border), :is(.b-style-bordered, .b-style-border) .b-sch-event-segment { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: #fff; --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-hover-background: var(--b-primary); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%); --b-sch-event-font-weight: 600; --b-sch-event-border-width: 1px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 1px; --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 30%); } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-bordered, .b-style-border), :is(.b-style-bordered, .b-style-border) .b-sch-event-segment { --b-sch-event-background: var(--b-primary-60); --b-sch-event-selected-background: var(--b-primary-45); } } .b-style-outlined, .b-style-hollow { --b-sch-event-border-radius: 0.5em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-background: transparent; --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-border-width: 2px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 2px; } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-outlined, .b-style-hollow { --b-sch-event-hover-background: var(--b-primary-95); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-outlined, .b-style-hollow) .b-segmented { --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%); } :is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment { --b-sch-event-border-radius: 0.15em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: var(--b-sch-event-indented-background); --b-sch-event-hover-background: var(--b-sch-event-indented-hover-background); --b-sch-event-selected-background: var(--b-sch-event-indented-selected-background); --b-sch-event-border-width: 0 0 0 6px; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 6px; } .b-sch-vertical :is(:is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment) { --b-sch-event-border-width: 6px 0 0 0; } @supports not (color: color-mix(in srgb, red, blue)) { :is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment { --b-sch-event-background: var(--b-primary-95); --b-sch-event-hover-background: var(--b-primary-91); --b-sch-event-selected-background: var(--b-primary-85); } } :is(.b-style-indented, .b-style-colored) .b-wide-milestone { border-block: none; --b-milestone-size: calc(var(--b-event-size) * 1px); } :is(.b-style-indented, .b-style-colored) .b-wide-milestone::before { border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color); border-inline-end: none; border-block-start: none; border-end-start-radius: var(--b-sch-event-border-radius); } .b-style-calendar { --b-sch-event-border-radius: var(--b-calendar-event-border-radius, .5em); --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-selected-background: var(--b-primary); --b-sch-event-border-width: 0 0 0 var(--b-day-view-event-border-inline-start-width, 4px); --b-sch-event-border-color: var(--b-primary); --b-sch-event-border-style: solid; --b-sch-milestone-border-width: 6px; --b-sch-event-padding-inline: var(--b-day-view-event-body-padding, .35em); --b-sch-event-padding-block: var(--b-day-view-event-body-padding, .35em); --b-sch-event-font-weight: var(--b-calendar-event-font-weight, 500); --b-sch-event-font-size: var(--b-calendar-event-font-size, .9em); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-calendar { --b-sch-event-background: var(--b-primary-97); --b-sch-event-hover-background: var(--b-primary-95); --b-sch-event-selected-background: var(--b-primary-90); } } .b-sch-vertical .b-style-calendar { --b-sch-event-border-width: var(--b-day-view-event-border-inline-start-width, 4px) 0 0 0; } .b-style-calendar .b-sch-event-content { align-items: flex-start; } .b-style-calendar.b-selected { --b-sch-event-color: var(--b-neutral-100); } .b-style-interday { --b-sch-event-border-radius: 0.25em; --b-sch-event-color: var(--b-primary); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%); --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%); --b-sch-event-border-color: var(--b-sch-event-background); --b-sch-event-opacity: var(--b-calendar-event-solid-bar-opacity, 0.8); --b-sch-event-font-weight: var(--b-calendar-solid-bar-font-weight, 500); --b-sch-event-font-size: var(--b-calendar-solid-bar-font-size, .9em); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-interday { --b-sch-event-hover-background: var(--b-primary-40); --b-sch-event-selected-background: var(--b-primary-30); } } .b-style-interday.b-selected { --b-sch-event-color: var(--b-neutral-100); } .b-style-interday:hover { --b-sch-event-opacity: 1; } .b-style-rounded { --b-sch-event-border-radius: 1000em; --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%); --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%); --b-sch-event-selected-background: var(--b-primary); --b-sch-event-font-weight: 500; --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 70%); } @supports not (color: color-mix(in srgb, red, blue)) { .b-style-rounded { --b-sch-event-background: var(--b-primary-93); --b-sch-event-hover-background: var(--b-primary-80); } } .b-style-rounded.b-selected { --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); } .b-style-line { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 5px 0 0 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: solid; --b-sch-event-font-size: 0.8em; --b-sch-milestone-border-width: 5px; } .b-style-line.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-line.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-style-line:not(.b-milestone-wrap) { translate: 0 .7em; } .b-style-line:not(.b-milestone-wrap) .b-sch-event { justify-content: center; height: calc(1.5em + 5px); } .b-sch-vertical .b-style-line { --b-sch-event-border-width: 0 0 0 5px; } .b-sch-vertical .b-style-line .b-sch-event { height: 100%; } .b-style-dashed { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 5px 0 0 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: dashed; --b-sch-event-font-size: 0.8em; --b-sch-milestone-border-width: 5px; } .b-style-dashed.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-dashed.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-style-dashed:not(.b-milestone-wrap) { translate: 0 .7em; } .b-style-dashed:not(.b-milestone-wrap) .b-sch-event { justify-content: center; height: calc(1.5em + 5px); } .b-sch-vertical .b-style-dashed { --b-sch-event-border-width: 0 0 0 5px; } .b-sch-vertical .b-style-dashed .b-sch-event { height: 100%; } .b-style-minimal { --b-sch-event-background: transparent; --b-sch-event-padding-inline: 0; --b-sch-event-border-width: 0 0 1px 0; --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%); --b-sch-event-border-style: solid; --b-sch-event-font-size: 0.9em; --b-sch-milestone-border-width: 1px; } .b-style-minimal.b-hover { --b-sch-event-border-color: var(--b-primary); } .b-style-minimal.b-selected { --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%); } .b-sch-vertical .b-style-minimal { --b-sch-event-border-width: 0 0 0 1px; } .b-style-minimal > .b-sch-event { height: 60%; } .b-style-minimal .b-milestone.b-wide-milestone { --b-milestone-size: calc(var(--b-event-size) * 0.6 * 1px); } .b-sch-event-wrap, .b-gantt-task-wrap { --b-sch-event-tonal-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); --b-sch-event-tonal-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); --b-sch-event-indented-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); --b-sch-event-indented-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%); --b-sch-event-indented-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); } :is(.b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-sch-event-wrap, .b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-gantt-task-wrap):not(.b-highlighted) { transition: opacity 0.4s; opacity: .2; } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone { --b-milestone-size: calc(var(--b-event-size) * 1px); --bi-milestone-end-diamond-offset: calc(var(--b-sch-event-border-width) * -1); } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before, :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after { border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color); } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before { border-inline-end: none; border-block-start: none; } :is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after { border-inline-start: none; border-block-start: none; } /* lib/Scheduler/view/Milestones.css */ .b-milestone-wrap { justify-content: center; --b-milestone-size: calc(var(--b-event-size) * 1px - var(--b-sch-milestone-border-width, 0) * 2); } .b-milestone-wrap.b-sch-event-wrap, .b-milestone-wrap.b-sch-event-wrap.b-sch-vertical, .b-milestone-wrap.b.gantt-task-wrap { --b-sch-event-border-width: var(--b-sch-milestone-border-width); } .b-milestone-wrap .b-milestone { overflow: visible; box-shadow: none; background-color: transparent; width: var(--b-milestone-size); } .b-milestone-wrap .b-milestone.b-sch-event-with-icon .b-sch-event-content { overflow: visible; justify-content: center; } .b-milestone-wrap .b-milestone.b-sch-event-with-icon i { font-size: var(--b-milestone-size); } .b-milestone-wrap .b-milestone label { position: absolute; } .b-labels-topbottom :is(.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon)) { --b-milestone-size: calc(var(--b-event-size) * 0.4px); } .b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-gantt-task-content::before, .b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-sch-event-content::before { position: absolute; translate: 20%; content: ""; border-radius: 0; background: inherit; height: calc(var(--b-milestone-size) * 0.707107); aspect-ratio: 1/ 1; rotate: 45deg; } .b-milestone-wrap:where(:not(.b-sch-vertical)) .b-milestone label { margin-inline-start: 0.5em; inset-inline-start: var(--b-milestone-size); } .b-milestone-wrap .b-gantt-task-content, .b-milestone-wrap .b-sch-event-content { overflow: visible; margin: 0; height: 0; width: 100%; display: flex; align-items: center; background: var(--b-sch-event-background); } .b-using-keyboard .b-milestone-wrap.b-active .b-sch-event.b-sch-event-with-icon { outline-offset: 3px; } .b-using-keyboard .b-milestone-wrap.b-active .b-sch-event:not(.b-sch-event-with-icon) .b-sch-event-content:before { outline-offset: 3px; } /* lib/Scheduler/view/mixin/TimelineEventRendering.css */ :root, :host { --b-events-zindex: 6; } /* lib/Scheduler/view/recurrence/RecurrenceEditorPanel.css */ .b-recurrence-editor-panel { --b-panel-padding: 0; } .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap { overflow: visible; } .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content { overflow: visible; } :is(.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysNumberRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=positionAndDayRadioField]).b-has-label.b-field { display: grid; } .b-recurrence-editor-panel [data-ref=positionsCombo], .b-recurrence-editor-panel [data-ref=daysCombo] { grid-column: 2; } .b-recurrence-editor-panel .b-button-group { gap: 1px; width: 100%; height: auto; overflow: hidden; --b-button-focus-outline-offset: -2px; } .b-recurrence-editor-panel .b-button-group .b-button { border: none; min-height: 2.5em; border-radius: 0; } .b-recurrence-editor-panel .b-button-group.b-recurrence-days-button-group .b-button { flex: 1 1 100%; min-width: auto; padding-inline: 0; } .b-recurrence-editor-panel .b-button-group.b-recurrence-months-button-group { display: grid; grid-template-columns: repeat(4, 1fr); } .b-recurrence-editor-panel .b-button-group.b-recurrence-month-days-button-group { display: grid; grid-template-columns: repeat(7, 1fr); --b-button-padding: .25em; } /* lib/Scheduler/view/ResourceHeader.css */ :root, :host { --b-resource-header-avatar-size: 2.5em; --b-resource-header-gap: 0.5em; } .b-colorize { --b-resource-header-avatar-background-color: var(--b-primary-85); } .b-sch-vertical .b-sch-time-axis-column { flex-direction: row; min-height: 3em; } .b-resource-header { flex: 1; position: relative; contain: strict; } .b-resource-header.b-has-images { min-height: 3em; } .b-resource-header.b-grouped { height: 6em; } .b-resource-header .b-resource-avatar { --b-avatar-size: var(--b-resource-header-avatar-size); } .b-resource-header-group-cell { position: absolute; display: flex; align-items: stretch; flex-direction: column; height: 100%; } .b-resource-header-group-cell > .b-resource-header-group-text-wrap { padding: 0.5em 0; display: flex; width: 100%; justify-content: center; align-items: center; transition: border var(--b-default-transition-duration); border-bottom: 1px solid var(--b-grid-header-border-color); border-inline-end: 1px solid var(--b-grid-header-border-color); } .b-resource-header-group-cell > .b-resource-header-group-text-wrap > span { position: sticky; inset-inline-start: 0; padding-inline: var(--b-horizontal-time-axis-cell-padding-inline); } .b-resource-header-group-cell .b-resource-header-group-children { position: relative; height: 100%; } .b-resource-header-cell { position: absolute; display: flex; justify-content: center; align-items: center; overflow: hidden; white-space: nowrap; contain: strict; height: 100%; user-select: none; -webkit-user-select: none; transition: background-color var(--b-default-transition-duration), color var(--b-default-transition-duration), border var(--b-default-transition-duration); border-inline-end: 1px solid var(--b-grid-header-border-color); color: var(--b-grid-header-color); font-size: var(--b-grid-header-font-size); font-weight: var(--b-grid-header-font-weight); gap: var(--b-resource-header-gap); --bi-resource-avatar-color: var(--b-resource-event-color, var(--b-primary)); } .b-animating .b-resource-header-cell { transition: width 0.2s, left 0.2s, right 0.2s; } .b-resource-header-cell:hover { cursor: pointer; background: var(--b-grid-header-hover-background); } .b-resource-header-cell.b-align-start, .b-resource-header-cell.b-align-end { padding-inline: 0.3em; } .b-resource-header-cell.b-align-start { justify-content: flex-start; } .b-resource-header-cell.b-align-end { justify-content: flex-end; } .b-resource-header-cell i { margin-inline-end: .5em; } .b-resource-header-cell .b-resource-name { overflow: hidden; } .b-resource-header-cell .b-resource-avatar { transition: background var(--b-default-transition-duration); background-color: var(--b-resource-header-avatar-background-color); --b-primary: var(--bi-resource-avatar-color); } /* lib/Scheduler/view/SchedulerBase.css */ .b-sch-vertical .b-grid-cell { border-bottom: none; } /* lib/Scheduler/view/TimelineBase.css */ :root, :host { --b-top-canvas-zindex: 1000; } .b-timeline-base.b-animating .b-grid-row { transition: height 0.2s, translate 0.2s, inset 0.2s; } .b-time-axis-cell:not(.b-group-title) { --b-grid-cell-padding-inline: 0; --b-grid-cell-focused-outline-width: 0; } .b-sch-canvas { position: absolute; inset: 0; pointer-events: none; contain: strict; overflow: clip; height: max(1px, 100%); width: var(--bi-total-column-width); } .b-sch-foreground-canvas { z-index: var(--b-events-zindex); } .b-sch-top-canvas { z-index: var(--b-top-canvas-zindex); } .b-calculation-progress-wrap, .b-timeline-loading-indicator-wrap { position: absolute; bottom: 0; display: flex; width: 100%; height: 2px; z-index: 100; } .b-timeline-loading-indicator-wrap { background: color-mix(in srgb, var(--b-color-green), transparent 80%); } .b-calculation-progress, .b-timeline-loading-indicator { opacity: 0.6; background: var(--b-color-green); } .b-timeline-loading-indicator { animation: b-anim-line-loop 3s linear infinite; } @keyframes b-anim-line-loop { 0% { width: 0; margin-inline-start: 0; } 50% { width: 100%; margin-inline-start: 0; } 100% { width: 100%; margin-inline-start: 100%; } } /* lib/Scheduler/view/TimelineHistogram.css */ .b-timeline-histogram .b-grid-row { --b-grid-row-zindex: calc(var(--b-column-lines-zindex) + 2); } .b-timeline-histogram .b-timeline-histogram-cell { padding: 0; border-inline-end-width: 0; } .b-timeline-histogram .b-timeline-sub-grid .b-grid-cell.b-focused::after { display: none; } .b-timeline-histogram-histogram { padding: 0; background-color: transparent; } /* lib/Scheduler/view/VerticalTimeAxis.css */ :root, :host { --b-vertical-time-axis-background: var(--b-neutral-100); } .b-vertical-time-axis-column { flex-flow: column nowrap; align-items: stretch; padding: 0; border-inline-end: none; background-color: var(--b-vertical-time-axis-background) !important; } .b-vertical-time-axis-column.b-grid-cell.b-focused:after { display: none; } .b-vertical-time-axis { flex: 1 0 100%; contain: strict; } .b-vertical-time-axis .b-sch-header-row { flex-direction: column; flex: 1; } .b-vertical-time-axis .b-sch-header-time-axis-cell { width: 100%; padding: 0; border-inline-start: 0 none; overflow: visible; text-transform: var(--b-grid-header-text-transform); } .b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell { border-inline-end: none; border-bottom: none; justify-content: flex-end; align-items: flex-start; contain: unset; } .b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell .b-sch-header-text { padding-inline-end: 0.5em; margin-top: -0.75em; } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) { --b-grid-header-hover-background: var(--b-vertical-time-axis-background); } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) { flex: 0 0 2em; } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-time-axis-cell { align-items: flex-start; border-inline-end: 1px solid var(--b-grid-header-border-color); } .b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-text { padding-inline: 0.5em; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; rotate: 180deg; } .b-vertical-time-axis .b-sticky-header .b-sch-header-text { inset-inline-start: 0; } .b-firefox .b-sticky-headers .b-resource-header { contain: style paint layout; } .b-sch-vertical .b-sticky-headers .b-sch-header-row, .b-sch-vertical .b-sticky-headers .b-sch-header-time-axis-cell { overflow: visible; } .b-sch-vertical .b-sticky-headers .b-content-element, .b-sch-vertical .b-sticky-headers .b-grid-sub-grid-locked, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis-row, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis-column, .b-sch-vertical .b-sticky-headers .b-vertical-time-axis, .b-sch-vertical .b-sticky-headers .b-resource-header, .b-sch-vertical .b-sticky-headers .b-resource-header-group-cell, .b-sch-vertical .b-sticky-headers .b-resource-header-group-text-wrap { overflow: clip; } /* lib/Scheduler/widget/ResourceCombo.css */ .b-resource-combo .b-resource-icon { display: none; margin-inline: var(--b-text-field-input-padding) 0; color: var(--b-primary); } .b-resource-combo > .b-field-inner { padding-inline-start: 0; } .b-resource-combo.b-show-event-color:not(.b-uses-chip-view) .b-resource-icon { display: block; } .b-resource-combo-picker .b-icon { display: none; pointer-events: all; } :is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-icon { display: block; } :is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-selected .b-icon-square:before { content: "\f14a"; } .b-resource-combo-picker.b-show-event-color .b-icon { color: var(--b-primary); } .b-resource-combo-picker.b-show-event-color .b-icon::before { background: radial-gradient(var(--b-neutral-100) 60%, transparent 60%); font-size: var(--b-list-selected-icon-size); } /* lib/Scheduler/widget/ResourceFilter.css */ :root, :host { --b-resource-filter-item-selected-background: null; } .b-resource-filter .b-list-item.b-selected:not(:focus-visible) { --b-list-item-background: var(--b-resource-filter-item-selected-background); } /* lib/Scheduler/widget/SchedulerDatePicker.css */ :root, :host { --b-date-picker-cell-badge-font-size: 0.7em; --b-date-picker-cell-badge-background: var(--b-color-red); --b-date-picker-cell-badge-color: #fff; --b-date-picker-cell-badge-size: 1.7em; --b-date-picker-1-to-3-events-color: var(--b-color-yellow); --b-date-picker-4-to-6-events-color: var(--b-color-orange); --b-date-picker-7-or-more-events-color: var(--b-color-red); --b-date-picker-dots-padding-bottom: 0.75em; } .b-date-picker .b-cell-events-badge { display: grid; place-items: center; border-radius: 50%; aspect-ratio: 1 / 1; inset: auto auto -2px auto; font-size: var(--b-date-picker-cell-badge-font-size); background: var(--b-date-picker-cell-badge-background); color: var(--b-date-picker-cell-badge-color); width: var(--b-date-picker-cell-badge-size); } .b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover { border-radius: 0; } :is(.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover) .b-calendar-cell-inner { background-color: var(--b-year-view-heatmap-hover-background, var(--b-primary-75)); } .b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-inner { justify-content: flex-start; padding-top: 2px; } .b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-payload { bottom: 2px; } .b-date-picker .b-calendar-panel-cell.b-has-badge .b-date-picker-cell-inner { justify-content: flex-start; padding-top: 2px; } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) { --b-date-picker-heatmap-background: var(--b-neutral-95); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-1-to-3-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-1-to-3-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-4-to-6-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-4-to-6-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-7-or-more-events .b-date-picker-cell-inner { background: color-mix(in srgb, var(--b-date-picker-7-or-more-events-color), var(--b-date-picker-heatmap-background)); } .b-date-picker .b-show-events-dots .b-calendar-panel-cell { --bi-extra-cell-padding: calc(var(--bi-event-count-margin-top) + var(--bi-event-count-dot-size)); padding-bottom: var(--bi-extra-cell-padding); flex-direction: column; justify-content: flex-start; } .b-date-picker .b-show-events-dots .b-calendar-panel-cell:is(.b-in-range, .b-range-start, .b-range-end)::before { height: calc(100% - var(--bi-extra-cell-padding)); } .b-date-picker .b-show-events-dots .b-date-picker-cell-inner { height: auto; } /* ../Chart/lib/Chart/widget/Chart.css */ .b-chart-content { position: absolute; width: 100%; top: 0; bottom: 0; } .b-chart-show-controls { padding-top: 1em; } .b-chart-controls { position: absolute; z-index: 1; top: 0; inset-inline-end: 0; gap: 0; } .b-chart { transition: background var(--b-default-transition-duration); background: var(--b-neutral-100); } /* ../Chart/lib/Chart/widget/ChartDesigner.css */ :root, :host { --b-chart-designer-labels-list-padding-block: 1em; } .b-grid-chart-designer-content { padding: 0; } .b-grid-chart-designer-content .b-chart[data-ref=preview] { background: var(--b-primary-100); border-radius: var(--b-widget-border-radius); } .b-chart-designer-settings { flex: 0 0 22em; overflow: clip; transition: flex-basis 0.3s; } .b-chart-designer-settings .b-list { background: transparent; } .b-chart-designer-settings .b-tab-panel-item { padding: 1em .5em .5em .5em; --b-panel-header-padding: 0; } .b-chart-designer-settings .b-chart-layout-tab { padding-top: 0; } .b-chart-designer-settings .b-chart-appearance-tab { padding-block: 0; } .b-chart-designer-settings .b-chart-appearance-tab .b-panel-header { background: transparent; } .b-chart-designer-settings [data-ref=labelsSeriesList] { padding-block: var(--b-chart-designer-labels-list-padding-block); } .b-chart-designer-settings [data-ref=seriesList] { gap: 1em; padding-block: 1em; --b-list-item-multi-select-hover-background: transparent; --b-list-item-padding: 0; } .b-chart-designer-settings [data-ref=labelsSeriesList], .b-chart-designer-settings [data-ref=seriesList] { padding-inline: 1em; border: 1px solid var(--b-text-field-outlined-border-color); border-radius: var(--b-widget-border-radius); } .b-chart-designer-minimal .b-chart-designer-settings { flex-basis: 0; } .b-chart-type-list { display: grid; grid-template-columns: 4.5em 4.5em 4.5em; width: 100%; column-gap: 1em; overflow: visible; --b-list-item-selected-background: var(--b-primary-97); --b-list-item-focus-background: var(--b-primary-97); --b-list-item-multi-selected-focus-background: var(--b-primary-97); } .b-chart-type-list .b-list-item-group-header { font-weight: 500; grid-column: 1 / -1; } .b-chart-type-list .b-list-item:not(.b-list-item-group-header) { padding: 0; border: 1px solid var(--b-text-field-outlined-border-color); border-radius: var(--b-widget-border-radius); } .b-chart-type-list .b-list-item:not(.b-list-item-group-header).b-selected { outline: 1px solid var(--b-widget-focus-outline-color); outline-offset: 2px; } .b-chart-type-thumbnail { width: 4em; height: 3em; } .b-chart-appearance-tab { gap: 0; } .b-chart-appearance-tab .b-multi-section .b-panel { --b-panel-header-font-weight: 400; } .b-chart-appearance-tab .b-panel { flex-shrink: 0; --b-panel-header-font-size: 1em; --b-panel-with-header-padding: 0; --b-panel-header-padding: 1em 0; } .b-slider-with-field.b-hbox { margin-top: 1px; flex-wrap: wrap; } .b-slider-with-field.b-hbox > .b-label { min-width: 100%; } .b-slider-with-field.b-hbox .b-slider { flex: 1; } .b-slider-with-field.b-hbox .b-number-field { gap: 0; width: 6em; } .b-slider-with-field.b-hbox .b-number-field .b-label { display: none; } /* ../Chart/lib/Chart/widget/FontPicker.css */ .b-font-picker [data-ref=family] { flex: 1 1 60%; } .b-font-picker [data-ref=size] { flex: 1 0 30%; } .b-font-picker.b-hbox { flex-wrap: wrap; } .b-font-picker, .b-font-picker > .b-container { gap: 0.6em; } /* build/temp-entry.css */ /*! * * Bryntum Scheduler 7.1.3 * * Copyright(c) 2026 Bryntum AB * https://bryntum.com/contact * https://bryntum.com/license * * Bryntum incorporates third-party code licensed under the MIT and Apache-2.0 licenses. * See the licenses below or visit https://bryntum.com/products/scheduler/docs/guide/Scheduler/licenses * * # Third Party Notices * * Bryntum uses the following third party libraries: * * * [Font Awesome 6 Free](https://fontawesome.com/license/free) (MIT/SIL OFL 1.1) * * [Roboto font (for Material theme only)](https://github.com/google/roboto) (Apache-2.0) * * [Styling Cross-Browser Compatible Range Inputs with Sass](https://github.com/darlanrod/input-range-sass) (MIT) * * [Tree Walker polyfill (only applies to Salesforce)](https://github.com/Krinkle/dom-TreeWalker-polyfill) (MIT) * * [chronograph](https://github.com/bryntum/chronograph) (MIT) * * [later.js](https://github.com/bunkat/later) (MIT) * * [Monaco editor (only used in our demos)](https://microsoft.github.io/monaco-editor) (MIT) * * Map/Set polyfill to fix performance issues for Salesforce LWS (MIT) * * [Chart.js (when using Chart package)](https://github.com/chartjs/Chart.js) (MIT) * * Note: the **chronograph** and **later.js** libraries are used in Bryntum Scheduler Pro and Bryntum Gantt, but they are * listed for all Bryntum products since the distribution contains trial versions of the thin bundles for all other * products. TreeWalker is only used in the LWC bundle for Salesforce. Roboto font is only used in the material theme. * * ## Font Awesome 6 Free * * [Font Awesome Free 6 by @fontawesome](https://fontawesome.com/) * * Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, * or really almost whatever you want. * * [Full Font Awesome Free license](https://fontawesome.com/license/free) * * ## Roboto font * * [Apache License Version 2.0, January 2004](https://www.apache.org/licenses/LICENSE-2.0) * * TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION * * 1. Definitions. * * "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 * of this document. * * "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. * * "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are * under common control with that entity. For the purposes of this definition, * "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by * contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial * ownership of such entity. * * "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. * * "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, * documentation source, and configuration files. * * "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including * but not limited to compiled object code, generated documentation, and conversions to other media types. * * "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as * indicated by a copyright notice that is included in or attached to the work * (an example is provided in the Appendix below). * * "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work * and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an * original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain * separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. * * "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or * additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the * Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. * For the purposes of this definition, "submitted" * means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including * but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems * that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding * communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a * Contribution." * * "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received * by Licensor and subsequently incorporated within the Work. * * 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to * You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, * prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such * Derivative Works in Source or Object form. * * 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a * perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable * (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise * transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are * necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) * with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity ( * including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within * the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this * License for that Work shall terminate as of the date such litigation is filed. * * 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with * or without modifications, and in Source or Object form, provided that You meet the following conditions: * * (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and * * (b) You must cause any modified files to carry prominent notices stating that You changed the files; and * * (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, * and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the * Derivative Works; and * * (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute * must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that * do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file * distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the * Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices * normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You * may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the * NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the * License. * * You may add Your own copyright statement to Your modifications and may provide additional or different license terms and * conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, * provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this * License. * * 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for * inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any * additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any * separate license agreement you may have executed with Licensor regarding such Contributions. * * 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product * names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and * reproducing the content of the NOTICE file. * * 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and * each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, * MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness * of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this * License. * * 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or * otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, * shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or * consequential damages of any character arising as a result of this License or out of the use or inability to use the * Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or * any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such * damages. * * 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose * to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or * rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and * on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and * hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason * of your accepting any such warranty or additional liability. * * END OF TERMS AND CONDITIONS * * APPENDIX: How to apply the Apache License to your work. * * To apply the Apache License to your work, attach the following boilerplate notice, with the fields enclosed by * brackets "[]" * replaced with your own identifying information. (Don't include the brackets!) The text should be enclosed in the * appropriate comment syntax for the file format. We also recommend that a file or class name and description of purpose * be included on the same "printed page" as the copyright notice for easier identification within third-party archives. * * Copyright [yyyy] [name of copyright owner] * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the * License. You may obtain a copy of the License at * * [APACHE LICENSE, VERSION 2.0](http://www.apache.org/licenses/LICENSE-2.0) * * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an " * AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific * language governing permissions and limitations under the License. * * ## Styling Cross-Browser Compatible Range Inputs with Sass * * Github: [input-range-sass](https://github.com/darlanrod/input-range-sass) * * Author: [Darlan Rod](https://github.com/darlanrod) * * Version 1.4.1 * * The MIT License (MIT) * * Copyright (c) 2016 Darlan Rod * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Tree Walker polyfill * * The MIT License (MIT) * * [Copyright 2013–2017 Timo Tijhof](https://github.com/Krinkle/dom-TreeWalker-polyfill) * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## chronograph * * GitHub: [chronograph](https://github.com/bryntum/chronograph) * * The MIT License (MIT) * * Copyright (c) 2023 Bryntum * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## later.js * * GitHub: [later.js](https://github.com/bunkat/later) * * The MIT License (MIT) * * Copyright © 2013 BunKat * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Monaco editor * * GitHub: [Monaco editor](https://microsoft.github.io/monaco-editor) (MIT) * * The MIT License (MIT) * * Copyright (c) 2016 - present Microsoft Corporation * * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit * persons to whom the Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the * Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * ## Map/Set polyfill to fix performance issues for Salesforce LWS * * Copyright © 2024 Certinia Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * ## Chart.js * * GitHub: [Chart.js](https://github.com/chartjs/Chart.js) * * The MIT License (MIT) * * Copyright (c) 2014-2022 Chart.js Contributors * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * */ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */ :root:not(.b-nothing), :host(:not(.b-nothing)) { --b-primary : var(--b-color-blue); --b-secondary : var(--b-color-orange); --b-mix : #fff; --b-opposite : #000; --b-ripple-background : #00000010; --b-ripple-blend-mode : soft-light; /* region Core */ --b-widget-color-scheme : light; --b-widget-border-radius : 0.35em; --b-widget-border-radius-large : 1.5em; --b-button-border-radius : 3em; --b-button-filled-hover-box-shadow : var(--b-elevation-1); --b-button-outlined-border-color : var(--b-border-5); --b-button-outlined-hover-border-color : var(--b-border-4); --b-button-tonal-hover-box-shadow : var(--b-elevation-1); --b-button-padding : 0 calc(var(--b-button-height) * 0.6); --b-button-icon-padding : 0 calc(var(--b-button-height) * 0.6) 0 calc(var(--b-button-height) * 0.4); --b-button-end-icon-padding : 0 calc(var(--b-button-height) * 0.4) 0 calc(var(--b-button-height) * 0.6); --b-button-rotate-padding : calc(var(--b-button-height) * 0.6) 0; --b-button-gap : calc(var(--b-button-height) * 0.2); --b-checkbox-border-color : var(--b-neutral-35); --b-checkbox-border-width : 2px; --b-checkbox-check-font-size : 1em; --b-checkbox-hover-background : transparent; --b-checkbox-hover-border-color : var(--b-border-2); --b-checkbox-focus-outline-width : 0; --b-checkbox-ring-hover-opacity : 0.1; --b-checkbox-ring-focus-opacity : 0.2; --b-checkbox-ring-active-opacity : 0.3; --b-checkbox-ring-content : ''; --b-checkbox-inner-gap : 1em; --b-field-set-label-font-size : 0.7em; --b-panel-with-header-padding : 0 1.5em 1.5em 1.5em; --b-panel-header-font-size : 1.4em; --b-panel-bottom-toolbar-padding : calc(var(--b-panel-padding) / 2) var(--b-panel-padding) var(--b-panel-padding) var(--b-panel-padding); --b-panel-top-toolbar-margin-inline : var(--b-panel-padding); --b-panel-top-toolbar-border-radius : 100em; --b-popup-border-radius : var(--b-widget-border-radius-large); --b-radio-group-gap : 0; --b-slide-toggle-border-color : var(--b-border-3); --b-slide-toggle-thumb-background : var(--b-neutral-50); --b-slide-toggle-thumb-size : .9em; --b-slide-toggle-checked-thumb-size : 1.25em; --b-slide-toggle-hovered-thumb-background : var(--b-neutral-30); --b-slide-toggle-disabled-border-color : var(--b-neutral-80); --b-slider-ring-content : ''; --b-splitter-size : 1px; --b-splitter-hover-size : 5px; --b-tab-label-position : relative; --b-tab-indicator-border-radius : var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0; --b-tab-indicator-height : .25em; --b-tab-color : var(--b-neutral-20); --b-toolbar-background : var(--b-neutral-97); --b-tooltip-plain-font-size : 0.8em; --b-tooltip-rich-border-radius : 1em; /* region TextField */ --b-field-trigger-color : var(--b-neutral-30); --b-text-field-label-scale : 0.7; --b-text-field-label-above-grid-area : inner; --b-text-field-label-grid-area : inner; --b-text-field-focus-border-width : 2px; --b-text-field-default-template-areas : "inner"; --b-text-field-default-template-columns : 1fr; /* --b-text-field-border-color : var(--b-border-3); */ --b-text-field-filled-border-width : 0 0 1px 0; --b-text-field-filled-focus-border-width : 0 0 2px 0; --b-text-field-filled-border-radius : var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0; --b-text-field-filled-input-padding : 1.25em 1em 0.5em 1em; --b-text-field-filled-no-label-input-padding : 1em; --b-text-field-outlined-focus-border-width : 2px; --b-text-field-outlined-label-padding : 0 0.5em; --b-text-field-outlined-label-before-padding : 0 1em 0 0; --b-text-field-outlined-label-above-padding : 0 0.5em; --b-text-field-outlined-background : transparent; --b-text-field-outlined-hover-background : transparent; --b-text-field-outlined-focus-background : transparent; --b-text-field-outlined-hover-border-color : var(--b-border-1); /* Material specific vars */ --b-text-field-label-above-placeholder-color : transparent; --b-text-field-filled-material-label-position : absolute; --b-text-field-filled-material-label-top : 0.5em; --b-text-field-filled-material-label-left : 1em; --b-text-field-filled-material-label-cursor : text; --b-text-field-filled-material-empty-label-top : calc(50% - 0.5em); /*1.25em;*/ --b-text-field-filled-material-empty-label-left : 1em; --b-text-field-filled-material-trigger-label-left : 3em; --b-text-field-filled-material-trigger-empty-label-left : 3em; --b-text-field-outlined-material-label-position : absolute; --b-text-field-outlined-material-label-top : -0.35em; --b-text-field-outlined-material-label-left : .5em; /* As empty, -padding */ --b-text-field-outlined-material-label-cursor : text; --b-text-field-outlined-material-empty-label-background : transparent; --b-text-field-outlined-material-empty-label-padding : 0em; --b-text-field-outlined-material-empty-label-top : calc(50% - 0.5em); /*1.2em;*/ --b-text-field-outlined-material-empty-label-left : 1em; --b-text-field-outlined-material-trigger-empty-label-left : 3em; /* endregion */ --b-tooltip-plain-color : var(--b-neutral-100); /* endregion */ /* Chart */ --b-chart-designer-labels-list-padding-block : 0; } /* Shades of primary color have to be specified per widget, for color-mix to work as intended */ .b-bryntum:not(.b-nothing) { --bi-primary-shade : var(--b-primary-40); /* region Core */ --b-button-outlined-pressed-background : var(--b-primary-85); --b-button-outlined-color : var(--bi-primary-shade); --b-button-type-text-focused-background : var(--b-primary-90); --b-button-type-text-pressed-background : var(--b-primary-85); --b-button-type-text-color : var(--b-primary-40); --b-checkbox-checked-background : var(--b-primary-45); --b-checkbox-checked-border-color : var(--b-checkbox-checked-background); --b-checkbox-checked-hover-background : var(--bi-primary-shade); --b-checkbox-focus-outline-color : null; --b-chip-view-chip-color : var(--b-primary-30); --b-field-error-tip-color : var(--b-neutral-100); --b-field-error-tip-background : var(--b-primary-25); --b-list-background : var(--b-primary-100); --b-list-floating-background : var(--b-primary-100); --b-list-checkbox-checked-background : var(--b-primary-45); --b-menu-background : var(--b-primary-99); --b-menu-item-focus-background : var(--b-primary-85); --b-menu-item-hover-color : var(--b-primary-30); --b-menu-item-hover-icon-color : var(--b-primary-30); --b-panel-top-toolbar-button-type-text-color : var(--b-primary-20); --b-popup-background : var(--b-primary-99); --b-slider-track-color : var(--b-primary-90); --b-slider-thumb-focus-outline-color : transparent; --b-slide-toggle-background : var(--b-neutral-95); --b-slide-toggle-hover-background : var(--b-neutral-95); --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95); --b-tab-active-tab-color : var(--b-primary-50); --b-tooltip-plain-background : var(--b-primary-25); --b-tooltip-rich-background : var(--b-primary-98); --b-text-field-focus-border-color : var(--bi-primary-shade); --b-text-field-outlined-focus-label-color : var(--bi-primary-shade); --b-text-field-outlined-label-background : var(--b-parent-background-color, var(--b-neutral-100)); --b-text-field-filled-focus-label-color : var(--bi-primary-shade); --b-text-field-filled-hover-border-color : var(--bi-primary-shade); /* endregion */ } /* Theme meta data */ .b-theme-info { --b-theme-name : "Material3Light"; --b-theme-filename : "material3-light"; --b-theme-button-rendition : "tonal"; --b-theme-label-position : "above"; --b-theme-overlap-label : "true"; --b-theme-ripple : "true"; } .ui-table .ui-table-tbody > tr:nth-child(even) { background-color: none; } .nakedButton { outline: none; border: none; background-color: transparent; font-size: 14px; font-family: Roboto; } .primaryFont { font-family: Roboto; } @media only screen and (max-width: 600px) { .p-dialog { width: 90% !important; } } :root { --main-color: #701067 ; } body { font-family: "Roboto" !important; background-color: #f5f7f7 !important; } h5 { font-weight: 300 !important; } .intl-tel-input.iti-container { z-index: 999999 !important; } .esri-component .esri-attribution .esri-widget { display: none; } .p-dialog .p-dialog-header { display: none; } .p-card-content { font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif !important; } .esri-attribution__sources .esri-interactive { display: none; } div::-webkit-scrollbar { width: 4px; background-color: #f5f7f7; margin-right: 2px; border-radius: 2px; height: 4px; } div::-webkit-scrollbar-thumb { background-color: #d5dbdf; border-radius: 2px; } div::-webkit-scrollbar-track { background-color: #f5f7f7; border-radius: 2px; } ul::-webkit-scrollbar { width: 4px; background-color: #f5f7f7; margin-right: 2px; border-radius: 2px; } ul::-webkit-scrollbar-thumb { background-color: #d5dbdf; border-radius: 2px; } ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px #d5dbdf; background-color: #f5f7f7; border-radius: 2px; } div { scrollbar-width: thin !important; } ul { scrollbar-width: thin; } .esri-ui-corner { margin-right: 10px !important; margin-top: 10px !important; } .self-enrol-dialog-panel { border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } .self-enrol-dialog-panel .mat-dialog-container { padding: 0 !important; border-radius: 12px !important; overflow: hidden !important; } .success-dialog-panel .mat-dialog-container { padding: 0 !important; border-radius: 12px !important; overflow: hidden !important; } .esri-popup__pointer { display: none !important; } .esri-popup__header { display: none !important; } .esri-popup__content { margin: 0px !important; overflow: hidden !important; } .esri-popup__content img { object-fit: cover; } .esri-popup__footer { display: none !important; } .esri-popup__content .title { font-size: 15px; font-weight: bold; } .esri-popup__content .content { font-size: 15px; padding: 15px; overflow: hidden !important; } .esri-popup__content .description { font-size: 13px; padding-top: 5px; padding-right: 5px; } .esri-ui-top-left { right: 0 !important; left: auto !important; } .esri-ui-top-right { left: 0 !important; right: auto !important; } .esri-icon-locate:before { content: url("/assets/Images/ThreatAlertMobile/DefaultLocation.svg") !important; } .esri-locate { background-color: #303031 !important; color: #fff; } .esri-zoom .esri-widget--button { background-color: #303031 !important; color: #fff; } .esri-zoom .esri-widget--button:last-child { border-top: solid 1px rgba(255, 255, 255, 0.1) !important; } .esri-popup__content .column { float: left; } .esri-popup__content .row:after { content: ""; display: table; clear: both; } .esri-view .esri-view-surface--inset-outline:focus::after { outline: 2px solid #fff; outline-offset: 2px; } .p-paginator .p-paginator-page.p-state-active { background: #701067; color: #ffffff; border-color: #701067; } .table-heading { color: #FFFFFF; font-size: 14px; font-weight: bold; } .table-text { color: #4A4A4A; font-size: 12px; font-weight: normal; } .p-10 { padding: 10px !important; } .pt-10 { padding-top: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .p-0 { padding: 0px !important; } .ml-10 { margin-left: 10px !important; } .mr-10 { margin-right: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .grey-button { background-color: #4A4A4A; margin-top: 3px; font-size: 12px; border: none; color: #FFFFFF; padding: 5px !important; outline: none; border-radius: 2px; cursor: pointer; font-weight: 500; } .grey-button:hover { color: #FFFFFF; font-size: 12px; font-weight: 500; background: linear-gradient(to right, #591649 0%, #8F1C30 100%); border: none; border-radius: 2px; padding: 5px !important; cursor: pointer; } .purple-button { color: #FFFFFF; font-size: 12px; font-weight: 500; background: linear-gradient(to right, #591649 0%, #8F1C30 100%); border: none; border-radius: 2px; padding: 5px; cursor: pointer; margin-top: 3px; outline: none; } .inactive-button { color: #9B9B9B; font-size: 12px; font-weight: 500; background: #EBEBEB; border: 1px solid #9B9B9B; border-radius: 2px; padding: 4px; cursor: pointer; margin-top: 5px; outline: none; } .white-button { background-color: white; font-size: 12px; border: none; color: #4A4A4A; padding: 5px 10px !important; outline: none; border-radius: 2px; cursor: pointer; font-weight: 400; vertical-align: middle; } input[type=radio] { -webkit-appearance: none; background: #fff; border: 2px solid rgb(100, 100, 100) !important; border-image: -ms-linear-gradient(top, #fff, #fff) !important; border-radius: 50%; box-sizing: border-box; height: 16px; margin: 0 16px 0 0; outline: 0; position: relative; top: 4px; width: 16px; } input[type=radio]:checked { background: #fff; border: 2px solid rgb(100, 100, 100) !important; } input[type=radio]:checked:after { background: rgb(100, 100, 100); border-radius: 50%; content: ""; display: block; height: 8px; left: 2px; position: relative; top: -3px; width: 8px; } input[type=checkbox] { -webkit-appearance: none; background: #fff; border: 2px solid rgb(100, 100, 100) !important; border-image: -ms-linear-gradient(top, #fff, #fff) !important; border-radius: 2px; box-sizing: border-box; height: 16px; margin: 0 16px 0 0; outline: 0; position: relative; top: 4px; width: 16px; } input[type=checkbox]:checked { background: rgb(100, 100, 100); border: 2px solid rgb(100, 100, 100) !important; } input[type=checkbox]:checked:after { background: #fff; content: ""; display: block; left: 1px; position: absolute; top: 5px; width: 2px; height: 2px; box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff; transform: rotate(45deg); } .heading-medium-bold { font-size: 14px; color: #4A4A4A; font-weight: normal; } .disabled { opacity: 0.65; cursor: not-allowed !important; } .p-widget-content { border: 1px solid #d5d5d5; background-color: #fff !important; color: #222; } a { color: blue; } .mat-button-focus-overlay { background-color: transparent !important; } .no-padding-dialog .mat-dialog-container { padding: 0px; } .ng-star-inserted { object-fit: cover; } .profile-pic { object-fit: cover; } .circles { display: flex; align-items: center; } .circle { width: 8px; height: 8px; border-radius: 16px; margin-right: 4px; } .red-circle { background-color: #c60c0a; } .orange-circle { background-color: #ff6818; } .yellow-circle { background-color: #ffc400; } .blue-circle { background-color: #87d9c8; } .green-circle { background-color: #0dae4f; } .grey-circle { background-color: #d1cfcf; } .e-input:focus { border-color: #b5b4b4 !important; } .name-group .star { color: #C60C0A !important; } input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection, .e-input-group textarea.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-float-input textarea::selection, .e-float-input.e-control-wrapper textarea::selection { background: var(--main-color) !important; color: #fff; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { background: none !important; } .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input { border-color: #b5b4b4 !important; } #overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); /* Black background with opacity */ z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } .reply-profile { object-fit: cover !important; } .profile-pic { object-fit: cover !important; } .profile { object-fit: cover !important; } .profileImage { object-fit: cover !important; } .profile-image { object-fit: cover !important; } .esri-attribution { display: none !important; } g[role=tooltip] path { fill: #777777; stroke: #777777; color: #fff; font-size: 12px; font-family: "Roboto"; } g[role=tooltip] { color: #fff; font-size: 12px; font-family: "Roboto"; } .e-tooltip-wrap .e-tip-content { color: #fff; font-size: 12px; font-family: "Roboto"; } @media screen and (max-width: 600px) { ejs-sidebar { width: 100vw !important; } } /* Colors for the ripple elements.*/ /* stylelint-disable-next-line material/theme-mixin-api */ /* stylelint-disable-next-line material/theme-mixin-api */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } .mat-focus-indicator { position: relative; } .mat-mdc-focus-indicator { position: relative; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #212121; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #701167; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #212121; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #701167; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-badge-content { color: white; background: #212121; } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-accent .mat-badge-content { background: #701167; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .mat-badge { position: relative; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #212121; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #701167; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #212121; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #701167; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #212121; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #701167; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone, .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #212121; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #701167; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #212121; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #701167; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #212121; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #701167; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content, .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: rgba(33, 33, 33, 0.2); } .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(33, 33, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(33, 33, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-calendar-body-selected { background-color: #212121; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(33, 33, 33, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(112, 17, 103, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #701167; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(112, 17, 103, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content-touch { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #212121; } .mat-datepicker-toggle-active.mat-accent { color: #701167; } .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); padding: 20px 30px !important; } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #212121; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #701167; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #701167; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #212121; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #701167; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #212121; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #701167; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #212121; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #701167; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #212121; } .mat-icon.mat-accent { color: #701167; } .mat-icon.mat-warn { color: #f44336; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #212121; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #701167; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-item-disabled { background-color: #eeeeee; } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled]::after { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .mat-progress-bar-background { fill: whitesmoke; } .mat-progress-bar-buffer { background-color: whitesmoke; } .mat-progress-bar-fill::after { background-color: #212121; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #e1bee7; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #e1bee7; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #701167; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #212121; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #701167; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #212121; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #212121; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #701167; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #701167; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #212121; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #701167; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #701167; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(112, 17, 103, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #701167; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #212121; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(33, 33, 33, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #212121; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #212121; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-primary .mat-slider-focus-ring { background-color: rgba(33, 33, 33, 0.2); } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #701167; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-focus-ring { background-color: rgba(112, 17, 103, 0.2); } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #212121; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header { height: 72px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header { padding: 24px 24px; } .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } .mat-sort-header-arrow { color: #757575; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(245, 245, 245, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #212121; } .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #701167; } .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(245, 245, 245, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination { background-color: #212121; } .mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 190, 231, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination { background-color: #701167; } .mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #212121; color: white; } .mat-toolbar.mat-accent { background: #701167; color: white; } .mat-toolbar.mat-warn { background: #f44336; color: white; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar-multiple-rows { min-height: 64px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: 56px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 56px; } } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #701167; } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content, .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: rgba(112, 17, 103, 0.2); } .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-calendar-body-selected { background-color: #701167; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(112, 17, 103, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(112, 17, 103, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(112, 17, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #701167; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(112, 17, 103, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content-touch { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #701167; } .mat-datepicker-toggle-active.mat-accent { color: #701167; } .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } /* You can add global styles to this file, and also import other style files */ html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; font-weight: 400; } button { padding: 10px 24px; border-radius: 4px; font-size: 16px; cursor: pointer; transition: all 0.2s; min-height: 38px; } button.btn-secondary-v2 { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 5px; border-radius: 4px; background-color: transparent; color: var(--main-color); font-feature-settings: "liga" off, "clig" off; font-family: Roboto, sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1px; text-transform: uppercase; border: 1px transparent; } button.btn-secondary-v2:disabled { background-color: #e0e0e0; border: 1px solid #e0e0e0; color: #999999; cursor: not-allowed; } button.btn-secondary-v2:hover, button.btn-secondary-v2:focus { background-color: #e6d2e5 !important; outline-offset: 2px; } button.btn-primary { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 5px; border-radius: 4px; background: var(--main-color); color: var(--White, #FFF); font-feature-settings: "liga" off, "clig" off; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1px; text-transform: uppercase; border: 1px transparent; } button.btn-primary:disabled { background-color: #e0e0e0; border: 1px solid #e0e0e0; color: #999999; cursor: not-allowed; } button.btn-primary:hover, button.btn-primary:focus { background-color: #5c0e55 !important; outline: 2px solid #fff; outline-offset: 2px; } button.btn-primary:focus { box-shadow: none !important; } button.btn-primary:not(:disabled):not(.disabled):active:focus, button.btn-primary:not(:disabled):not(.disabled).active:focus, button.btn-primary.show > .dropdown-toggle:focus { box-shadow: none !important; } button.rounded { border-radius: 50px !important; } button.btn-secondary { background-color: #eeeeee; border: 1px solid #dddddd; color: #333; font-size: 12px; } button.btn-secondary:hover { background-color: #dddddd; } button.btn-outline-primary { background-color: transparent; border: 1px solid #701167; color: #701167; } button.btn-outline-primary:hover { background-color: #701167; border: 1px solid #701167; } button.btn-outline-secondary { background-color: transparent; border: 1px solid #bbbbbb; color: #303031; } button.btn-no-outline { background: transparent; padding: 8px; color: rgba(0, 0, 0, 0.7); font-family: Roboto; font-size: 12px !important; font-style: normal; font-weight: 700 !important; line-height: normal; letter-spacing: 0.8px !important; border: 1px solid transparent; outline: none; } button.btn-no-outline:hover { background-color: rgba(0, 0, 0, 0.0509803922); outline: none; box-shadow: none; } button.btn-no-outline:focus { box-shadow: none; } button:focus { outline: none; } .form-control { outline: 2px solid #fff; outline-offset: 2px; border: 2px solid gray; } .form-control:focus, .form-control :active { outline: none; } .form-control.ng-invalid.ng-touched.ng-dirty:not(:disabled):not([readonly]) { border: 2px solid red !important; } .loader { position: absolute; height: 1.25rem; width: 1.25rem; animation: spin 1s linear infinite; border-radius: 9999px; border-width: 4px; border-style: solid; border-color: #701167; border-top-color: transparent; } .gray-spin-loader { height: 1.25rem; width: 1.25rem; animation: spin 1s linear infinite; border-radius: 9999px; border-width: 4px; border-style: solid; border-color: #989898; border-top-color: transparent; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .team-scheduler :is(.b-focused, *:focus, *:focus-visible) { outline: none !important; box-shadow: none !important; } .bryntum-scheduler, .bryntum-scheduler * { font-family: "Roboto", sans-serif !important; } .bryntum-popup, .bryntum-popup * { font-family: "Roboto", sans-serif !important; } bryntum-scheduler { width: 100%; max-width: 100%; height: 464px !important; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(50, 50, 93, 0.11); border-radius: 6px; } .b-grid-cell.b-resourceinfo-cell span { font-size: 14px; color: rgba(0, 0, 0, 0.7); font-weight: normal; } .b-grid-cell.b-resourceinfo-cell > div > div { width: 24px !important; height: 24px !important; font-size: 12px !important; font-weight: normal !important; background-color: #c1d0d5 !important; } .b-grid-cell.b-resourceinfo-cell img { width: 24px !important; height: 24px !important; } ::ng-deep bryntum-scheduler { display: block; height: 100%; width: 100%; } .b-popup { background-color: #f8f8f8 !important; } .b-popup .b-popup-header { background-color: #f8f8f8 !important; color: #000 !important; font-weight: 600; font-size: 16px; border-bottom: 1px solid #e0e0e0; } .b-popup .b-toolbar.b-bottom-toolbar { background: #fff !important; border-top: 1px solid #e0e0e0; padding: 8px 16px; } .b-popup .b-toolbar .b-button[data-ref=deleteButton] { background: rgba(112, 17, 103, 0.1019607843) !important; color: #7d145d !important; text-align: center; font-feature-settings: "liga" off, "clig" off; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1px; text-transform: uppercase; } .b-popup .b-toolbar .b-button[data-ref=saveButton] { border-radius: 4px; background: #701167; color: white !important; font-weight: 400; padding: 6px 16px; text-align: center; font-feature-settings: "liga" off, "clig" off; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1px; text-transform: uppercase; } .b-popup-header .b-popup-close { color: black !important; fill: black !important; } .b-chip { background-color: rgba(61, 10, 117, 0.1019607843) !important; color: #3D0A75 !important; font-size: 14px; } .b-eventeditor.b-panel .b-bottom-toolbar > .b-toolbar-content > button { flex: none; } .b-sch-header-timeaxis-cell:nth-child(1n) { border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: 1px; color: rgba(0, 0, 0, 0.8); text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: 12px; } .b-sch-header-row:last-child .b-sch-header-timeaxis-cell:nth-child(1n) { border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: rgba(0, 0, 0, 0.7); text-align: center; font-family: Roboto; font-size: 10px; font-style: normal; font-weight: 400; line-height: 12px; text-transform: uppercase; } .b-filter-bar-field { margin: 0px; } .b-filter-bar-field input { display: flex; flex: 1 1 100%; align-items: center; background-color: transparent; border-radius: 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: inherit; min-width: 0; position: relative; height: 30px; padding-left: 5px; } .b-textfield input { font-size: 14px; font-family: Roboto; font-style: normal; font-weight: 400; line-height: 12px; } .b-timefield bry-time { font-size: 14px; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-layouts/styles/material.css (1) ***! \******************************************************************************************************************************************************************************************************************************************************/ .e-avatar { align-content: center; align-items: center; background-color: #bcbcbc; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; color: #fff; display: inline-flex; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 1em; font-weight: 400; height: 3em; justify-content: center; overflow: hidden; position: relative; width: 3em; } .e-avatar img { height: 100%; width: auto; } .e-avatar.e-avatar-circle { border-radius: 50%; } .e-avatar.e-avatar-xsmall { font-size: 0.6em; } .e-avatar.e-avatar-small { font-size: 0.8em; } .e-avatar.e-avatar-large { font-size: 1.2em; } .e-avatar.e-avatar-xlarge { font-size: 1.4em; } /*! component's theme wise override material-definitions and variables */ /*! card layout */ .e-bigger .e-card, .e-bigger.e-card { line-height: 48px; min-height: 48px; } .e-bigger .e-card > .e-card-header-title, .e-bigger.e-card > .e-card-header-title { line-height: normal; padding: 16px; } .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title), .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) { margin-top: 0; padding-top: 0; } .e-bigger .e-card > .e-card-title, .e-bigger.e-card > .e-card-title { line-height: normal; padding: 24px 16px 16px; } .e-bigger .e-card > .e-card-title + :not(.e-card-title), .e-bigger.e-card > .e-card-title + :not(.e-card-title) { margin-top: 0; padding-top: 0; } .e-bigger .e-card.e-card-horizontal .e-card-image, .e-bigger .e-card.e-card-horizontal img, .e-bigger .e-card .e-card-horizontal .e-card-image, .e-bigger .e-card .e-card-horizontal img, .e-bigger.e-card.e-card-horizontal .e-card-image, .e-bigger.e-card.e-card-horizontal img, .e-bigger.e-card .e-card-horizontal .e-card-image, .e-bigger.e-card .e-card-horizontal img { margin: 2px; } .e-bigger .e-card .e-card-header, .e-bigger.e-card .e-card-header { min-height: 30px; padding: 16px; } .e-bigger .e-card .e-card-header .e-card-content, .e-bigger.e-card .e-card-header .e-card-content { padding-left: 0; padding-right: 0; } .e-bigger .e-card .e-card-header .e-card-header-caption, .e-bigger.e-card .e-card-header .e-card-header-caption { padding: 0 0 0 16px; } .e-bigger .e-card .e-card-header .e-card-header-caption:first-child, .e-bigger.e-card .e-card-header .e-card-header-caption:first-child { padding: 0; } .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title, .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title { font-size: 15px; line-height: normal; } .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title, .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title { font-size: 14px; line-height: normal; padding: 8px 0 0; } .e-bigger .e-card .e-card-header .e-card-header-image, .e-bigger.e-card .e-card-header .e-card-header-image { background-size: cover; height: 40px; width: 40px; } .e-bigger .e-card .e-card-image, .e-bigger.e-card .e-card-image { min-height: 150px; } .e-bigger .e-card .e-card-image .e-card-title, .e-bigger.e-card .e-card-image .e-card-title { font-size: 24px; line-height: 40px; min-height: 40px; padding: 0 16px; } .e-bigger .e-card .e-card-actions, .e-bigger.e-card .e-card-actions { padding: 16px 8px 8px 8px; } .e-bigger .e-card .e-card-actions.e-card-vertical, .e-bigger.e-card .e-card-actions.e-card-vertical { padding: 16px 8px 8px 8px; } .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn, .e-bigger .e-card .e-card-actions.e-card-vertical a, .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn, .e-bigger.e-card .e-card-actions.e-card-vertical a { margin: 0 0 8px 0; } .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child, .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child, .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child, .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child { margin-bottom: 0; } .e-bigger .e-card .e-card-actions .e-card-btn span, .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons, .e-bigger.e-card .e-card-actions .e-card-btn span, .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons { height: 24px; width: 24px; } .e-bigger .e-card .e-card-actions .e-card-btn, .e-bigger .e-card .e-card-actions a, .e-bigger.e-card .e-card-actions .e-card-btn, .e-bigger.e-card .e-card-actions a { line-height: 36px; margin: 0 0 0 8px; min-height: 36px; padding: 0 6px; } .e-bigger .e-card .e-card-actions .e-card-btn:first-child, .e-bigger .e-card .e-card-actions a:first-child, .e-bigger.e-card .e-card-actions .e-card-btn:first-child, .e-bigger.e-card .e-card-actions a:first-child { margin-left: 0; } .e-bigger .e-card .e-card-content, .e-bigger.e-card .e-card-content { padding: 16px; } .e-bigger .e-card .e-card-content + :not(.e-card-content), .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical, .e-bigger.e-card .e-card-content + :not(.e-card-content), .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical { margin-top: 0; padding-top: 0; } .e-card { border-radius: 2px; box-sizing: border-box; display: flex; flex-direction: column; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 15px; justify-content: center; line-height: 36px; min-height: 36px; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; width: 100%; } .e-card > * { justify-content: center; } .e-card > .e-card-header-title { box-sizing: border-box; font-size: 15px; line-height: normal; padding: 12px; } .e-card > .e-card-header-title + :not(.e-card-header-title) { margin-top: 0; padding-top: 0; } .e-card > .e-card-title { font-size: 18px; line-height: normal; padding: 18px 12px 12px; } .e-card > .e-card-title + :not(.e-card-title) { margin-top: 0; padding-top: 0; } .e-card > .e-card-header-title, .e-card > .e-card-title { overflow: hidden; text-overflow: ellipsis; } .e-card .e-card-header-caption { line-height: normal; } .e-card .e-card-header-caption .e-card-header-title { font-size: 15px; } .e-card .e-card-header-caption .e-card-sub-title { font-size: 14px; } .e-card .e-card-stacked { display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .e-card.e-card-horizontal, .e-card .e-card-horizontal { display: flex; flex-direction: row; justify-content: center; } .e-card.e-card-horizontal .e-card-image, .e-card.e-card-horizontal img, .e-card .e-card-horizontal .e-card-image, .e-card .e-card-horizontal img { margin: 2px; } .e-card .e-card-horizontal { line-height: normal; padding: 2px; } .e-card.e-card-horizontal > * { flex: 1; } .e-card.e-card-horizontal .e-card-stacked { display: flex; flex: 1; flex-direction: column; overflow: hidden; } .e-card.e-card-horizontal .e-card-stacked > :first-child { flex-grow: 1; } .e-card .e-card-separator { display: block; } .e-card .e-card-corner { border-radius: 50%; } .e-card .e-card-header { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; line-height: normal; min-height: 22.5px; padding: 12px; width: inherit; } .e-card .e-card-header .e-card-content { padding-left: 0; padding-right: 0; } .e-card .e-card-header .e-card-actions { justify-content: flex-start; } .e-card .e-card-header .e-card-header-image { align-self: center; display: flex; } .e-card .e-card-header .e-card-header-caption { align-self: center; display: flex; flex: 1; flex-direction: column; overflow: hidden; padding: 0 0 0 12px; } .e-card .e-card-header .e-card-header-caption:first-child { padding: 0; } .e-card .e-card-header .e-card-header-caption .e-card-header-title, .e-card .e-card-header .e-card-header-caption .e-card-sub-title { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-card .e-card-header .e-card-header-caption .e-card-header-title { font-size: 13px; font-weight: 400; line-height: normal; } .e-card .e-card-header .e-card-header-caption .e-card-sub-title { font-size: 12px; font-weight: 400; line-height: normal; padding: 6px 0 0; } .e-card .e-card-header .e-card-header-image { background-repeat: no-repeat; background-size: cover; height: 30px; width: 30px; } .e-card .e-card-header .e-card-corner { border-radius: 50%; } .e-card .e-card-image { background-size: cover; min-height: 112.5px; position: relative; width: 100%; } .e-card .e-card-image .e-card-title { bottom: 0; box-sizing: border-box; font-size: 18px; line-height: 30px; min-height: 30px; overflow: hidden; padding: 0 12px; position: absolute; text-overflow: ellipsis; width: inherit; } .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right { bottom: auto; top: 0; } .e-card .e-card-image .e-card-title.e-card-top-right { text-align: right; } .e-card .e-card-image .e-card-title.e-card-bottom-right { text-align: right; } .e-card .e-card-actions { box-sizing: border-box; display: inline-block; justify-content: flex-start; padding: 12px 6px 6px 6px; } .e-card .e-card-actions.e-card-vertical { display: flex; flex-direction: column; padding: 12px 6px 6px 6px; } .e-card .e-card-actions.e-card-vertical .e-card-btn, .e-card .e-card-actions.e-card-vertical a { align-self: initial; box-sizing: border-box; display: inline-block; justify-content: center; margin: 0 0 6px 0; text-align: center; width: 100%; } .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child, .e-card .e-card-actions.e-card-vertical a:last-child { margin-bottom: 0; } .e-card .e-card-actions button, .e-card .e-card-actions a { align-items: center; align-self: center; cursor: pointer; display: inline-flex; overflow: hidden; vertical-align: middle; white-space: nowrap; } .e-card .e-card-actions .e-card-btn span, .e-card .e-card-actions .e-card-btn span.e-icons { display: flex; font-size: 14px; height: 24px; width: 24px; } .e-card .e-card-actions .e-card-btn span::before, .e-card .e-card-actions .e-card-btn span.e-icons::before { align-self: center; display: flex; justify-content: center; width: inherit; } .e-card .e-card-actions .e-card-btn > * { overflow: hidden; text-overflow: ellipsis; width: inherit; } .e-card .e-card-actions .e-card-btn else, .e-card .e-card-actions a else { border-radius: 2px; } .e-card .e-card-actions .e-card-btn, .e-card .e-card-actions a { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 14px; line-height: 27px; margin: 0 0 0 6px; min-height: 27px; padding: 0 6px; text-decoration: none; text-transform: uppercase; } .e-card .e-card-actions .e-card-btn:first-child, .e-card .e-card-actions a:first-child { margin-left: 0; } .e-card .e-card-content { font-size: 14px; line-height: normal; padding: 12px; } .e-card .e-card-content + :not(.e-card-content), .e-card .e-card-content + .e-card-actions.e-card-vertical { margin-top: 0; padding-top: 0; } .e-card .e-card-content, .e-card .e-card-content p { line-height: normal; overflow: hidden; text-overflow: ellipsis; } /*! card theme */ .e-card { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border: 1px none #000; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.87); outline: none; } .e-card:hover { background-color: #fff; border-color: #000; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.22); } .e-card:focus { background-color: #fff; border-color: #000; } .e-card:active { background-color: #fff; border-color: #000; } .e-card .e-card-separator { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-card .e-card-header-caption .e-card-header-title { color: rgba(0, 0, 0, 0.87); } .e-card .e-card-header-caption .e-card-sub-title { color: rgba(0, 0, 0, 0.54); } .e-card .e-card-image .e-card-title { background-color: rgba(0, 0, 0, 0.35); color: #fff; } .e-card .e-card-actions .e-card-btn span, .e-card .e-card-actions .e-card-btn span.e-icons { color: rgba(0, 0, 0, 0.54); } .e-card .e-card-actions .e-card-btn, .e-card .e-card-actions a { background-color: #fff; border: 0; color: #e3165b; outline: 0; } .e-card .e-card-actions .e-card-btn:hover, .e-card .e-card-actions a:hover { background-color: rgba(0, 0, 0, 0.12); border: 0; color: #e3165b; } .e-card .e-card-actions .e-card-btn:focus, .e-card .e-card-actions a:focus { background-color: rgba(0, 0, 0, 0.12); border: 0; color: #e3165b; } .e-card .e-card-actions .e-card-btn:active, .e-card .e-card-actions a:active { background-color: rgba(0, 0, 0, 0.12); border: 0; color: #e3165b; } .e-card .e-card-content { color: rgba(0, 0, 0, 0.54); } /*! component's default definitions and variables */ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before { content: '\e984'; font-family: 'e-icons'; font-size: 14px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before { content: ''; } .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before { content: '\eb04'; font-family: 'e-icons'; font-size: 14px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before { content: ''; } .e-bigger .e-splitter .e-split-bar .e-resize-handler::before { font-size: 16px; } .e-bigger.e-splitter .e-split-bar .e-resize-handler::before { font-size: 16px; } .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical { border-width: 1px; display: flex; overflow: hidden; position: relative; touch-action: none; width: 100%; } .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane { flex: 1 1 auto; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: normal; } .e-splitter.e-splitter-horizontal .e-pane.e-scrollable, .e-splitter.e-splitter-vertical .e-pane.e-scrollable { overflow: auto; } .e-splitter.e-splitter-horizontal .e-pane.e-static-pane, .e-splitter.e-splitter-vertical .e-pane.e-static-pane { flex-grow: 0; flex-shrink: 0; } .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal { overflow: auto; } .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden { flex-basis: 0 !important; overflow: hidden !important; } .e-splitter.e-splitter-horizontal { flex-direction: row; } .e-splitter.e-splitter-horizontal.e-pane.e-scrollable { overflow: hidden; } .e-splitter.e-splitter-horizontal.e-rtl { flex-direction: row-reverse; } .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal { flex-direction: row-reverse; } .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before, .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after { right: auto; } .e-splitter.e-splitter-vertical { flex-direction: column; } .e-splitter.e-splitter-vertical.e-pane.e-scrollable { overflow: hidden; } .e-splitter.e-splitter-vertical .e-pane-vertical { overflow: auto; } .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden { flex-basis: 0 !important; overflow: hidden !important; } .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before, .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after { right: auto; } .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) { border-radius: 50%; bottom: 18px; right: 22px; } .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down { border-radius: 50%; left: 22px; right: auto; top: 18px; } .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after { right: auto; } .e-splitter .e-split-bar.e-split-bar-horizontal { align-items: center; display: flex; flex: 0 0 auto; justify-content: center; min-width: 1px; z-index: 15; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-icon-hidden { visibility: hidden; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar { cursor: col-resize; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar::after { content: ''; cursor: col-resize; display: block; height: 100%; position: absolute; width: 16px; z-index: 10; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler { align-items: center; display: flex; height: 18px; justify-content: center; position: relative; width: 1px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-hide-handler { visibility: hidden; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after { left: 8px; right: 3px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow { border-image: none; border-width: 1px; cursor: pointer; display: flex; height: 26px; padding: 1px 12px; position: relative; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after { border-radius: 16px; content: ''; height: 8px; position: absolute; transform: rotate(0deg); width: 2px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before { top: 5px; transform-origin: 1px 7px 0; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after { top: 11px; transform-origin: 1px 1px 0; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right) { border-radius: 50%; right: 5px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right { border-radius: 50%; left: 5px; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::after { right: 8px; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar) { margin: 0 3px; } .e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar) { margin: 0 0 0 3px; } .e-splitter .e-split-bar.e-split-bar-vertical { align-items: center; border-left: none; border-right: none; display: flex; flex: 0 0 auto; justify-content: center; min-height: 1px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-icon-hidden { visibility: hidden; } .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar { cursor: row-resize; } .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar::after { content: ''; cursor: row-resize; display: block; height: 16px; position: absolute; width: 100%; z-index: 12; } .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler { align-items: center; display: flex; height: 1px; justify-content: center; width: 18px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-hide-handler { visibility: hidden; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after { left: 10px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow { border-image: none; border-width: 0; cursor: pointer; display: flex; height: 26px; padding: 10px 3px 10px 18px; position: relative; width: 26px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after { border-radius: 16px; content: ''; height: 8px; position: absolute; transform: rotate(90deg); width: 2px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before { top: 3px; transform-origin: 2px 7px 0; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after { left: 11px; top: 8px; transform-origin: 1px 1px 0; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before { left: 12px; top: 8px; transform-origin: 1px 6px 0; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after { left: 10px; top: 12px; transform-origin: 1px 2px 0; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) { border-radius: 50%; bottom: 18px; left: 22px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down { border-radius: 50%; right: 22px; top: 18px; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after { right: 10px; } .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar) { margin: 3px 0; } .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) { margin: 3px 0 0; } .e-bigger.e-splitter .e-pane { font-size: 14px; } .e-bigger.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler { height: 20px; } .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler { width: 20px; } .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before, .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after { margin-top: -2px; } .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after { margin-top: 2px; } .e-rtl .e-splitter.e-splitter-horizontal { flex-direction: row-reverse; } .e-bigger .e-splitter .e-pane { font-size: 14px; } .e-bigger .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler { height: 20px; } .e-bigger .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler { width: 20px; } .e-content-placeholder.e-splitter.e-placeholder-splitter { background-size: 100px 110px; min-height: 110px; } .e-bigger .e-content-placeholder.e-splitter.e-placeholder-splitter, .e-bigger.e-content-placeholder.e-splitter.e-placeholder-splitter { background-size: 100px 110px; min-height: 110px; } .e-splitter.e-ie .e-navigate-arrow.e-arrow-left { margin-left: -26px; } .e-splitter.e-ie .e-split-bar-horizontal .e-resize-handler { flex-direction: column; } .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical { border: solid 1px #e0e0e0; } .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane { color: rgba(0, 0, 0, 0.87); } .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-vertical, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-vertical { border: transparent; } .e-splitter .e-split-bar.e-split-bar-horizontal { background: #e0e0e0; border-left: none; border-right: none; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler { background: #fff; color: rgba(0, 0, 0, 0.54); } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) { background-color: transparent; border-color: transparent; color: transparent; transition: background-color 500ms ease-out; } .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after { background-color: #e3165b; opacity: 0; transition-duration: .3s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active { background: #e3165b; border-left: none; border-right: none; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler { background: #fff; color: #e3165b; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right { background-color: #fff; border-color: rgba(227, 22, 91, 0.5); border-width: 1px; opacity: .9; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::before { background-color: #e3165b; opacity: 1; transform: rotate(40deg); } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::after { background-color: #e3165b; opacity: 1; transform: rotate(-40deg); } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::before { background-color: #e3165b; opacity: 1; transform: rotate(-40deg); } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::after { background-color: #e3165b; opacity: 1; transform: rotate(40deg); } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active { background: #e3165b; } .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler { background: #fff; color: #e3165b; } .e-splitter .e-split-bar.e-split-bar-vertical { background: #e0e0e0; } .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler { background: #fff; color: rgba(0, 0, 0, 0.54); } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active { background: #e3165b; border-left: none; border-right: none; } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down { background-color: #fff; border-color: rgba(227, 22, 91, 0.5); border-width: 1px; opacity: .9; } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler { background: #fff; color: #e3165b; } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before { background-color: #e3165b; opacity: 1; transform: rotate(125deg); } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::after { background-color: #e3165b; opacity: 1; transform: rotate(50deg); } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::before { background-color: #e3165b; opacity: 1; transform: rotate(55deg); } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::after { background-color: #e3165b; opacity: 1; transform: rotate(125deg); } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow { background-color: transparent; border-color: transparent; color: transparent; transition: background-color 300ms ease-out; } .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after { background-color: #e3165b; opacity: 0; transition-duration: .3s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active { background: #e3165b; } .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler { background: #fff; color: #e3165b; } .e-splitter.e-disabled { opacity: 00.4; pointer-events: none; } /*! component's theme wise override material-definitions and variables */ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east { height: 100%; padding: 20px 0; right: 1px; top: 0; width: 12px; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west { height: 100%; left: 0; padding: 20px 0; top: 0; width: 12px; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north { height: 12px; padding: 0 20px; top: 1px; width: 100%; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south { bottom: 1px; height: 12px; padding: 0 20px; width: 100%; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east { bottom: 0; right: 1px; z-index: 10; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west { left: 2px; top: 2px; z-index: 10; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east { right: 2px; top: 2px; z-index: 10; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west { bottom: 1px; left: 1px; z-index: 10; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before { bottom: 0; content: '\eb05'; font-size: 12px; position: absolute; right: 0; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before { bottom: 0; content: '\eb05'; font-size: 12px; left: 0; position: absolute; transform: rotateY(180deg); } .e-dashboardlayout.e-control .e-dashboard-gridline-table { background: #f5f5f5; border-collapse: collapse; height: 100%; width: 100%; } .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline { border: 1px dotted #bdbdbd; position: absolute; } .e-dashboardlayout.e-control.e-responsive { width: 100% !important; } .e-dashboardlayout.e-control.e-prevent { -webkit-user-select: none; user-select: none; } .e-dashboardlayout.e-control .e-panel { border-radius: 2px; } .e-dashboardlayout.e-control .e-panel:hover { border: 1px #bdbdbd solid; } .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon { display: block; } .e-dashboardlayout.e-control .e-panel:active { border: 1px #3f51b5 solid; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon { display: none; } .e-dashboardlayout.e-control .e-panel.e-panel-transition { transition: top .5s, left .5s; } .e-dashboardlayout.e-control .e-panel .e-panel-header { border-bottom: none; color: rgba(0, 0, 0, 0.54); font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: 500; height: 28px; padding: 2px 12px; } .e-dashboardlayout.e-control .e-panel .e-panel-header div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content { display: inline-block; } .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template { float: right; } .e-dashboardlayout.e-control .e-panel .e-panel-container { height: 100%; width: 100%; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template { height: inherit; width: inherit; } .e-dashboardlayout.e-control .e-panel { border: 1px #e0e0e0 solid; height: 100%; -webkit-user-select: none; user-select: none; width: 100%; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double { position: absolute; touch-action: none; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south { border: none; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover { cursor: e-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover { cursor: w-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover { cursor: n-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover { cursor: s-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover { cursor: nw-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover { cursor: ne-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover { cursor: sw-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover { cursor: se-resize; } .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before { font-family: 'e-icons'; position: absolute; } .e-dashboardlayout.e-control .e-drag:hover { cursor: move; } .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover, .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover { cursor: default; } .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving { cursor: move; z-index: 1111 !important; } .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template { float: left; } .e-dashboardlayout.e-control .e-holder { background: rgba(63, 81, 181, 0.2); border: 1px #3f51b5 dotted; border-radius: 2px; position: absolute; border-radius: 2px; } .e-dashboardlayout.e-control .e-holder.e-holder-transition { transition: top .3s, left .3s; } .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header { font-size: 13px; font-weight: 500; height: 30px; padding: 0 12px; } .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header { font-size: 13px; font-weight: 500; height: 30px; padding: 0 12px; } .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout { height: 100%; width: 100%; } .e-dashboardlayout.e-control { display: block; position: relative; } .e-dashboardlayout.e-control .e-panel { background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; position: absolute; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header { color: rgba(0, 0, 0, 0.54); } .e-dashboardlayout.e-control .e-panel { background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; position: absolute; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header { color: rgba(0, 0, 0, 0.54); } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single { background: none; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double { color: #000; font-size: 20px; height: 20px; width: 20px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double { bottom: 1px; right: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double { bottom: 1px; left: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double { left: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double { right: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink { right: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink { left: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink { bottom: 1px; left: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink { bottom: 1px; right: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand { right: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand { left: 1px; top: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand { bottom: 1px; left: 1px; } .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand { bottom: 1px; right: 1px; } .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header { color: rgba(0, 0, 0, 0.54); } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-navigations/styles/material.css (1) ***! \**********************************************************************************************************************************************************************************************************************************************************/ /*! component's theme wise override definitions and variables */ @keyframes hscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! hscroll icons */ .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before { content: '\e904'; } .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before { content: '\e913'; } .e-hscroll.e-rtl .e-nav-left-arrow::before { content: '\e913'; } .e-hscroll.e-rtl .e-nav-right-arrow::before { content: '\e904'; } .e-hscroll.e-scroll-device .e-nav-right-arrow::before { content: '\e913'; } .e-hscroll.e-scroll-device .e-nav-left-arrow::before { content: '\e904'; } .e-hscroll .e-nav-left-arrow::before { content: '\e904'; line-height: normal; } .e-hscroll .e-nav-right-arrow::before { content: '\e913'; line-height: normal; } /*! h-scroll layout */ .e-bigger .e-hscroll, .e-hscroll.e-bigger { min-height: 56px; } .e-bigger .e-hscroll:not(.e-scroll-device), .e-hscroll.e-bigger:not(.e-scroll-device) { padding: 0 50px; } .e-bigger .e-hscroll.e-scroll-device, .e-hscroll.e-bigger.e-scroll-device { padding-right: 50px; } .e-bigger .e-hscroll.e-rtl.e-scroll-device, .e-hscroll.e-bigger.e-rtl.e-scroll-device { padding-left: 50px; padding-right: initial; } .e-bigger .e-hscroll .e-nav-arrow.e-icons, .e-hscroll.e-bigger .e-nav-arrow.e-icons { font-size: 14px; } .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay, .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay { left: 50px; } .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay, .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay { right: 50px; } .e-bigger .e-hscroll .e-scroll-nav, .e-hscroll.e-bigger .e-scroll-nav { min-height: 56px; width: 50px; } .e-hscroll { display: block; position: relative; width: inherit; } .e-hscroll.e-rtl.e-scroll-device { padding-left: 50px; padding-right: initial; } .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav { transform: skewX(-16deg) translateX(-6px); } .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay { left: 56px; right: auto; transform: skewX(-16deg) translateX(-6px); } .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay { left: auto; right: 0; } .e-hscroll:not(.e-scroll-device) { padding: 0 40px; } .e-hscroll.e-scroll-device { padding-right: 50px; } .e-hscroll.e-scroll-device .e-scroll-nav { transform: skewX(-16deg) translateX(6px); width: 56px; } .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow { font-size: 14px; transform: skewX(16deg); } .e-hscroll.e-scroll-device .e-scroll-overlay { opacity: 0.5; pointer-events: none; position: absolute; top: 0; z-index: 100; } .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay { left: auto; right: 56px; transform: skewX(-16deg) translateX(6px); } .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay { left: 0; right: auto; } .e-hscroll.e-overlay .e-hscroll-content > * { pointer-events: none; } .e-hscroll > * { height: inherit; } .e-hscroll .e-hscroll-content { display: inline-block; height: inherit; position: relative; touch-action: none; } .e-hscroll .e-hscroll-content > * { pointer-events: auto; } .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav { left: 0; right: auto; } .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav { left: auto; right: 0; } .e-hscroll .e-scroll-nav { align-items: center; bottom: 0; cursor: pointer; display: flex; height: 100%; min-height: 42px; overflow: hidden; position: absolute; top: 0; width: 40px; } .e-hscroll .e-scroll-nav.e-scroll-left-nav { left: 0; } .e-hscroll .e-scroll-nav.e-scroll-right-nav { right: 0; } .e-hscroll .e-scroll-nav.e-ie-align { display: table; } .e-hscroll .e-nav-arrow { position: relative; } .e-hscroll .e-nav-arrow.e-icons { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay { pointer-events: none; } /*! h-scroll theme */ .e-hscroll .e-scroll-nav .e-icons { color: rgba(0, 0, 0, 0.54); } .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav { border-color: rgba(0, 0, 0, 0.12); box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06); } .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav { background-color: #fafafa; border-color: rgba(0, 0, 0, 0.12); border-width: 1px; box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06); } .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow { color: #e3165b; } .e-hscroll .e-scroll-overlay { background-color: transparent; background-repeat: repeat-x; } .e-hscroll .e-scroll-overlay.e-scroll-left-overlay { background-image: linear-gradient(-270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%); } .e-hscroll .e-scroll-overlay.e-scroll-right-overlay { background-image: linear-gradient(-270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%); } .e-hscroll.e-rtl .e-scroll-nav { background: #fafafa; } .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 0; } .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav { border-left: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-hscroll.e-rtl .e-scroll-nav:hover { background: rgba(0, 0, 0, 0.12); border: 0; color: #000; border-color: rgba(0, 0, 0, 0.12); } .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover { background: rgba(0, 0, 0, 0.12); border: 0; color: #000; } .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus { background: rgba(0, 0, 0, 0.12); border: 0; color: #000; border-color: rgba(0, 0, 0, 0.12); } .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active { background: #bdbdbd; border: 0; box-shadow: none; color: #000; } .e-hscroll .e-scroll-nav { background: #fafafa; } .e-hscroll .e-scroll-nav.e-scroll-left-nav { border-right: 1px solid rgba(0, 0, 0, 0.12); } .e-hscroll .e-scroll-nav.e-scroll-right-nav { border-left: 1px solid rgba(0, 0, 0, 0.12); } .e-hscroll .e-scroll-nav::after { background-color: transparent; border-radius: 50%; border-width: 1px; box-sizing: border-box; content: ''; height: 1px; left: 50%; position: absolute; top: 50%; visibility: hidden; width: 1px; } .e-hscroll .e-scroll-nav:active::after { animation: hscroll-popup-shadow .6s ease-out 0ms; visibility: visible; } /*! component's theme wise override definitions and variables */ @keyframes vscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! vscroll icons */ .e-vscroll.e-scroll-device .e-nav-up-arrow::before { content: '\e85e'; } .e-vscroll.e-scroll-device .e-nav-down-arrow::before { content: '\e84f'; } .e-vscroll .e-nav-up-arrow::before { content: '\e910'; line-height: normal; } .e-vscroll .e-nav-down-arrow::before { content: '\e916'; line-height: normal; } /*! v-scroll layout */ .e-bigger .e-vscroll:not(.e-scroll-device), .e-vscroll.e-bigger:not(.e-scroll-device) { padding: 24px 0; } .e-bigger .e-vscroll .e-icons, .e-vscroll.e-bigger .e-icons { font-size: 18px; } .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay, .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay { left: 24px; } .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay, .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay { right: 24px; } .e-bigger .e-vscroll .e-scroll-nav, .e-vscroll.e-bigger .e-scroll-nav { height: 24px; } .e-vscroll { display: block; position: relative; width: inherit; } .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav { transform: skewX(-16deg) translateX(-6px); } .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay { left: 56px; right: auto; transform: skewX(-16deg) translateX(-6px); } .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay { left: auto; right: 0; } .e-vscroll:not(.e-scroll-device) { padding: 0 16px; } .e-vscroll.e-scroll-device .e-scroll-nav { transform: skewX(-16deg) translateX(6px); width: 56px; z-index: 1001; } .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow { font-size: 14px; transform: skewX(16deg); } .e-vscroll.e-scroll-device .e-scroll-overlay { opacity: 0.5; pointer-events: none; position: absolute; top: 0; z-index: 100; } .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay { left: auto; right: 56px; transform: skewX(-16deg) translateX(6px); } .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay { left: 0; right: auto; } .e-vscroll > * { height: inherit; } .e-vscroll .e-vscroll-content { display: inline-block; height: auto; position: relative; touch-action: none; width: 100%; } .e-vscroll .e-vscroll-content > * { pointer-events: auto; } .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav { left: auto; right: 0; } .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav { left: 0; right: auto; } .e-vscroll .e-scroll-nav { align-items: center; cursor: pointer; display: flex; height: 40px; overflow: hidden; position: absolute; width: 100%; } .e-vscroll .e-scroll-nav.e-scroll-up-nav { top: 0; } .e-vscroll .e-scroll-nav.e-scroll-down-nav { bottom: 0; } .e-vscroll .e-scroll-nav.e-ie-align { display: table; } .e-vscroll .e-nav-arrow { position: relative; } .e-vscroll .e-nav-arrow.e-icons { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } /*! v-scroll theme */ .e-vscroll .e-icons { color: rgba(0, 0, 0, 0.54); } .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav { border-color: rgba(0, 0, 0, 0.12); box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06); } .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav { background-color: #fafafa; border-color: rgba(0, 0, 0, 0.12); border-width: 1px; box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06); } .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow { color: #e3165b; } .e-vscroll .e-scroll-overlay { background-color: transparent; background-repeat: repeat-x; } .e-vscroll .e-scroll-overlay.e-scroll-up-overlay { background-image: linear-gradient(-270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%); } .e-vscroll .e-scroll-overlay.e-scroll-down-overlay { background-image: linear-gradient(-270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%); } .e-vscroll.e-rtl .e-scroll-nav { background: #fafafa; } .e-vscroll.e-rtl .e-scroll-nav:hover { background: rgba(0, 0, 0, 0.12); border: 0; border-color: rgba(0, 0, 0, 0.12); color: #000; } .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover { background: rgba(0, 0, 0, 0.12); border: 0; color: #000; } .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus { background: rgba(0, 0, 0, 0.12); border: 0; border-color: rgba(0, 0, 0, 0.12); color: #000; } .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active { background: #bdbdbd; border: 0; box-shadow: none; color: #000; } .e-vscroll .e-scroll-nav { background: #fafafa; } .e-vscroll .e-scroll-nav.e-scroll-up-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-vscroll .e-scroll-nav.e-scroll-down-nav { border-top: 1px solid rgba(0, 0, 0, 0.12); } .e-vscroll .e-scroll-nav::after { background-color: transparent; border-radius: 50%; border-width: 1px; box-sizing: border-box; content: ''; height: 1px; left: 50%; position: absolute; top: 50%; visibility: hidden; width: 1px; } .e-vscroll .e-scroll-nav:active::after { animation: vscroll-popup-shadow .6s ease-out 0ms; visibility: visible; } /*! component's theme wise override definitions and variables */ @keyframes hscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! component's theme wise override definitions and variables */ @keyframes vscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! component's theme wise override definitions and variables */ @keyframes tbar-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! toolbar icons */ .e-toolbar .e-popup-down-icon::before { content: '\e916'; line-height: normal; } .e-toolbar .e-popup-up-icon::before { content: '\e910'; line-height: normal; } /*! toolbar layout */ .e-bigger .e-toolbar, .e-toolbar.e-bigger { height: 56px; min-height: 56px; } .e-bigger .e-toolbar .e-tbar-btn .e-icons, .e-toolbar.e-bigger .e-tbar-btn .e-icons { font-size: 14px; } .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended, .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended .e-toolbar-extended, .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended .e-toolbar-extended { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item, .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child, .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child { margin: 0; margin-left: 3px; } .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item, .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child { margin-left: 3px; margin-right: initial; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child { margin-left: 3px; margin-right: 0; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child { margin-left: 0; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child, .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child { margin-left: 3px; } .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; margin-right: 3px; } .e-bigger .e-toolbar .e-hor-nav, .e-toolbar.e-bigger .e-hor-nav { min-height: 56px; min-width: 40px; } .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn { line-height: 35px; } .e-bigger .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon { line-height: 34px; min-height: 34px; min-width: 27px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn-text { line-height: inherit; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item { height: 48px; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator), .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item:not(.e-separator) { min-width: 48px; padding: 0; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon { min-width: 27px; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn { min-height: 30px; padding: 0 16px; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon { margin-left: 0; padding: 0; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left { padding-right: 16px; } .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text { padding: 0; } .e-bigger .e-toolbar .e-toolbar-items, .e-toolbar.e-bigger .e-toolbar-items { min-height: 56px; } .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow { margin-left: 24px; margin-right: 24px; white-space: normal; } .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator, .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden { display: none; } .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator { display: inline-flex; } .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; } .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:last-child { margin-right: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child, .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child { margin-right: 3px; } .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item, .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child, .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child { margin-right: 3px; } .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item, .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item { margin: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child { margin-left: 3px; } .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 3px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item { min-height: 56px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator), .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) { min-width: 48px; padding: 5px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator { height: calc(100% - 20px); margin: 10px 5px; min-height: 36px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon { padding: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control { height: calc(100% - 11px); margin: 5.5px 0; min-height: 0; min-width: 0; padding: 0 6px; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon { padding: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon { padding: 0; } .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text { padding: 0 2.5px 0 2.5px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended { min-height: 56px; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-close, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended.e-popup-close { display: none; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-open, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended.e-popup-open { display: inline; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended { width: inherit; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended { box-shadow: none; display: inline; white-space: normal; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator), .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) { min-width: 48px; padding: 5px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator { display: none; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator { display: inline-flex; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item { align-content: center; align-items: center; cursor: pointer; display: inline-flex; min-height: 56px; vertical-align: middle; width: auto; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text { padding: 0 2.5px 0 2.5px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control { height: calc(100% - 11px); margin: 5.5px 0; min-height: 0; min-width: 0; padding: 0 6px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn { line-height: 35px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator { height: calc(100% - 20px); margin: 10px 5px; min-height: 36px; } .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon, .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon { line-height: 34px; min-height: 34px; min-width: 27px; } .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-hor-nav, .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-hor-nav { left: 0; right: auto; } .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended, .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended { padding-right: 3px; } .e-bigger .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator), .e-toolbar.e-bigger.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator) { min-height: 38px; } .e-bigger .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator, .e-toolbar.e-bigger.e-vertical .e-toolbar-items .e-toolbar-item.e-separator { height: auto; margin: 5px 10px; min-height: auto; } .e-bigger .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-bigger.e-vertical .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn { margin: 5.5px auto; } .e-bigger .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-toolbar.e-bigger.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; } .e-bigger .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-toolbar.e-bigger.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin-right: 0; } .e-bigger .e-toolbar.e-vertical .e-hor-nav, .e-toolbar.e-bigger.e-vertical .e-hor-nav { min-height: 40px; min-width: 50px; } .e-toolbar { border-radius: 0; display: block; height: 42px; min-height: 42px; position: relative; touch-action: none; -webkit-user-select: none; user-select: none; white-space: nowrap; } .e-toolbar .e-blazor-toolbar-items { position: absolute; top: -9999px; visibility: hidden; } .e-toolbar.e-extended-toolbar.e-rtl .e-hor-nav { left: 0; right: auto; } .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended { padding-right: 3px; } .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left { padding-left: 0; } .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text { display: none; } .e-toolbar.e-extended-toolbar.e-extended-toolbar.e-tbar-extended { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align { display: table; } .e-toolbar.e-extended-toolbar .e-toolbar-extended { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; min-height: 42px; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-toolbar-text .e-tbar-btn-text { display: none; } .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-close { display: none; } .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-open { display: inline; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended { width: inherit; } .e-toolbar.e-extended-toolbar .e-toolbar-extended { box-shadow: none; display: inline; white-space: normal; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) { height: 100%; min-width: 34px; padding: 3.5px; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator { display: none; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator { display: inline-flex; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item { align-content: center; align-items: center; cursor: pointer; display: inline-flex; min-height: 42px; vertical-align: middle; width: auto; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text { padding: 0 2px 0 2px; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text { display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif"; font-size: 14px; line-height: inherit; vertical-align: middle; width: auto; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control { height: calc(100% - 10px); margin: 4px 0; min-height: 0; min-width: 0; padding: 0 1.5px; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn { line-height: 25px; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator { margin: 7.5px 3px; min-height: 25px; min-width: 1px; vertical-align: middle; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon:not(.e-toolbar-pop) { line-height: 25px; min-height: 25px; min-width: 24px; padding: 0; } .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type { display: inline-flex; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item:not(.e-separator) { height: auto; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon { font-size: 14px; vertical-align: middle; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item .e-tbar-btn { cursor: pointer; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif"; font-size: 14px; font-weight: 400; overflow: hidden; padding: 0 1.5px; text-align: center; text-decoration: none; text-transform: none; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended .e-tbar-btn:first-child { display: inline-block; } .e-toolbar.e-extended-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > * { align-self: center; text-overflow: ellipsis; } .e-toolbar.e-control[class*='e-toolbar'] { box-sizing: content-box; } .e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text { display: none; } .e-toolbar .e-tbar-btn-text, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text { display: inline-block; padding: 0 2px 0 2px; } .e-toolbar.e-hidden, .e-toolbar .e-toolbar-items .e-toolbar-item.e-hidden { display: none; } .e-toolbar.e-corner { border-radius: 0; } .e-toolbar .e-toolbar-pop { border-radius: 0; overflow: hidden; padding: 0; position: absolute; } .e-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon { margin: 0; width: auto; } .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden { display: none; } .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn { align-items: center; display: inline-flex; justify-content: flex-start; min-height: 24px; padding: 0 16px; } .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon { margin: 0; padding: 0; width: auto; } .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left { padding-right: 16px; } .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text { padding: 0; } .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon { min-width: 24px; } .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) { min-width: 34px; padding: 0; } .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control { text-align: center; } .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon { min-width: 100%; } .e-toolbar .e-toolbar-pop .e-toolbar-item { align-content: center; align-items: center; display: flex; height: 36px; justify-content: center; } .e-toolbar .e-toolbar-pop .e-toolbar-item > * { height: 100%; min-width: 100%; text-overflow: ellipsis; } .e-toolbar .e-toolbar-pop .e-toolbar-text .e-tbar-btn-text { display: none; } .e-toolbar .e-toolbar-pop .e-toolpopup { text-align: center; } .e-toolbar .e-toolbar-popup { text-align: center; } .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item { margin: 0; } .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child { margin: 0; margin-left: 3px; } .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item { margin: 0; } .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child { margin-left: 3px; margin-right: initial; } .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item { margin: 0; } .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item { margin: 0; } .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-left { left: auto; right: 0; } .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-right { left: 0; right: auto; } .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child { margin-left: 0; } .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child { margin-left: 3px; } .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; margin-right: 3px; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:last-child { margin-left: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:first-child { margin-left: 0; margin-right: 3px; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-center .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:last-child { margin-left: 3px; margin-right: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:first-child { margin-right: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-item:last-child { margin-left: 3px; margin-right: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child, .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child, .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child { margin-right: 3px; } .e-toolbar.e-rtl .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left { padding-left: 16px; padding-right: 0; } .e-toolbar.e-rtl .e-hor-nav { left: 0; right: auto; border-radius: 0 0 0 0; } .e-toolbar .e-hor-nav { align-items: center; border-radius: 0 0 0 0; cursor: pointer; display: flex; height: 100%; min-height: 42px; overflow: hidden; position: absolute; right: 0; top: 0; width: 32px; } .e-toolbar .e-hor-nav.e-ie-align { display: table; } .e-toolbar .e-popup-down-icon.e-icons, .e-toolbar .e-popup-up-icon.e-icons { color: rgba(0, 0, 0, 0.54); display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn { line-height: 25px; } .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon { line-height: 25px; min-height: 25px; } .e-toolbar .e-toolbar-items { border-radius: 0 0 0 0; display: inline-block; height: 100%; min-height: 42px; vertical-align: middle; } .e-toolbar .e-toolbar-items.e-toolbar-multirow { margin-bottom: 1px; margin-left: 18px; margin-right: 18px; white-space: normal; } .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator, .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden { display: none; } .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator { display: inline-flex; } .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-left, .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-center, .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-right { display: inline; } .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; } .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar .e-toolbar-items.e-tbar-pos { display: block; } .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left, .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center, .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right { display: table; height: 100%; top: 0; } .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right, .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left { position: absolute; } .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right { right: 0; } .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left { left: 0; line-height: 35px; } .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center { margin: 0 auto; } .e-toolbar .e-toolbar-items .e-toolbar-left, .e-toolbar .e-toolbar-items .e-toolbar-center, .e-toolbar .e-toolbar-items .e-toolbar-right { display: inline-block; } .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child { margin-left: 3px; } .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 3px; } .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:first-child { margin-left: 0; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:first-child { margin-left: 3px; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-center .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:first-child { margin-left: 0; } .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child, .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item { margin: 0; } .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child { margin-right: 3px; } .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item { margin: 0; } .e-toolbar .e-toolbar-items .e-toolbar-item { align-content: center; align-items: center; cursor: pointer; display: inline-flex; min-height: 42px; vertical-align: middle; width: auto; } .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) { height: inherit; min-width: 34px; padding: 3.5px; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator { margin: 7.5px 3px; min-height: 27px; min-width: 1px; } .e-toolbar .e-toolbar-items .e-toolbar-item input[type='checkbox'] { height: auto; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon { padding: 0; } .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn { height: calc(100% - 10px); margin: 4px 0; min-height: 0; min-width: 0; padding: 0 1.5px; } .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon { padding: 0; } .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon { padding: 0; } .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon { margin: 0; min-width: 24px; width: auto; } .e-toolbar .e-toolbar-items .e-toolbar-item > * { align-self: center; text-overflow: ellipsis; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator { height: calc(100% - 15px); vertical-align: middle; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator + .e-separator { display: none; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type, .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator:first-of-type { display: none; } .e-toolbar .e-tbar-btn > :first-child { display: inline-block; } .e-toolbar .e-tbar-btn { border: none; cursor: pointer; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif"; font-size: 14px; font-weight: 400; overflow: hidden; padding: 0 1.5px; text-align: center; text-decoration: none; text-transform: none; } .e-toolbar .e-tbar-btn .e-icons.e-btn-icon { font-size: 14px; vertical-align: middle; } .e-toolbar .e-tbar-btn div { vertical-align: middle; } .e-toolbar .e-tbar-btn .e-tbar-btn-text { display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif"; font-size: 14px; line-height: inherit; vertical-align: middle; width: auto; } .e-toolbar.e-vertical { display: flex; flex-direction: column; } .e-toolbar.e-vertical.e-rtl.e-tbar-pos .e-toolbar-left { bottom: 0; top: auto; } .e-toolbar.e-vertical.e-rtl.e-tbar-pos .e-toolbar-right { bottom: auto; top: 0; } .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left, .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center, .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right { height: auto; } .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left { left: auto; right: auto; top: 0; } .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right { bottom: 0; left: auto; right: auto; } .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child { margin-left: 0; } .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin-right: 0; } .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item { display: flex; height: auto; } .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator) { min-width: 33px; } .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator { height: auto; margin: 3px 7.5px; min-height: auto; } .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn { margin: 4px auto; } .e-toolbar.e-vertical .e-hor-nav { bottom: 0; height: auto; left: 0; min-height: 40px; min-width: 50px; right: auto; top: auto; width: auto; } /*! toolbar theme */ .e-toolbar { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fafafa; border: 1px none rgba(0, 0, 0, 0.12); box-shadow: none; } .e-toolbar.e-vertical .e-hor-nav { border: solid rgba(0, 0, 0, 0.12); border-width: 1px 0 0 0; } .e-toolbar.e-vertical.e-rtl .e-hor-nav { border: solid rgba(0, 0, 0, 0.12); border-width: 0 0 1px 0; } .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator { border-width: 0 0 0.5px 0; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay { background: #fafafa; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator { border: solid rgba(0, 0, 0, 0.12); border-width: 0 0.5px 0 0; } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons { color: rgba(0, 0, 0, 0.54); } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn { background: #fafafa; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text { color: rgba(0, 0, 0, 0.87); } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus { background: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); border-radius: 0; color: rgba(0, 0, 0, 0.87); } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover { background: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); border-radius: 0; color: rgba(0, 0, 0, 0.87); } .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active { background: #bdbdbd; border-color: #bdbdbd; border-radius: 0; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-tbar-btn.e-btn .e-icons { color: rgba(0, 0, 0, 0.54); } .e-toolbar .e-toolbar-pop { background: #fafafa; border: 1px none rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21); } .e-toolbar.e-extended-toolbar .e-toolbar-pop { background: #fafafa; } .e-toolbar.e-toolpop .e-hor-nav.e-nav-active, .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) { background: rgba(0, 0, 0, 0.12); border: 0; box-shadow: none; border-left: 1px none rgba(0, 0, 0, 0.12); } .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons, .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons { color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-tbar-btn { background: #fafafa; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-tbar-btn:focus { background: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); border-radius: 0; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-tbar-btn:hover { background: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); border-radius: 0; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-toolbar-items { background: #fafafa; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay { background: #fafafa; } .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-tbar-btn-text { color: rgba(0, 0, 0, 0.38); } .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons { color: rgba(0, 0, 0, 0.26); } .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text { color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator { border: solid rgba(0, 0, 0, 0.12); border-width: 0 0.5px 0 0; } .e-toolbar.e-rtl .e-hor-nav { background: #fafafa; border: solid rgba(0, 0, 0, 0.12); border-left: 0; border-width: 0 1px 0 0; } .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-hor-nav { background: #fafafa; border: solid rgba(0, 0, 0, 0.12); border-width: 0 0 0 1px; } .e-toolbar .e-hor-nav::after { background-color: transparent; border-radius: 50%; border-width: 1px; box-sizing: border-box; content: ''; height: 1px; left: 50%; position: absolute; top: 50%; visibility: hidden; width: 1px; } .e-toolbar .e-hor-nav:active { border: 0; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-hor-nav:active::after { animation: tbar-popup-shadow .6s ease-out 0ms; visibility: visible; } .e-toolbar .e-hor-nav:hover { background: rgba(0, 0, 0, 0.12); border-left: 0; color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-hor-nav:focus { background: rgba(0, 0, 0, 0.12); border-left: 0; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-toolbar .e-tbar-btn:active { background: #bdbdbd; border-color: #bdbdbd; border-radius: 0; box-shadow: none; color: rgba(0, 0, 0, 0.87); } /*! component's theme wise override material-definitions and variables */ /*! accordion icons */ .e-accordion .e-tgl-collapse-icon::before { content: '\e916'; } .e-accordion .e-tgl-collapse-icon.e-expand-icon { transform: rotate(-180deg); } /*! accordion layout */ .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content, .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-size: 16px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel { font-size: 14px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion { border: 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 46px 0 48px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header { padding: 0 46px 0 32px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content { font-size: 14px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header { line-height: 47px; min-height: 48px; padding: 0 46px 0 16px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon { height: 48px; min-height: 48px; min-width: 30px; right: 16px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon { display: inline-block; padding: 0 14px 0 0; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content { padding: 16px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 16px 16px 16px 48px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 16px 16px 64px; } .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header, .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header { padding: 0 46px 0 32px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content { padding: 16px 48px 16px 16px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 64px 16px 16px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 48px 0 46px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header { padding: 0 32px 0 46px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header { padding: 0 16px 0 46px; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon { left: 16px; right: auto; } .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon, .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { padding: 0 0 0 14px; } .e-accordion { display: block; position: relative; } .e-accordion .e-acrdn-item.e-select.e-selected:first-child { border-top: 0; } .e-accordion .e-acrdn-item.e-select.e-selected:last-child { border-bottom: 0; } .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item.e-selected { padding-top: 0; } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item.e-overlay { height: auto; } .e-accordion .e-acrdn-item { overflow: hidden; padding-top: 0; position: relative; } .e-accordion .e-acrdn-item.e-hide { display: none; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-size: 15px; } .e-accordion .e-acrdn-item.e-select > .e-acrdn-header { cursor: pointer; } .e-accordion .e-acrdn-item .e-acrdn-header { line-height: 35px; min-height: 36px; overflow: hidden; padding: 0 40px 0 16px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .e-accordion .e-acrdn-item .e-acrdn-header > * { display: inline-block; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon { display: table; font-size: 12px; height: 36px; min-height: 36px; min-width: 24px; position: absolute; right: 16px; top: 0; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons { display: table-cell; text-align: center; vertical-align: middle; } .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation { transition: .5s ease 0s; } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { display: inline-block; padding: 0 8px 0 0; } .e-accordion .e-acrdn-item .e-acrdn-panel { font-size: 13px; overflow-y: hidden; text-decoration: none; width: 100%; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content { padding: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion { border: 0; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 40px 0 48px; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { font-weight: normal; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 16px 16px 48px; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 16px 16px 64px; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content { line-height: 1.5; overflow: hidden; padding: 16px; text-overflow: ellipsis; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * { overflow: hidden; text-overflow: ellipsis; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header { padding: 0 40px 0 32px; } .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content { font-size: 14px; } .e-accordion .e-acrdn-item .e-content-hide { display: none; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header { padding: 0 48px 0 40px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header { padding: 0 32px 0 40px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 48px 16px 16px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content { padding: 16px 64px 16px 16px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header { padding: 0 16px 0 40px; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon { left: 16px; right: auto; } .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { padding: 0 0 0 8px; } /*! accordion theme */ .e-accordion { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fff; border: 1px solid rgba(0, 0, 0, 0.12); } .e-accordion .e-active { background: #fff; } .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state { border-top: 1px solid #fff; } .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state { border-color: #eee; } .e-accordion .e-acrdn-item.e-expand-state.e-select { border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .e-accordion .e-acrdn-item.e-overlay { background: #fff; } .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus { background: #eee; } .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content { color: rgba(0, 0, 0, 0.87); } .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content { color: rgba(0, 0, 0, 0.87); } .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-content-icon { color: rgba(0, 0, 0, 0.54); } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content { color: rgba(0, 0, 0, 0.87); } .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon { color: rgba(0, 0, 0, 0.54); } .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus { background: #eee; } .e-accordion .e-acrdn-item .e-acrdn-header:hover { background: transparent; } .e-accordion .e-acrdn-item .e-acrdn-header:active { background: transparent; } .e-accordion .e-acrdn-item .e-acrdn-header:focus { background: #eee; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header { background: #fff; } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon { color: rgba(0, 0, 0, 0.54); } .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content { color: #e3165b; } .e-accordion .e-acrdn-item.e-select { border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .e-accordion .e-acrdn-item.e-select.e-item-focus { border-color: #eee; } .e-accordion .e-acrdn-item.e-selected.e-select { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); } .e-accordion .e-acrdn-item.e-selected + .e-selected { border-top: 1px solid transparent; } .e-accordion .e-acrdn-item.e-selected .e-selected:last-child { border-bottom: 1px none rgba(0, 0, 0, 0.12); } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content { color: rgba(0, 0, 0, 0.87); } .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content { color: rgba(0, 0, 0, 0.54); } .e-accordion .e-acrdn-item .e-toggle-icon { color: rgba(0, 0, 0, 0.54); } .e-accordion .e-acrdn-item .e-acrdn-panel { font-size: 13px; } /*! contextmenu layout */ .e-contextmenu-wrapper ul .e-menu-item .e-previous::before, .e-contextmenu-container ul .e-menu-item .e-previous::before { content: '\e977'; } .e-contextmenu-wrapper ul .e-menu-item .e-caret::before, .e-contextmenu-container ul .e-menu-item .e-caret::before { content: '\e956'; } .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before, .e-rtl.e-contextmenu-container .e-menu-item .e-caret::before { content: '\e937'; } /*! contextmenu layout */ .e-contextmenu-wrapper ul, .e-contextmenu-container ul { font-weight: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; overflow: hidden; -webkit-user-select: none; user-select: none; font-size: 14px; padding: 0; border: none; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); display: none; min-width: 120px; position: absolute; } .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *, .e-contextmenu-container ul.e-ul, .e-contextmenu-container ul.e-ul * { box-sizing: border-box; } .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus, .e-contextmenu-container ul.e-ul:focus, .e-contextmenu-container ul.e-ul *:focus { outline: none; } .e-contextmenu-wrapper ul.e-contextmenu, .e-contextmenu-container ul.e-contextmenu { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-container ul.e-ul { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; } .e-contextmenu-wrapper ul .e-menu-item, .e-contextmenu-container ul .e-menu-item { cursor: pointer; position: relative; height: 36px; line-height: 36px; padding: 0 16px; } .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide, .e-contextmenu-container ul .e-menu-item.e-menu-hide { display: none; } .e-contextmenu-wrapper ul .e-menu-item.e-menu-header, .e-contextmenu-container ul .e-menu-item.e-menu-header { border-bottom-style: solid; border-bottom-width: 1px; } .e-contextmenu-wrapper ul .e-menu-item .e-menu-url, .e-contextmenu-container ul .e-menu-item .e-menu-url { text-decoration: none; } .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-contextmenu-container ul .e-menu-item .e-menu-icon { display: inline-block; vertical-align: middle; } .e-contextmenu-wrapper ul .e-menu-item.e-separator, .e-contextmenu-container ul .e-menu-item.e-separator { cursor: auto; line-height: normal; pointer-events: none; } .e-contextmenu-wrapper ul .e-menu-item .e-menu-url, .e-contextmenu-container ul .e-menu-item .e-menu-url { display: inline-block; min-width: 120px; } .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-contextmenu-container ul .e-menu-item .e-menu-icon { font-size: 14px; line-height: 36px; margin-right: 10px; width: 1em; } .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-contextmenu-container ul .e-menu-item .e-caret { line-height: 36px; margin-left: 16px; margin-right: 0; position: absolute; right: 8px; } .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-contextmenu-wrapper ul .e-menu-item.e-separator, .e-contextmenu-container ul .e-menu-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; margin: 8px 0; } .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-contextmenu-container ul .e-menu-item .e-caret { font-size: 11px; } .e-contextmenu-wrapper ul .e-menu-item .e-previous, .e-contextmenu-container ul .e-menu-item .e-previous { margin-right: 16px; } .e-contextmenu-wrapper ul .e-menu-item.e-disabled, .e-contextmenu-container ul .e-menu-item.e-disabled { cursor: auto; pointer-events: none; } .e-contextmenu-wrapper.e-sfcontextmenu, .e-contextmenu-container.e-sfcontextmenu { position: absolute; } .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll, .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll { position: absolute; } .e-contextmenu-wrapper.e-sfcontextmenu ul, .e-contextmenu-container.e-sfcontextmenu ul { white-space: nowrap; } .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent, .e-contextmenu-container.e-sfcontextmenu ul.e-transparent { background: transparent; border: 0; box-shadow: none; height: 1px; left: 0; min-width: 0; padding: 0; top: 0; width: 0; } .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item, .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item { height: 0; padding: 0; } .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator, .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator { border: 0; margin: 0; } .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon, .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon { margin-right: 0; } .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret, .e-rtl.e-contextmenu-container .e-menu-item .e-caret { margin-left: 0; margin-right: 16px; right: auto; } .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon, .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon { margin-left: 10px; } .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret, .e-rtl.e-contextmenu-container .e-menu-item .e-caret { left: 8px; } .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon, .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 16px; } .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon, .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon { padding-left: 16px; } .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon, .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon { padding-left: 36px; } .e-bigger .e-contextmenu-wrapper ul, .e-bigger.e-contextmenu-wrapper ul, .e-bigger .e-contextmenu-container ul, .e-bigger.e-contextmenu-container ul { font-size: 15px; padding: 8px 0; white-space: nowrap; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); max-width: 280px; min-width: 112px; } .e-bigger .e-contextmenu-wrapper ul .e-menu-item, .e-bigger.e-contextmenu-wrapper ul .e-menu-item, .e-bigger .e-contextmenu-container ul .e-menu-item, .e-bigger.e-contextmenu-container ul .e-menu-item { height: 48px; line-height: 48px; } .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon, .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon { font-size: 16px; line-height: 48px; } .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret, .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret { line-height: 48px; } .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator, .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator, .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator, .e-bigger.e-contextmenu-container ul .e-menu-item.e-separator { height: auto; line-height: normal; } .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret, .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret { font-size: 12px; } .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon, .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon, .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon, .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon { padding-left: 16px; } .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon, .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon, .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon, .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon { padding-left: 36px; } /*! contextmenu theme */ .e-contextmenu-wrapper ul, .e-contextmenu-container ul { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-contextmenu-wrapper ul .e-menu-item.e-menu-header, .e-contextmenu-container ul .e-menu-item.e-menu-header { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-contextmenu-container ul .e-menu-item .e-caret { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-contextmenu-container ul .e-menu-item .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-menu-item .e-menu-url, .e-contextmenu-container ul .e-menu-item .e-menu-url { color: rgba(0, 0, 0, 0.87); } .e-contextmenu-wrapper ul .e-menu-item.e-focused, .e-contextmenu-container ul .e-menu-item.e-focused { background-color: #eee; color: rgba(0, 0, 0, 0.87); outline: 0 solid rgba(0, 0, 0, 0.12); outline-offset: 0; } .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret, .e-contextmenu-container ul .e-menu-item.e-focused .e-caret { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon, .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-menu-item.e-selected, .e-contextmenu-container ul .e-menu-item.e-selected { background-color: #eee; color: rgba(0, 0, 0, 0.87); outline: 0 solid #eee; outline-offset: 0; } .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret, .e-contextmenu-container ul .e-menu-item.e-selected .e-caret { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon, .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-contextmenu-wrapper ul .e-disabled, .e-contextmenu-container ul .e-disabled { color: rgba(0, 0, 0, 0.38); opacity: 1; } .e-contextmenu-wrapper ul .e-disabled .e-menu-icon, .e-contextmenu-container ul .e-disabled .e-menu-icon { color: rgba(0, 0, 0, 0.38); } .e-contextmenu-wrapper ul .e-disabled .e-caret, .e-contextmenu-container ul .e-disabled .e-caret { color: rgba(0, 0, 0, 0.38); } .e-contextmenu-wrapper ul .e-disabled .e-menu-url, .e-contextmenu-container ul .e-disabled .e-menu-url { color: rgba(0, 0, 0, 0.38); } .e-contextmenu-wrapper ul .e-separator, .e-contextmenu-container ul .e-separator { border-bottom-color: rgba(0, 0, 0, 0.12); } /*! component's theme wise override definitions and variables */ @keyframes tbar-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! Material theme definition's */ /*! component's theme wise override definitions and variables */ /*! Horizontal Tab */ @keyframes tbar-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } @keyframes hscroll-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } /*! Material specific themes definition's */ /*! Vertical Tab */ /*! tab icons */ .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before { content: '\e913'; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before { content: '\e904'; } .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before { content: '\e904'; } .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { content: '\e913'; } .e-tab .e-tab-header .e-close-icon::before { content: '\e7fc'; position: relative; } .e-tab .e-tab-header .e-popup-up-icon::before { content: '\e916'; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-up-icon::before { content: '\e984'; } } .e-tab .e-tab-header .e-popup-down-icon::before { content: '\e916'; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-down-icon::before { content: '\e984'; } } @media screen and (max-width: 480px) { .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before { content: '\e82a'; } .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before { content: '\e83d'; } } .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before { content: '\e910'; } .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before { content: '\e916'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before { content: 'More'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after { content: '\e919'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before { content: 'More'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after { content: '\e919'; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before { content: ''; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after { content: '\ebb9'; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before { content: ''; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after { content: '\ebb9'; } .e-tab-clone-element .e-close-icon::before { content: '\e7fc'; position: relative; } /*! tab layout */ .e-bigger .e-tab .e-tab-header, .e-tab.e-bigger .e-tab-header { height: 48px; min-height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-items, .e-tab.e-bigger .e-tab-header .e-toolbar-items { height: auto; min-height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav { width: 50px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) { height: 48px; margin: 0; min-height: 48px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 72px; min-height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 12px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap { height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text { font-size: 14px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; margin-top: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap { padding: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon { cursor: pointer; margin: 0 0 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon { margin: 0 0 0 14px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 10px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 12px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { height: 24px; min-width: 24px; width: 24px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 20px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { padding: 0 24px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 14px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { right: 24px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 10px 0 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 10px; } .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-right: 22px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 48px; min-height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 16px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { padding: 0 16px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'], .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'], .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon { margin: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before { top: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { right: 18px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 48px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 48px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 48px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 48px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 0; padding-right: 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 0; padding-right: 0; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav { height: 48px; min-height: 48px; padding: 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav { padding: 0 12px; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 12px; } .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-left-nav { padding: 0 12px; } .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { font-size: 12px; line-height: 24px; top: 0; vertical-align: initial; } .e-bigger .e-tab .e-tab-header .e-hor-nav, .e-tab.e-bigger .e-tab-header .e-hor-nav { height: 48px; min-height: 48px; padding: 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav, .e-tab.e-bigger .e-tab-header .e-hor-nav { padding: 0 12px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; line-height: 24px; top: 0; vertical-align: initial; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 16px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before { top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before { top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 15px; } .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 15px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; } } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text { padding-top: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom { padding-bottom: 0; padding-top: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap { margin: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 48px; padding: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap { height: 48px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap { height: initial; } .e-bigger .e-tab .e-tab-header.e-vertical, .e-tab.e-bigger .e-tab-header.e-vertical { max-width: 150px; } .e-bigger .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before, .e-tab.e-bigger .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 23px; top: 23px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before, .e-tab.e-bigger .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 0; top: 0; } } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device), .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) { padding: 24px 0; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap { padding: 0 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon { right: -24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav, .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav { height: 24px; min-height: 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav { padding: 0 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { line-height: 46px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { font-size: 14px; line-height: 46px; margin: 0 0 0 10px; } .e-bigger .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items, .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items { height: auto; } .e-bigger .e-tab.e-vertical-icon .e-tab-header, .e-tab.e-bigger.e-vertical-icon .e-tab-header { height: 72px; min-height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items { height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav { height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav { height: 72px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; } } .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items, .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav, .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav { height: 24px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 72px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus { height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 48px; padding: 0; } .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 15px; } .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 15px; } .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 15px; } .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 13px; } .e-bigger .e-tab.e-safari .e-tab-header .e-close-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-close-icon::before { top: 0; } .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before { top: 0; } .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { top: 0; } .e-bigger .e-tab.e-fill .e-tab-header, .e-tab.e-bigger.e-fill .e-tab-header { height: 46px; min-height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header, .e-tab.e-bigger.e-fill .e-tab-header { height: 46px; min-height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items { height: auto; min-height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items { min-height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 46px; margin: 0; min-height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 46px; min-height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 70px; min-height: 70px; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 46px; padding: 0 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 46px; padding: 0 24px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 46px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 70px; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { height: auto; } .e-bigger .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 24px; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 46px; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: 50px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 46px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 46px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 70px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } } .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header, .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header { height: 70px; min-height: 70px; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 24px; } } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; } .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 24px; } .e-bigger .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text { margin: 0 12px 0 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text { margin: 0 14px 0 0; } } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon { margin: 0 12px 0 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon { margin: 0 14px 0 0; } } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon { left: 24px; right: auto; } .e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-left: 22px; margin-right: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { padding-left: 12px; padding-right: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { padding-left: 0; } } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { left: 18px; right: auto; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 12px; padding-right: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 0; padding-right: 0; } } .e-bigger .e-tab.e-rtl .e-tab-header .e-hor-nav, .e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-right-nav, .e-tab.e-bigger.e-rtl .e-tab-header .e-hor-nav, .e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-right-nav { padding: 0 12px; } .e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-left-nav, .e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-left-nav { padding: 0 12px; } .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon { left: -24px; } .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav, .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-hor-nav { padding: 0 24px; } .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after, .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-down-icon::after, .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after, .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-popup-down-icon::after { margin: 0 10px 0 0; } .e-tab { display: block; position: relative; } .e-tab.e-hidden { display: none; } .e-tab.e-fill-mode .e-content, .e-tab.e-fill-mode .e-content .e-item, .e-tab.e-fill-mode .e-content .e-item > div, .e-tab.e-fill-mode .e-content .e-item > div > .e-blazor-template { height: 100%; } .e-tab .e-tab-header { height: 36px; min-height: 36px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header { height: 48px; min-height: 48px; } } .e-tab .e-tab-header::before { content: ''; position: absolute; } .e-tab .e-tab-header:not(.e-vertical)::before { bottom: 0; top: 0; width: 100%; } .e-tab .e-tab-header .e-toolbar-items { height: auto; margin: 0; min-height: 36px; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items { min-height: 48px; } } .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device { padding: 0; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav { display: none; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav { width: 40px; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-tab .e-tab-header .e-hscroll-bar { overflow: hidden; } .e-tab .e-tab-header .e-indicator { display: block; position: absolute; } .e-tab .e-tab-header .e-indicator.e-hidden { display: none; } .e-tab .e-tab-header:not(.e-vertical) .e-indicator { bottom: 0; height: 2px; left: 0; right: 0; transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); } .e-tab .e-tab-header .e-toolbar-item.e-hidden { display: none; } .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 36px; margin: 0; min-height: 36px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 48px; min-height: 48px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 36px; padding: 0 18px; width: 100%; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 12px; } } .e-tab .e-tab-header .e-toolbar-item .e-text-wrap { align-content: center; align-items: center; display: inline-flex; height: 36px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-text-wrap { height: 48px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-text { display: inherit; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 500; text-transform: uppercase; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-text { font-size: 14px; } } .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0; } } .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 36px; margin-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; } } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 500; } .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 36px; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 48px; } } .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { display: none; margin: 0 0 0 10px; min-width: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { margin: 0 0 0 14px; } } .e-tab .e-tab-header .e-toolbar-item .e-close-icon, .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-close-icon, .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 12px; } } .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { top: 0; } .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { display: inline-flex; height: 20px; min-width: 20px; width: 20px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { height: 20px; width: 20px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 18px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 20px; } } .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { justify-content: center; padding: 0 18px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { padding: 0 24px; } } .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 14px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom { height: 62px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom { height: 72px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { align-items: center; display: flex; height: 62px; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 72px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap { display: block; height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { position: absolute; right: 18px; top: calc(50% - 6px); } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { right: 12px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 8px 0 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 10px 0 0; } } .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 8px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 10px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom { align-items: center; display: flex; flex-direction: column; justify-content: center; margin: auto; } .e-tab .e-tab-header .e-toolbar-pop { overflow-y: auto; padding: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 36px; min-height: 36px; min-width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 48px; min-height: 48px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 36px; padding: 0 16px; text-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 16px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 36px; width: 100%; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { display: inline-flex; width: 100%; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon { margin: 0 0 0 8px; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before { top: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 0; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom { height: 36px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom { height: 48px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 36px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 48px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 48px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap { display: inline-flex; height: auto; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { display: block; justify-content: center; margin: 0 0 0 10px; padding-left: 0; padding-right: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { justify-content: center; margin: 0 0 0 12px; padding-left: 0; padding-right: 0; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { right: 18px; top: initial; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom { display: inline-flex; } .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon { align-items: center; align-self: center; display: inline-flex; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon { display: none; } } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon { display: inline-flex; } } .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-right: 20px; } .e-tab .e-tab-header .e-scroll-nav { height: 36px; min-height: 36px; min-width: auto; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav { height: 48px; min-height: 48px; } } .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav { padding: 0 9px; } .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 9px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 12px; } } .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { font-size: 12px; line-height: 24px; position: relative; top: 0; vertical-align: initial; } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } } .e-tab .e-tab-header .e-hor-nav { height: 36px; min-height: 36px; min-width: auto; padding: 0 9px; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav { height: 48px; min-height: 48px; padding: 0 12px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; line-height: 24px; position: relative; top: 0; vertical-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 16px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before { top: 0; } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon { transform: rotate(180deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon { transform: none; transition: none; } } .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { transform: rotate(0deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { transform: none; transition: none; } } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before { top: 0; } .e-tab .e-tab-header.e-horizontal-bottom::before { bottom: auto; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding-bottom: 0; padding-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header.e-horizontal-bottom .e-indicator { bottom: auto; top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; padding-bottom: 0; padding-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; } } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 36px; padding: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: initial; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap { height: initial; padding: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap::before { bottom: auto; top: 0; } .e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before { display: none; } .e-tab .e-tab-header.e-vertical { max-width: 150px; z-index: 1; } .e-tab .e-tab-header.e-vertical::before { bottom: 0; height: 100%; left: 0; top: 0; } .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 15px; height: auto; top: 15px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 0; top: 0; } } .e-tab .e-tab-header.e-vertical .e-indicator { display: block; transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1); width: 2px; } .e-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) { padding: 16px 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item:last-child { margin: 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap { padding: 0 18px; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-text-wrap { position: relative; width: 100%; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text, .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-icon::before { text-align: center; width: 100%; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before { display: none; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon { right: -18px; } .e-tab .e-tab-header.e-vertical .e-toolbar-pop { top: initial !important; } .e-tab .e-tab-header.e-vertical.e-vertical-left { float: left; } .e-tab .e-tab-header.e-vertical.e-vertical-left::before { right: 0; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-indicator { left: auto; right: 0; } .e-tab .e-tab-header.e-vertical.e-vertical-right { float: right; } .e-tab .e-tab-header.e-vertical.e-vertical-right::before { right: auto; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-indicator { left: 0; right: auto; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-tab-wrap { text-align: right; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text { width: auto; } .e-tab .e-tab-header.e-vertical .e-scroll-nav { height: 16px; justify-content: center; min-height: 16px; width: 100%; } .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { font-size: 10px; height: 16px; line-height: 16px; margin: 0 auto; width: 16px; } .e-tab .e-tab-header.e-vertical .e-hor-nav { padding: 0 18px; width: 100%; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon { height: 100%; transform: none; transition: none; width: 100%; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { float: left; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 500; line-height: 35px; text-align: left; text-transform: uppercase; transform: none; transition: none; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { float: left; font-size: 12px; line-height: 35px; margin: 0 0 0 10px; vertical-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { font-size: 14px; } } .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-nav, .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-overlay { display: none; } .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items { height: auto; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon { left: -18px; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav { padding: 0 18px; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { float: right; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { float: right; margin: 0 10px 0 0; } .e-tab .e-content { position: relative; } .e-tab .e-content .e-item.e-view { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .e-tab .e-content > .e-item { display: none; } .e-tab .e-content > .e-item.e-active { background: inherit; display: block; } .e-tab .e-content.e-progress { overflow-x: hidden; } .e-tab.e-vertical-tab .e-content { display: flex; } .e-tab.e-vertical-tab .e-content .e-item.e-active { display: flex; flex: none; } .e-tab.e-vertical-tab .e-content .e-item, .e-tab.e-vertical-tab .e-content .e-item > :first-child { width: 100%; } .e-tab.e-vertical-icon .e-tab-header { height: 62px; min-height: 62px; } .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { display: none; } .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items { height: 62px; } .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav { height: 62px; } .e-tab.e-vertical-icon .e-tab-header .e-hor-nav { height: 62px; } @media screen and (max-width: 480px) { .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; } } .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { display: none; } .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap { position: relative; } .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav { height: 16px; } .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 36px; } .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 36px; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 62px; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus { height: 36px; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 36px; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 36px; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 36px; padding: 0; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-template .e-content > .e-item { display: none; } .e-tab.e-template .e-content > .e-item.e-active { background: inherit; display: block; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align { display: flex; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { display: block; line-height: 15px; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { display: block; line-height: 14px; } .e-tab.e-ie .e-tab-header .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-popup-down-icon { transform: none; transition: none; } .e-tab.e-ie .e-tab-header .e-popup-up-icon::before { transform: rotate(180deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-ie .e-tab-header .e-popup-up-icon::before { transform: none; transition: none; } } .e-tab.e-ie .e-tab-header .e-popup-down-icon::before { transform: rotate(0deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-ie .e-tab-header .e-popup-down-icon::before { transform: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align { display: flex; } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { display: block; line-height: 14px; position: relative; } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { display: block; line-height: 11px; position: relative; } .e-tab.e-edge .e-tab-header .e-popup-up-icon { transform: rotate(180deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-up-icon { transform: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-down-icon { transform: rotate(0deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon { transform: none; transition: none; } } @media screen and (max-width: 480px) and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon { transform: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-up-icon::before { transform: rotate(180deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-up-icon::before { transform: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-down-icon::before { transform: rotate(0deg); transition: transform 0.1s ease; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon::before { transform: none; transition: none; } } .e-tab.e-safari .e-tab-header .e-close-icon::before { top: -1px; } .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before { top: 0; } .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { top: 0; } .e-tab.e-disable { pointer-events: none; } .e-tab.e-fill .e-tab-header { height: 34px; min-height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header { height: 46px; min-height: 46px; } } .e-tab.e-fill .e-tab-header .e-indicator { display: none; } .e-tab.e-fill .e-tab-header .e-toolbar-items { height: auto; min-height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-items { min-height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 34px; margin: 0; min-height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 46px; min-height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 60px; min-height: 60px; } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 34px; padding: 0 18px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 46px; padding: 0 18px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 500; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 60px; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { height: auto; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { padding: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-itop { padding-top: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin-right: 0; padding: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 34px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 46px; } } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: 44px; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 18px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 34px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 34px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 60px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } @media screen and (max-width: 480px) { .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } } .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-fill.e-vertical-icon .e-tab-header { height: 60px; min-height: 60px; } .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 18px; } @media screen and (max-width: 480px) { .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 24px; } } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 36px; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 500; } .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 18px; } .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { padding: 0; } .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap { height: 36px; } .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text { margin: 0 10px 0 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon { margin: 0 10px 0 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon { left: 18px; right: auto; } .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-left: 20px; margin-right: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { padding-left: 10px; padding-right: 0; } @media screen and (max-width: 480px) { .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { padding-left: 0; } } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon { left: 16px; right: auto; } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { left: 18px; right: auto; } .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 10px; padding-right: 0; } @media screen and (max-width: 480px) { .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 10px; padding-right: 0; } } .e-tab.e-rtl .e-tab-header .e-hor-nav, .e-tab.e-rtl .e-tab-header .e-scroll-right-nav { padding: 0 9px; } .e-tab.e-rtl .e-tab-header .e-scroll-left-nav { padding: 0 9px; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { display: none; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { margin: 0; width: 100%; } .e-tab-clone-element { overflow: visible; z-index: 10000; } .e-tab-clone-element:not(.e-separator) { height: 36px; margin: 0; min-height: 36px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-tab-clone-element:not(.e-separator) { height: 48px; min-height: 48px; } } .e-tab-clone-element .e-tab-wrap { height: 36px; padding: 0 18px; width: 100%; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-tab-wrap { height: 48px; padding: 0 12px; } } .e-tab-clone-element .e-text-wrap { align-content: center; align-items: center; display: inline-flex; height: 36px; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-text-wrap { height: 48px; } } .e-tab-clone-element .e-tab-text { display: inherit; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 500; text-transform: uppercase; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-tab-text { font-size: 14px; } } .e-tab-clone-element .e-icons.e-close-icon { display: none; } .e-tab-clone-element .e-close-icon, .e-tab-clone-element .e-close-icon::before { font-size: 10px; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-close-icon, .e-tab-clone-element .e-close-icon::before { font-size: 12px; } } .e-tab-clone-element .e-close-icon::before { top: 0; } .e-tab-clone-element .e-icons.e-tab-icon { display: inline-flex; height: 20px; min-width: 20px; width: 20px; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-icons.e-tab-icon { height: 20px; width: 20px; } } .e-tab-clone-element .e-tab-icon, .e-tab-clone-element .e-tab-icon::before { font-size: 18px; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-tab-icon, .e-tab-clone-element .e-tab-icon::before { font-size: 20px; } } .e-tab-clone-element.e-icon .e-tab-wrap { justify-content: center; padding: 0 18px; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-icon .e-tab-wrap { padding: 0 24px; } } .e-tab-clone-element .e-icon-left + .e-tab-text { margin: 0 0 0 10px; } @media screen and (max-width: 480px) { .e-tab-clone-element .e-icon-left + .e-tab-text { margin: 0 0 0 14px; } } .e-tab-clone-element.e-itop, .e-tab-clone-element.e-ibottom { height: 62px; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-itop, .e-tab-clone-element.e-ibottom { height: 72px; } } .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap { align-items: center; display: flex; height: 62px; position: relative; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap { height: 72px; } } .e-tab-clone-element.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab-clone-element.e-itop .e-text-wrap, .e-tab-clone-element.e-ibottom .e-text-wrap { display: block; height: auto; } .e-tab-clone-element.e-itop .e-close-icon, .e-tab-clone-element.e-ibottom .e-close-icon { position: absolute; right: 18px; top: calc(50% - 6px); } @media screen and (max-width: 480px) { .e-tab-clone-element.e-itop .e-close-icon, .e-tab-clone-element.e-ibottom .e-close-icon { right: 12px; } } .e-tab-clone-element.e-itop .e-tab-text { margin: 8px 0 0; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-itop .e-tab-text { margin: 10px 0 0; } } .e-tab-clone-element.e-ibottom .e-tab-text { margin: 0 0 8px; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-ibottom .e-tab-text { margin: 0 0 10px; } } .e-tab-clone-element .e-tab-icon.e-icon-top, .e-tab-clone-element .e-tab-icon.e-icon-bottom { align-items: center; display: flex; flex-direction: column; justify-content: center; margin: auto; } .e-tab-clone-element.e-close-show .e-icons.e-close-icon { align-items: center; align-self: center; display: inline-flex; } @media screen and (max-width: 480px) { .e-tab-clone-element.e-close-show .e-icons.e-close-icon { display: none; } } .e-tab-clone-element.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab-clone-element.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-right: 20px; } .e-bigger .e-tab-clone-element:not(.e-separator) { height: 48px; margin: 0; min-height: 48px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab-clone-element:not(.e-separator) { margin: 0; } } .e-bigger .e-tab-clone-element:not(.e-separator).e-itop, .e-bigger .e-tab-clone-element:not(.e-separator).e-ibottom { height: 72px; min-height: 72px; } .e-bigger .e-tab-clone-element .e-tab-wrap { height: 48px; padding: 0 24px; } @media screen and (max-width: 480px) { .e-bigger .e-tab-clone-element .e-tab-wrap { padding: 0 12px; } } .e-bigger .e-tab-clone-element .e-text-wrap { height: 48px; } .e-bigger .e-tab-clone-element .e-tab-text { font-size: 14px; } .e-bigger .e-tab-clone-element .e-icons.e-close-icon { cursor: pointer; margin: 0 0 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab-clone-element .e-icons.e-close-icon { margin: 0 0 0 14px; } } .e-bigger .e-tab-clone-element .e-icons.e-close-icon, .e-bigger .e-tab-clone-element .e-close-icon::before { font-size: 10px; } @media screen and (max-width: 480px) { .e-bigger .e-tab-clone-element .e-icons.e-close-icon, .e-bigger .e-tab-clone-element .e-close-icon::before { font-size: 12px; } } .e-bigger .e-tab-clone-element .e-icons.e-tab-icon { height: 24px; min-width: 24px; width: 24px; } .e-bigger .e-tab-clone-element .e-tab-icon, .e-bigger .e-tab-clone-element .e-tab-icon::before { font-size: 20px; } .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap { padding: 0 24px; } .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text { margin: 0 0 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text { margin: 0 0 0 14px; } } .e-bigger .e-tab-clone-element.e-itop, .e-bigger .e-tab-clone-element.e-ibottom { height: 72px; } .e-bigger .e-tab-clone-element.e-itop .e-tab-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-tab-wrap { height: 72px; } .e-bigger .e-tab-clone-element.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab-clone-element.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab-clone-element.e-ibottom.e-active .e-tab-wrap { height: 72px; } .e-bigger .e-tab-clone-element.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab-clone-element.e-itop .e-close-icon, .e-bigger .e-tab-clone-element.e-ibottom .e-close-icon { right: 24px; } .e-bigger .e-tab-clone-element.e-itop .e-tab-text { margin: 10px 0 0; } .e-bigger .e-tab-clone-element.e-ibottom .e-tab-text { margin: 0 0 10px; } /*! tab theme */ .e-tab { background: transparent; border: none; } .e-tab .e-tab-header { background: inherit; border: 0; border-radius: 0; border-bottom: 0; } .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active { border-bottom: initial; } .e-tab .e-tab-header .e-toolbar-items { background: inherit; } .e-tab .e-tab-header .e-indicator { background: #e3165b; } .e-tab .e-tab-header .e-toolbar-item { background: inherit; border: none; } .e-tab .e-tab-header .e-toolbar-item .e-ripple-element { background: rgba(227, 22, 91, 0.12); } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { border-radius: 0; color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon { color: rgba(0, 0, 0, 0.54); } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon { color: rgba(0, 0, 0, 0.87); } } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover { background: inherit; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover { background: inherit; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-toolbar-item.e-active { border: none; border-radius: 0; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon { color: #e3165b; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon { color: #e3165b; } .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-icon { color: #e3165b; } .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text { color: #e3165b; } .e-tab .e-tab-header .e-toolbar-item .e-close-icon { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay { background: inherit; opacity: 1; pointer-events: none; } .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-icon { color: rgba(0, 0, 0, 0.38); } .e-tab .e-tab-header.e-reorder-active-item:not(.e-vertical) .e-toolbar-pop .e-toolbar-item.e-active { border: initial; } .e-tab .e-tab-header .e-toolbar-pop { background: #fff; border: 0; border-radius: 0; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21); overflow-y: auto; } .e-tab .e-tab-header .e-toolbar-pop[e-animate='true'] { overflow-y: hidden; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop { box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21); } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover { background: #eee; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active { background: #eee; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon { color: #e3165b; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-icon { color: rgba(0, 0, 0, 0.38); } .e-tab .e-tab-header .e-scroll-nav, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav { background: inherit; border: 0; } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover { background: initial; color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active { box-shadow: none; } .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover { background: initial; color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-hor-nav, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) { background: transparent; border: 0; } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon { color: rgba(0, 0, 0, 0.54); } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover { background: initial; border: initial; border-radius: 0; } .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon { background: rgba(0, 0, 0, 0.12); border: initial; border-radius: 0; color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover { background: initial; border: initial; border-radius: 0; } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active { background: initial; border: 0; border-radius: 0; box-shadow: none; } .e-tab .e-tab-header .e-hor-nav:hover, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover { border: 0; } .e-tab .e-tab-header .e-hor-nav:hover:active, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active { background: transparent; } .e-tab .e-tab-header .e-hor-nav.e-nav-active, .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active { background: inherit; border: 0; box-shadow: none; } .e-tab .e-tab-header.e-horizontal-bottom { border-bottom: 0; border-top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { border-bottom: 0; border-radius: 0; border-top: initial; border-top-color: inherit; } .e-tab .e-tab-header.e-vertical::before { border-width: 0 1px 0 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active { border-bottom: 0; border-top: 0; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active { border-radius: 0; border-right: initial; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active { border-left: initial; border-radius: 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-pop { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-tab .e-tab-header.e-vertical .e-scroll-nav { background: inherit; border: 1px solid transparent; } .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-up-nav { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-down-nav { border-top-color: rgba(0, 0, 0, 0.12); } .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { border: 0; } .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow:hover { background: none; } .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover { background: rgba(0, 0, 0, 0.12); } .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow { color: rgba(0, 0, 0, 0.87); } .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow:hover { background: none; } .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus { background: rgba(0, 0, 0, 0.12); } .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow { background: none; } .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow:hover { background: none; border: 0; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon { border: 0; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon:hover, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover { background: inherit; border: 0; } .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon { background: inherit; border: 0; } .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active:hover, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:hover, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover { background: inherit; border: 0; box-shadow: none; } .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon, .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon { border: 0; } .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus { background: rgba(227, 22, 91, 0.12); } .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text { color: #e3165b; } .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow { color: rgba(0, 0, 0, 0.87); } .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon { color: rgba(0, 0, 0, 0.87); } .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow { border: 0; } .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon, .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon { border: 0; } .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus { outline: 0; } .e-tab.e-disable { pointer-events: none; } .e-tab.e-disable .e-tab-header .e-indicator { background: rgba(227, 22, 91, 0.38); } .e-tab.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap { color: rgba(0, 0, 0, 0.38); } .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-icon { color: rgba(227, 22, 91, 0.38); } .e-tab.e-disable .e-content { opacity: 0.38; } .e-tab.e-fill .e-tab-header { border-bottom: 2px Solid #e3165b; } .e-tab.e-fill .e-tab-header .e-toolbar-item { border: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-ripple-element { background: rgba(0, 0, 0, 0.05); } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { color: rgba(0, 0, 0, 0.54); } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon { color: rgba(0, 0, 0, 0.87); } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { margin-top: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active { border: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { background: #e3165b; border-radius: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon { color: white; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { margin-top: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon { color: white; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover { color: white; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom { border-bottom: 0; border-top: 2px Solid #e3165b; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { margin-top: 0; } .e-tab.e-fill .e-tab-header.e-vertical { border-bottom: 0; } .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left { border-right: 2px Solid #e3165b; } .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right { border-left: 2px Solid #e3165b; } .e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { border-radius: 3px 3px 0 0; } .e-tab.e-fill.e-corner .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap { border-radius: 0 0 3px 3px; } .e-tab.e-fill.e-disable .e-tab-header { border-bottom: 2px Solid rgba(227, 22, 91, 0.38); } .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap { color: rgba(0, 0, 0, 0.38); } .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active { opacity: 1; } .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus { background: rgba(227, 22, 91, 0.38); } .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text, .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon, .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon { color: rgba(255, 255, 255, 0.38); } .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom { border-bottom: 0; border-top: 2px Solid rgba(227, 22, 91, 0.38); } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon { color: rgba(0, 0, 0, 0.87); } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus { background: rgba(227, 22, 91, 0.8); } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon { color: white; } .e-tab.e-background .e-tab-header { background: #3f51b5; border: 0; } .e-tab.e-background .e-tab-header .e-toolbar-items { background: #3f51b5; } .e-tab.e-background .e-tab-header .e-indicator { background: #fff; } .e-tab.e-background .e-tab-header .e-toolbar-item { border: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-ripple-element { background: rgba(0, 0, 0, 0.1); } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { background: #3f51b5; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover { color: rgba(255, 255, 255, 0.54); } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover { background: inherit; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon { color: white; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:hover, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:active { color: #fff; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active { border: 0; margin: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { background: #3f51b5; border-radius: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon { color: white; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus { background: inherit; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon { color: white; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon { color: white; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover { color: white; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap { background: rgba(63, 81, 181, 0); } .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-icon, .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-close-icon { color: rgba(255, 255, 255, 0.38); } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item { background: #3f51b5; } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover { background: rgba(255, 255, 255, 0.12); } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon, .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon { color: white; } .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow, .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover, .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover { background: inherit; color: #fff; } .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow, .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow { color: #fff; } .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover, .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover { background: inherit; color: #fff; } .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after, .e-tab.e-background .e-tab-header .e-scroll-nav:active::after { animation: hscroll-alt-popup-shadow 1s ease-out 0ms; } .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon, .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon, .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover, .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover, .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover, .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover { background: inherit; color: #fff; } .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon, .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon, .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon { color: #fff; } .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after, .e-tab.e-background .e-tab-header .e-hor-nav:active::after { animation: tbar-alt-popup-shadow 1s ease-out 0ms; } .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon, .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon { color: #fff; } .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { border: 0; } .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow { border: 0; } .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow:hover { background: none; } .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow { color: #fff; } .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon, .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon { background: inherit; border-color: transparent; } .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:hover { background: inherit; border-color: transparent; } .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon:hover, .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover { background: inherit; border-color: transparent; } .e-tab.e-background.e-disable .e-tab-header .e-indicator { background: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap { color: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon { color: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon { color: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active { opacity: 1; } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus { background: #3f51b5; color: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon { color: rgba(255, 255, 255, 0.38); } .e-tab.e-background.e-accent .e-tab-header .e-indicator { background: #e3165b; } .e-tab.e-background.e-accent .e-tab-header.e-disable .e-indicator { background: rgba(227, 22, 91, 0.38); } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { background: rgba(255, 255, 255, 0.12); } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon { color: rgba(255, 255, 255, 0.7); } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus { background: rgba(255, 255, 255, 0.12); } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon { color: white; } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap { background: rgba(63, 81, 181, 0); } .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap:focus { background: rgba(255, 255, 255, 0.12); } .e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow { color: rgba(255, 255, 255, 0.87); } .e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon { color: rgba(255, 255, 255, 0.87); } .e-tab.e-rtl .e-tab-header .e-hscroll.e-rtl .e-scroll-nav { border: 0; } .e-tab .e-content { background: inherit; } .e-tab .e-content .e-item { background: inherit; color: #000; } .e-tab-clone-element { background: #fff; color: rgba(0, 0, 0, 0.54); } .e-tab-clone-element .e-tab-wrap { border-radius: 0; color: rgba(0, 0, 0, 0.54); } .e-tab-clone-element .e-tab-wrap .e-tab-icon { color: rgba(0, 0, 0, 0.54); } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! TreeView's material theme wise override definitions and variables */ /*! TreeView icons */ .e-treeview .e-list-item div.e-icons::before { content: '\e22f'; } .e-treeview .e-sibling::before { content: ''; } .e-treeview .e-popup .e-icons::before { content: '\e930'; } .e-treeview.e-drag-item .e-icons.e-drop-in::before { content: '\e22c'; } .e-treeview.e-drag-item .e-icons.e-drop-out::before { content: '\e22b'; } .e-treeview.e-drag-item .e-icons.e-drop-next::before { content: '\e22d'; } .e-treeview.e-drag-item .e-icons.e-no-drop::before { content: '\e22a'; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .e-bigger .e-treeview .e-navigable .e-text-content, .e-treeview.e-bigger .e-navigable .e-text-content { align-items: center; display: flex; } .e-bigger .e-treeview .e-navigable .e-list-text, .e-treeview.e-bigger .e-navigable .e-list-text { padding: 0; width: 100%; } .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text, .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-text { padding: 0; } .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img, .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img { margin: 0 10px 0 6px; } .e-bigger .e-treeview .e-navigable .e-anchor-wrap, .e-treeview.e-bigger .e-navigable .e-anchor-wrap { padding: 0 0 0 10px; } .e-bigger .e-treeview .e-navigable .e-list-icon, .e-bigger .e-treeview .e-navigable .e-list-img, .e-bigger .e-treeview .e-navigable .e-list-icon + .e-list-img, .e-treeview.e-bigger .e-navigable .e-list-icon, .e-treeview.e-bigger .e-navigable .e-list-img, .e-treeview.e-bigger .e-navigable .e-list-icon + .e-list-img { margin: 0 10px 0 0; } .e-bigger .e-treeview .e-fullrow, .e-treeview.e-bigger .e-fullrow { height: 40px; } .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text { max-width: calc(100% - 29px); } .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text, .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text { max-width: calc(100% - 70px); } .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text { max-width: calc(100% - 98px); } .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text, .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text { max-width: calc(100% - 34px); } .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text, .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text { max-width: calc(100% - 62px); } .e-bigger .e-treeview .e-list-text, .e-treeview.e-bigger .e-list-text { line-height: 38px; min-height: 38px; padding: 0 10px; } .e-bigger .e-treeview .e-list-text .e-input-group, .e-treeview.e-bigger .e-list-text .e-input-group { height: 38px; } .e-bigger .e-treeview .e-checkbox-wrapper, .e-treeview.e-bigger .e-checkbox-wrapper { margin: 0 0 0 10px; } .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-img, .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-icon, .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-img { margin: 0 0 0 16px; } .e-bigger .e-treeview .e-list-icon, .e-bigger .e-treeview .e-list-img, .e-treeview.e-bigger .e-list-icon, .e-treeview.e-bigger .e-list-img { margin: 0 0 0 10px; } .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img, .e-bigger .e-treeview .e-list-img + .e-list-icon, .e-bigger .e-treeview .e-list-img + .e-list-img, .e-treeview.e-bigger .e-list-icon + .e-list-icon, .e-treeview.e-bigger .e-list-icon + .e-list-img, .e-treeview.e-bigger .e-list-img + .e-list-icon, .e-treeview.e-bigger .e-list-img + .e-list-img { margin: 0 0 0 10px; } .e-bigger .e-treeview .e-icon-collapsible::before, .e-bigger .e-treeview .e-icon-expandable::before, .e-treeview.e-bigger .e-icon-collapsible::before, .e-treeview.e-bigger .e-icon-expandable::before { padding: 6px; } .e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img, .e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img { margin: 0 6px 0 10px; } .e-bigger .e-treeview.e-rtl .e-navigable .e-anchor-wrap, .e-treeview.e-bigger.e-rtl .e-navigable .e-anchor-wrap { padding: 0 10px 0 0; } .e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon, .e-bigger .e-treeview.e-rtl .e-navigable .e-list-img, .e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img, .e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon, .e-treeview.e-bigger.e-rtl .e-navigable .e-list-img, .e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon + .e-list-img { margin: 0 0 0 10px; } .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper, .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper { margin: 0 10px 0 0; } .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img, .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-icon, .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-img { margin: 0 16px 0 0; } .e-bigger .e-treeview.e-rtl .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-img, .e-treeview.e-bigger.e-rtl .e-list-icon, .e-treeview.e-bigger.e-rtl .e-list-img { margin: 0 10px 0 0; } .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img, .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-img, .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-icon, .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-img, .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-icon, .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-img { margin: 0 10px 0 0; } .e-treeview { display: block; overflow: hidden; position: relative; white-space: nowrap; } .e-treeview > .e-ul { -webkit-overflow-scrolling: touch; overflow: auto; } .e-treeview.e-text-wrap .e-list-text { white-space: normal; word-break: break-word; } .e-treeview.e-text-wrap.e-ie-wrap .e-list-text { word-break: break-all; } .e-treeview.e-text-wrap .e-editing .e-list-text, .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group { max-width: calc(100% - 2px); } .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text { max-width: calc(100% - 22px); } .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text, .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text { max-width: calc(100% - 59px); } .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text { max-width: calc(100% - 87px); } .e-treeview.e-text-wrap .e-list-icon + .e-list-text, .e-treeview.e-text-wrap .e-list-img + .e-list-text { max-width: calc(100% - 29px); } .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text { max-width: calc(100% - 57px); } .e-treeview .e-ul { margin: 0; padding: 0 0 0 24px; } .e-treeview li.e-node-collapsed .e-list-item .e-fullrow { display: none; } .e-treeview .e-display-none { display: none; } .e-treeview .e-list-item div.e-icons.interaction { -webkit-transition: -webkit-transform .3s ease-in-out; border-radius: 15px; transition: transform .3s ease-in-out; } .e-treeview .e-list-item .e-icons.e-icon-collapsible { transform: rotate(90deg); } .e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next { transform: rotate(180deg); } .e-treeview.e-rtl div.e-icons { transform: rotate(180deg); } .e-treeview .e-list-item { list-style: none; padding: 2px 0; } .e-treeview .e-list-item .e-ul { margin: 2px 0 -2px; padding: 0 0 0 24px; } .e-treeview .e-list-item.e-disable > .e-text-content, .e-treeview .e-list-item.e-disable > .e-fullrow { -ms-touch-action: none; filter: alpha(opacity=50); opacity: .5; pointer-events: none; touch-action: none; } .e-treeview .e-list-item .e-icons.e-icons-spinner::before { content: none; } .e-treeview .e-icons .e-spinner-pane { position: relative; } .e-treeview .e-icons .e-treeview-spinner { position: absolute; } .e-treeview .e-icons-spinner { position: relative; } .e-treeview .e-text-content { -webkit-user-select: none; user-select: none; border: 1px solid; cursor: pointer; margin: 0; padding: 0 0 0 24px; } .e-treeview .e-fullrow { -webkit-user-select: none; user-select: none; border: 1px solid; box-sizing: border-box; cursor: pointer; height: 32px; left: 0; overflow: hidden; position: absolute; width: 100%; } .e-treeview .e-checkbox-wrapper { margin: 0 0 0 5px; pointer-events: all; position: relative; } .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-treeview .e-checkbox-wrapper + .e-list-img { margin: 0 0 0 12px; } .e-treeview .e-checkbox-wrapper + .e-list-text { padding: 0 10px; } .e-treeview .e-checkbox-wrapper .e-ripple-container { bottom: -7px; height: 32px; left: -7px; right: -7px; top: -7px; width: 32px; } .e-treeview .e-list-text { box-sizing: border-box; display: inline-block; line-height: 30px; margin: 0; min-height: 30px; padding: 0 5px; text-decoration: none; vertical-align: middle; } .e-treeview .e-list-text .e-input-group { height: 30px; margin-bottom: 0; min-width: 150px; vertical-align: bottom; } .e-treeview .e-list-icon, .e-treeview .e-list-img { display: inline-block; height: 18px; margin: 0 0 0 5px; vertical-align: middle; width: 18px; } .e-treeview .e-list-icon + .e-list-icon, .e-treeview .e-list-icon + .e-list-img, .e-treeview .e-list-img + .e-list-icon, .e-treeview .e-list-img + .e-list-img { margin: 0 0 0 10px; } .e-treeview .e-list-icon + .e-list-text, .e-treeview .e-list-img + .e-list-text { padding: 0 10px; } .e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable { display: inline-block; height: 24px; margin: 0 0 0 -24px; vertical-align: middle; width: 24px; } .e-treeview .e-icon-collapsible::before, .e-treeview .e-icon-expandable::before { display: inline-block; padding: 7px; } .e-treeview .e-load { animation: rotation .5s infinite linear; } .e-treeview .e-sibling { border-radius: 10px; height: 6px; margin-top: -5px; width: 6px; position: absolute; z-index: 2; } .e-treeview .e-text-content + .e-sibling { margin-top: -1px; } .e-treeview .e-sibling::before { left: 6px; top: 3px; height: 1px; width: 144px; position: absolute; z-index: 2; } .e-treeview .e-popup { -webkit-user-select: none; user-select: none; font-weight: normal; position: absolute; z-index: 99999; } .e-treeview .e-popup .e-content { border-radius: 4px; border-style: solid; border-width: 1px; font-size: 14px; padding: 4px; } .e-treeview .e-popup .e-icons { border: 1px solid transparent; cursor: pointer; display: inline-block; height: 26px; line-height: 18px; padding: 4px; width: 26px; } .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after { border: 10px solid transparent; content: ''; height: 0; left: 8px; position: absolute; width: 0; } .e-treeview .e-popup .e-downtail::after { bottom: -18px; } .e-treeview.e-fullrow-wrap .e-text-content { pointer-events: none; position: relative; } .e-treeview.e-fullrow-wrap .e-icon-collapsible, .e-treeview.e-fullrow-wrap .e-icon-expandable, .e-treeview.e-fullrow-wrap .e-input, .e-treeview.e-fullrow-wrap .e-list-url { pointer-events: auto; } .e-treeview .e-navigable .e-text-content { align-items: center; display: flex; } .e-treeview .e-navigable .e-list-url { padding: 0; width: 100%; } .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap { padding: 0 0 0 10px; } .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img { margin: 0 10px 0 2px; } .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img { margin: 0 10px 0 0; } .e-treeview .e-navigable .e-anchor-wrap { padding: 0 0 0 5px; } .e-treeview .e-navigable .e-list-icon, .e-treeview .e-navigable .e-list-img { margin: 0 10px 0 0; } .e-treeview.e-drag-item { overflow: visible; z-index: 10000; } .e-treeview.e-drag-item .e-text-content { float: left; } .e-treeview.e-drag-item .e-icon-collapsible::before, .e-treeview.e-drag-item .e-icon-expandable::before { font-size: 12px; padding: 6px; } .e-treeview.e-drag-item .e-drop-count { border: 1px solid; border-radius: 15px; box-sizing: content-box; font-size: 13px; line-height: normal; min-width: 12px; padding: 3px 5px 4px; margin-left: -12px; position: absolute; text-align: center; top: -10px; } .e-treeview.e-dragging .e-text-content, .e-treeview.e-dragging .e-fullrow { cursor: default; } .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap { padding: 0 10px 0 0; } .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon, .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img { margin: 0 2px 0 10px; } .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img { margin: 0 0 0 10px; } .e-treeview.e-rtl .e-navigable .e-anchor-wrap { padding: 0 5px 0 0; } .e-treeview.e-rtl .e-navigable .e-list-icon, .e-treeview.e-rtl .e-navigable .e-list-img, .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img { margin: 0 0 0 10px; } .e-treeview.e-rtl .e-ul { padding: 0 24px 0 0; } .e-treeview.e-rtl .e-list-item .e-ul { padding: 0 24px 0 0; } .e-treeview.e-rtl .e-text-content { padding: 0 24px 0 0; } .e-treeview.e-rtl .e-checkbox-wrapper { margin: 0 5px 0 0; } .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon, .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img { margin: 0 12px 0 0; } .e-treeview.e-rtl .e-list-icon, .e-treeview.e-rtl .e-list-img { margin: 0 5px 0 0; } .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-treeview.e-rtl .e-list-icon + .e-list-img, .e-treeview.e-rtl .e-list-img + .e-list-icon, .e-treeview.e-rtl .e-list-img + .e-list-img { margin: 0 10px 0 0; } .e-treeview.e-rtl .e-icon-collapsible, .e-treeview.e-rtl .e-icon-expandable { margin: 0 -24px 0 0; } .e-treeview.e-rtl .e-sibling::before { right: 6px; top: 3px; } .e-treeview.e-rtl.e-drag-item .e-text-content { float: right; } .e-treeview.e-rtl.e-drag-item .e-drop-count { margin-right: -12px; } .e-treeview.e-disabled .e-fullrow, .e-treeview.e-disabled .e-icons, .e-treeview.e-disabled .e-text-content, .e-treeview.e-disabled .e-list-img, .e-treeview.e-disabled .e-list-icon { cursor: auto; } .e-treeview.e-disabled .e-list-url { cursor: default; pointer-events: none; } .e-treeview.e-interaction.e-fullrow-wrap .e-text-content { pointer-events: auto; } .e-bigger .e-treeview .e-list-text, .e-treeview.e-bigger .e-list-text { font-size: 14px; } .e-bigger .e-treeview .e-icon-collapsible::before, .e-bigger .e-treeview .e-icon-expandable::before, .e-treeview.e-bigger .e-icon-collapsible::before, .e-treeview.e-bigger .e-icon-expandable::before { font-size: 12px; } .e-treeview { -webkit-tap-highlight-color: transparent; } .e-treeview .e-text-content, .e-treeview .e-fullrow { border-color: transparent; } .e-treeview .e-list-text { color: rgba(0, 0, 0, 0.87); font-size: 13px; } .e-treeview .e-list-icon, .e-treeview .e-list-img { font-size: 18px; } .e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-icon-collapsible::before, .e-treeview .e-icon-expandable::before { font-size: 10px; } .e-treeview .e-list-item.e-active, .e-treeview .e-list-item.e-hover { background: transparent; } .e-treeview .e-list-item.e-hover > .e-text-content { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-list-item.e-active > .e-text-content { color: #e3165b; } .e-treeview .e-list-item.e-active > .e-text-content .e-list-text { color: #e3165b; } .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-list-item.e-active.e-hover > .e-text-content { color: #e3165b; } .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text { color: #e3165b; } .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-list-item.e-hover > .e-fullrow { background-color: #f5f5f5; border-color: #f5f5f5; } .e-treeview .e-list-item.e-active > .e-fullrow { background-color: #eee; border-color: #eee; } .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow { background-color: transparent; border-color: transparent; } .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-list-item.e-active.e-hover > .e-fullrow { background-color: #e0e0e0; border-color: #e0e0e0; } .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow { background-color: transparent; border-color: transparent; } .e-treeview .e-list-item.e-disable > .e-text-content, .e-treeview .e-list-item.e-disable > .e-fullrow { color: rgba(0, 0, 0, 0.54); } .e-treeview .e-list-item.e-disable > .e-text-content > .e-icon-collapsible, .e-treeview .e-list-item.e-disable > .e-text-content > .e-icon-expandable { color: rgba(0, 0, 0, 0.87); } .e-treeview .e-sibling { background: #e3165b; } .e-treeview .e-sibling::before { background: rgba(0, 0, 0, 0.54); } .e-treeview .e-popup .e-content { background-color: #fff; border-color: #eee; } .e-treeview .e-popup.e-select .e-icons { border-color: #eee; } .e-treeview .e-popup .e-downtail::before { border-top-color: #eee; } .e-treeview .e-popup .e-downtail::after { border-top-color: #fff; } .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content { background-color: #f5f5f5; border-color: #f5f5f5; } .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active > .e-text-content { background-color: #eee; border-color: #eee; } .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content { background-color: #e0e0e0; border-color: #e0e0e0; } .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content { background-color: transparent; border-color: transparent; } .e-treeview.e-fullrow-wrap .e-text-content { border-color: transparent; } .e-treeview.e-drag-item { background-color: #eee; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; } .e-treeview.e-drag-item .e-icon-collapsible::before, .e-treeview.e-drag-item .e-icon-expandable::before { font-size: 12px; } .e-treeview.e-drag-item .e-list-text { color: rgba(0, 0, 0, 0.54); } .e-treeview.e-drag-item .e-icons { color: rgba(0, 0, 0, 0.54); } .e-treeview.e-drag-item .e-drop-count { background-color: #e3165b; border-color: #fff; color: #fff; } .e-treeview.e-drag-item.e-rtl .e-sibling { background: #e3165b; } /*! Material theme definition's */ /*! component's theme wise override definitions and variables */ ejs-sidebar { display: none; } .e-sidebar-display { display: block; } .e-sidebar { -webkit-tap-highlight-color: transparent; background: #fff; height: 100%; overflow: auto; position: fixed; top: 0; transition: none; vertical-align: middle; visibility: hidden; will-change: transform; } .e-sidebar.e-right.e-open { transform: translateX(0%); transition: transform .5s ease; visibility: visible; } .e-sidebar.e-right.e-close { box-shadow: none; transform: translateX(100%); transition: transform .5s ease, visibility 500ms; visibility: hidden; } .e-sidebar.e-left.e-open { transform: translateX(0%); transition: transform .5s ease; visibility: visible; } .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close { transition: transform .5s ease, visibility 500ms; } .e-sidebar.e-left.e-close { box-shadow: none; transform: translateX(-100%); visibility: hidden; } .e-sidebar.e-right.e-close { box-shadow: none; transform: translateX(100%); transition: transform .5s ease, visibility 500ms; visibility: hidden; } .e-sidebar.e-right { border-left: 1px solid rgba(0, 0, 0, 0.12); left: auto; right: 0; top: 0; } .e-sidebar.e-left { border-right: 1px solid rgba(0, 0, 0, 0.12); left: 0; right: auto; top: 0; } .e-sidebar.e-left.e-close.e-dock { transform: translateX(0%); transition: width .5s ease, visibility 500ms; visibility: visible; } .e-sidebar.e-right.e-close.e-dock { transform: translateX(0%); transition: width .5s ease, visibility 500ms; visibility: visible; } .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation { transition: none; } .e-sidebar.e-visibility { visibility: hidden; } .e-sidebar.e-over { box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); } .e-sidebar-absolute { position: absolute; } .e-sidebar-context { overflow-x: hidden; position: relative; } .e-backdrop { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; top: 0; width: auto; z-index: 999; } .e-content-animation { transition: margin .5s ease, transform .5s ease; } .e-content-animation.e-overlay { box-sizing: border-box; overflow: auto; -webkit-user-select: none; user-select: none; } .e-disable-interaction { pointer-events: none; touch-action: none; } .e-sidebar-overflow { overflow-x: hidden !important; } .e-sidebar-overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; z-index: 999; } .e-content-placeholder.e-sidebar.e-placeholder-sidebar { left: 0; position: fixed; right: auto; top: 0; visibility: visible; } /*! component's theme wise override definitions and variables */ @keyframes hscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! component's theme wise override definitions and variables */ @keyframes vscroll-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*! menu layout */ .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before, .e-menu-container ul.e-vertical .e-menu-item .e-caret::before { content: '\e956'; } .e-menu-wrapper ul .e-menu-item .e-caret::before, .e-menu-container ul .e-menu-item .e-caret::before { content: '\e94d'; } .e-menu-wrapper .e-ul .e-menu-item .e-caret::before, .e-menu-container .e-ul .e-menu-item .e-caret::before { content: '\e956'; } .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon::before, .e-menu-container.e-hamburger .e-menu-header .e-menu-icon::before { content: '\e99a'; } .e-menu-wrapper.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before, .e-menu-container.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before { content: '\eb36'; } .e-menu-wrapper.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-wrapper.e-hamburger .e-menu-item .e-caret::before, .e-menu-container.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-container.e-hamburger .e-menu-item .e-caret::before { content: '\e94d'; } .e-menu-wrapper.e-rtl.e-hamburger ul.e-ul .e-caret::before, .e-menu-container.e-rtl.e-hamburger ul.e-ul .e-caret::before { content: '\e94d'; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before, .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before { content: '\e956'; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before, .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before { content: '\e94d'; } .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-container ul.e-vertical .e-caret::before { content: '\e937'; } .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before, .e-rtl.e-menu-container ul.e-ul .e-caret::before { content: '\e937'; } .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before, .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before { content: '\e937'; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before { content: '\e937'; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before { content: '\e94d'; } /*! menu layout */ .e-menu-wrapper, .e-menu-container { border: none; border-radius: 0; display: inline-block; line-height: 0; } .e-menu-wrapper .e-menu-vscroll, .e-menu-container .e-menu-vscroll { height: inherit; } .e-menu-wrapper ul, .e-menu-container ul { font-weight: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; overflow: hidden; -webkit-user-select: none; user-select: none; font-size: 0; padding: 0; text-align: left; white-space: nowrap; } .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *, .e-menu-container ul.e-ul, .e-menu-container ul.e-ul * { box-sizing: border-box; } .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus, .e-menu-container ul.e-ul:focus, .e-menu-container ul.e-ul *:focus { outline: none; } .e-menu-wrapper ul.e-vertical, .e-menu-container ul.e-vertical { min-width: 120px; } .e-menu-wrapper ul.e-vertical .e-menu-item, .e-menu-container ul.e-vertical .e-menu-item { display: list-item; } .e-menu-wrapper ul.e-vertical .e-separator, .e-menu-container ul.e-vertical .e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; } .e-menu-wrapper ul.e-menu, .e-menu-container ul.e-menu { display: inline-block; } .e-menu-wrapper ul.e-menu:not(.e-vertical), .e-menu-container ul.e-menu:not(.e-vertical) { padding: 0; } .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator, .e-menu-container ul.e-menu:not(.e-vertical) .e-separator { border-right-style: solid; border-right-width: 1px; padding: 0; } .e-menu-wrapper ul.e-menu .e-menu-item .e-menu-icon, .e-menu-container ul.e-menu .e-menu-item .e-menu-icon { width: 24px; } .e-menu-wrapper ul .e-menu-item, .e-menu-container ul .e-menu-item { cursor: pointer; position: relative; display: inline-flex; font-size: 13px; height: 42px; line-height: 42px; padding: 0 12px; vertical-align: top; white-space: nowrap; } .e-menu-wrapper ul .e-menu-item.e-menu-hide, .e-menu-container ul .e-menu-item.e-menu-hide { display: none; } .e-menu-wrapper ul .e-menu-item.e-menu-header, .e-menu-container ul .e-menu-item.e-menu-header { border-bottom-style: solid; border-bottom-width: 1px; } .e-menu-wrapper ul .e-menu-item .e-menu-url, .e-menu-container ul .e-menu-item .e-menu-url { text-decoration: none; } .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-menu-container ul .e-menu-item .e-menu-icon { display: inline-block; vertical-align: middle; } .e-menu-wrapper ul .e-menu-item.e-separator, .e-menu-container ul .e-menu-item.e-separator { cursor: auto; line-height: normal; pointer-events: none; } .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-menu-container ul .e-menu-item .e-menu-icon { font-size: 14px; height: auto; line-height: 42px; margin-right: 8px; text-align: center; } .e-menu-wrapper ul .e-menu-item .e-caret, .e-menu-container ul .e-menu-item .e-caret { font-size: 10px; height: auto; line-height: 42px; position: absolute; right: 12px; top: 0; width: auto; } .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-right: 30px; } .e-menu-wrapper ul .e-menu-item.e-disabled, .e-menu-container ul .e-menu-item.e-disabled { cursor: auto; opacity: 0.38; pointer-events: none; } .e-menu-wrapper .e-ul, .e-menu-container .e-ul { font-size: 14px; padding: 0; min-width: 120px; } .e-menu-wrapper .e-ul .e-menu-item, .e-menu-container .e-ul .e-menu-item { height: 36px; line-height: 36px; padding: 0 16px; display: list-item; } .e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url { display: inline-block; min-width: 120px; } .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon, .e-menu-container .e-ul .e-menu-item .e-menu-icon { font-size: 14px; line-height: 36px; margin-right: 10px; width: 1em; } .e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-container .e-ul .e-menu-item .e-caret { line-height: 36px; margin-left: 16px; margin-right: 0; position: absolute; right: 8px; } .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon, .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-menu-wrapper .e-ul .e-menu-item.e-separator, .e-menu-container .e-ul .e-menu-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; margin: 8px 0; } .e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-container .e-ul .e-menu-item .e-caret { font-size: 11px; } .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon, .e-menu-container.e-menu-icon-right .e-menu-header .e-menu-icon { float: right; } .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-title, .e-menu-container.e-menu-icon-right .e-menu-header .e-menu-title { padding: 0 16px; } .e-menu-wrapper .e-menu-header, .e-menu-container .e-menu-header { display: none; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: normal; height: 42px; line-height: 42px; text-align: left; white-space: nowrap; } .e-menu-wrapper .e-menu-header .e-menu-title, .e-menu-wrapper .e-menu-header .e-menu-icon, .e-menu-container .e-menu-header .e-menu-title, .e-menu-container .e-menu-header .e-menu-icon { display: inline-block; line-height: inherit; } .e-menu-wrapper .e-menu-header .e-menu-icon, .e-menu-container .e-menu-header .e-menu-icon { cursor: pointer; float: left; outline: none; padding: 0 16px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) { padding: 0 30px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav { width: 30px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover { border: 0; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-right-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-right-nav { border-left: none; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-left-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-left-nav { border-right: none; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-hscroll-bar, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-hscroll-bar { overflow-y: hidden; } .e-menu-wrapper .e-scroll-nav .e-nav-arrow, .e-menu-container .e-scroll-nav .e-nav-arrow { font-size: 10px; } .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow { transform: rotate(180deg); } .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow, .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow { transform: rotate(180deg); } .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow { transform: rotate(0deg); } .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow, .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow { transform: rotate(180deg); } .e-menu-wrapper.e-popup.e-menu-popup, .e-menu-container.e-popup.e-menu-popup { border: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); overflow: hidden; position: absolute; } .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device) { padding: 16px 0; } .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav, .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav { transform: none; width: 100%; } .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow, .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow { transform: none; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar, .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar { height: 100%; width: inherit; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar .e-vscroll-content, .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar .e-vscroll-content { width: inherit; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav { height: 16px; } .e-menu-wrapper.e-scrollable, .e-menu-container.e-scrollable { display: block; } .e-menu-wrapper.e-scrollable .e-menu, .e-menu-container.e-scrollable .e-menu { display: block; overflow: auto; } .e-menu-wrapper.e-contextmenu-container, .e-menu-container.e-contextmenu-container { height: 1px; } .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll ul.e-ul, .e-menu-container.e-contextmenu-container .e-menu-vscroll ul.e-ul { width: inherit; } .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll, .e-menu-container.e-contextmenu-container .e-menu-vscroll { border: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon { padding-left: 44px; } .e-rtl.e-menu-wrapper ul .e-menu-item, .e-rtl.e-menu-container ul .e-menu-item { text-align: right; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-right: 0; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul .e-menu-item .e-caret { margin-left: 0; margin-right: 16px; right: auto; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-left: 8px; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul .e-menu-item .e-caret { left: 12px; } .e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-left: 30px; padding-right: 12px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-left: 10px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret { left: 8px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 16px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon { padding-left: 16px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon { padding-left: 36px; } .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon { padding-right: 44px; } .e-bigger .e-menu-wrapper ul, .e-bigger.e-menu-wrapper ul, .e-bigger .e-menu-container ul, .e-bigger.e-menu-container ul { font-size: 14px; } .e-bigger .e-menu-wrapper ul .e-menu-item, .e-bigger.e-menu-wrapper ul .e-menu-item, .e-bigger .e-menu-container ul .e-menu-item, .e-bigger.e-menu-container ul .e-menu-item { height: 56px; line-height: 56px; padding: 0 16px; } .e-bigger .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul .e-menu-item .e-menu-icon { font-size: 16px; line-height: 56px; margin-right: 10px; } .e-bigger .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-menu-container ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-bigger .e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger .e-menu-container ul .e-menu-item .e-caret, .e-bigger.e-menu-container ul .e-menu-item .e-caret { font-size: 12px; line-height: 56px; right: 16px; } .e-bigger .e-menu-wrapper ul .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul .e-menu-item.e-separator, .e-bigger .e-menu-container ul .e-menu-item.e-separator, .e-bigger.e-menu-container ul .e-menu-item.e-separator { padding: 0; } .e-bigger .e-menu-wrapper ul.e-menu:not(.e-vertical), .e-bigger.e-menu-wrapper ul.e-menu:not(.e-vertical), .e-bigger .e-menu-container ul.e-menu:not(.e-vertical), .e-bigger.e-menu-container ul.e-menu:not(.e-vertical) { padding: 0; } .e-bigger .e-menu-wrapper ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger .e-menu-container ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger.e-menu-container ul.e-menu.e-vertical .e-menu-item.e-separator { height: auto; line-height: normal; } .e-bigger .e-menu-wrapper ul.e-ul, .e-bigger.e-menu-wrapper ul.e-ul, .e-bigger .e-menu-container ul.e-ul, .e-bigger.e-menu-container ul.e-ul { font-size: 15px; padding: 8px 0; white-space: nowrap; max-width: 280px; min-width: 112px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item, .e-bigger .e-menu-container ul.e-ul .e-menu-item, .e-bigger.e-menu-container ul.e-ul .e-menu-item { height: 48px; line-height: 48px; padding: 0 16px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { font-size: 16px; line-height: 48px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret { line-height: 48px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator, .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-separator, .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-separator { height: auto; line-height: normal; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret { font-size: 12px; right: 8px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-right: 10px; } .e-bigger .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon, .e-bigger.e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon { padding-left: 50px; } .e-bigger .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) { padding: 0 36px; } .e-bigger .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav { width: 36px; } .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger .e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger.e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device) { padding: 24px 0; } .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger .e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger.e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav { height: 24px; } .e-bigger .e-menu-wrapper.e-menu-popup, .e-bigger.e-menu-wrapper.e-menu-popup, .e-bigger .e-menu-container.e-menu-popup, .e-bigger.e-menu-container.e-menu-popup { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons, .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons, .e-bigger .e-menu-container .e-scroll-nav .e-icons, .e-bigger.e-menu-container .e-scroll-nav .e-icons { font-size: 12px; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item, .e-bigger .e-rtl.e-menu-container ul .e-menu-item, .e-bigger.e-rtl.e-menu-container ul .e-menu-item { text-align: right; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-left: 10px; margin-right: 0; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container ul .e-menu-item .e-caret { left: 16px; margin-left: 0; right: auto; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 16px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-left: 10px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret { left: 8px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 16px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon { padding-left: 16px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon { padding-left: 36px; } .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon, .e-bigger.e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon { padding-right: 50px; } .e-menu-wrapper.e-hamburger, .e-menu-container.e-hamburger { border: 0; display: block; position: relative; } .e-menu-wrapper.e-hamburger .e-menu-header:not(.e-vertical), .e-menu-container.e-hamburger .e-menu-header:not(.e-vertical) { border: none; display: block; } .e-menu-wrapper.e-hamburger .e-popup.e-menu-popup, .e-menu-container.e-hamburger .e-popup.e-menu-popup { border: 0; border-radius: 0; box-shadow: none; display: block; position: relative; width: 100%; } .e-menu-wrapper.e-hamburger ul.e-menu, .e-menu-container.e-hamburger ul.e-menu { border: none; overflow-y: auto; width: 100%; } .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu, .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu { display: none; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-menu-container.e-hamburger ul.e-menu .e-menu-item { text-indent: 12px; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 34px; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon { display: inline; text-indent: 0; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-hide, .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-hide { display: none; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded="true"] .e-caret, .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded="true"] .e-caret { transition: transform .3s ease-in-out; transform: rotate(-180deg); text-indent: 0; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded="false"] .e-caret, .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded="false"] .e-caret { transition: transform .3s ease-in-out; transform: rotate(0deg); text-indent: 0; } .e-menu-wrapper.e-hamburger ul.e-menu:not(.e-vertical), .e-menu-container.e-hamburger ul.e-menu:not(.e-vertical) { border-top: 0; display: block; padding: 0; position: absolute; } .e-menu-wrapper.e-hamburger ul.e-ul, .e-menu-container.e-hamburger ul.e-ul { font-size: 13px; padding: 0; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item, .e-menu-container.e-hamburger ul.e-ul .e-menu-item { line-height: 42px; text-indent: inherit; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item.e-blankicon, .e-menu-container.e-hamburger ul.e-ul .e-menu-item.e-blankicon { padding: 0; text-indent: inherit; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item .e-caret, .e-menu-container.e-hamburger ul.e-ul .e-menu-item .e-caret { font-size: 10px; right: 12px; } .e-menu-wrapper.e-hamburger ul .e-menu-item, .e-menu-container.e-hamburger ul .e-menu-item { display: list-item; height: auto; padding: 0; } .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon { padding: 0; } .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url, .e-menu-container.e-hamburger ul .e-menu-item .e-menu-url { display: inline-block; min-width: 120px; text-indent: 0; width: 100%; } .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon, .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon { padding: 0; } .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator, .e-menu-container.e-hamburger ul .e-menu-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-caret-icon, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-menu-caret-icon { padding-left: 0; padding-right: 0; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-menu-icon { margin-left: 0; text-indent: inherit; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-caret, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-caret { left: 12px; right: auto; } .e-bigger .e-menu-wrapper.e-hamburger ul .e-ul, .e-bigger.e-menu-wrapper.e-hamburger ul .e-ul, .e-bigger .e-menu-container.e-hamburger ul .e-ul, .e-bigger.e-menu-container.e-hamburger ul .e-ul { max-width: 100%; } .e-bigger .e-menu-wrapper.e-hamburger ul .e-ul .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul .e-ul .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul .e-ul .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul .e-ul .e-menu-item { height: auto; line-height: 56px; padding: 0; } .e-bigger .e-menu-wrapper.e-hamburger .e-menu-header, .e-bigger.e-menu-wrapper.e-hamburger .e-menu-header, .e-bigger .e-menu-container.e-hamburger .e-menu-header, .e-bigger.e-menu-container.e-hamburger .e-menu-header { font-size: 16px; height: 56px; line-height: 56px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-menu-item { text-indent: 16px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 42px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul { font-size: 14px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item { text-indent: inherit; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret { font-size: 12px; right: 16px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item { padding: 0; text-indent: 16px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 42px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon { margin-left: 0; text-indent: inherit; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon { padding-left: 0; padding-right: 0; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-caret { left: 12px; right: auto; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item { text-indent: inherit; } /*! menu theme */ .e-menu-wrapper, .e-menu-container { background-color: #fafafa; } .e-menu-wrapper .e-menu, .e-menu-container .e-menu { background-color: inherit; color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator, .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator { border-right-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper .e-menu .e-menu-item.e-menu-header, .e-menu-container .e-menu .e-menu-item.e-menu-header { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper .e-menu .e-menu-item .e-caret, .e-menu-container .e-menu .e-menu-item .e-caret { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon, .e-menu-container .e-menu .e-menu-item .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item.e-menu-header, .e-menu-container .e-menu .e-menu-item.e-menu-header { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper .e-menu .e-menu-item .e-menu-url, .e-menu-container .e-menu .e-menu-item .e-menu-url { color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused { color: initial; outline: 0 solid rgba(0, 0, 0, 0.12); outline-offset: 0; background-color: #eee; } .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret, .e-menu-container .e-menu .e-menu-item.e-focused .e-caret { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon, .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-container .e-menu .e-menu-item.e-selected { color: rgba(0, 0, 0, 0.87); outline: 0 solid #e0e0e0; outline-offset: 0; background-color: #e0e0e0; } .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-container .e-menu .e-menu-item.e-selected .e-caret { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu .e-menu-item.e-separator, .e-menu-container .e-menu .e-menu-item.e-separator { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper .e-menu .e-disabled, .e-menu-container .e-menu .e-disabled { color: rgba(0, 0, 0, 0.38); opacity: 1; } .e-menu-wrapper .e-menu .e-disabled .e-menu-icon, .e-menu-container .e-menu .e-disabled .e-menu-icon { color: rgba(0, 0, 0, 0.38); } .e-menu-wrapper .e-menu .e-disabled .e-caret, .e-menu-container .e-menu .e-disabled .e-caret { color: rgba(0, 0, 0, 0.38); } .e-menu-wrapper .e-menu .e-disabled .e-menu-url, .e-menu-container .e-menu .e-disabled .e-menu-url { color: rgba(0, 0, 0, 0.38); } .e-menu-wrapper .e-ul, .e-menu-container .e-ul { background-color: inherit; color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url { color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused { background-color: #eee; color: rgba(0, 0, 0, 0.87); outline: 0 solid rgba(0, 0, 0, 0.12); outline-offset: 0; } .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-container .e-ul .e-menu-item.e-selected { background-color: #eee; color: rgba(0, 0, 0, 0.87); outline: 0 solid #eee; outline-offset: 0; } .e-menu-wrapper .e-ul .e-menu-item.e-separator, .e-menu-container .e-ul .e-menu-item.e-separator { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper.e-menu-popup, .e-menu-container.e-menu-popup { background-color: #fff; } .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll, .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll { background-color: inherit; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav { background: #fafafa; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons { color: rgba(0, 0, 0, 0.54); } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:hover, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:hover { background: #eee; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:focus, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:focus { background: #eee; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:active, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:active { background: #eee; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav { background: #fff; border-color: rgba(0, 0, 0, 0.12); } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons { color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover, .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus { background: #eee; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active { background: #eee; } .e-menu-wrapper.e-hamburger .e-menu-header, .e-menu-container.e-hamburger .e-menu-header { color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon, .e-menu-container.e-hamburger .e-menu-header .e-menu-icon { color: rgba(0, 0, 0, 0.87); } .e-menu-wrapper.e-hamburger ul, .e-menu-container.e-hamburger ul { color: rgba(0, 0, 0, 0.87); } /*! breadcrumb icons */ .e-breadcrumb .e-breadcrumb-collapsed::before, .e-breadcrumb .e-breadcrumb-menu::before { content: '\eb04'; } .e-breadcrumb .e-home { margin-top: -1px; } .e-breadcrumb .e-home::before { content: '\e92b'; } .e-bigger .e-breadcrumb .e-home, .e-bigger.e-breadcrumb .e-home { margin-top: 0; } /*! breadcrumb layout */ .e-breadcrumb { display: block; } .e-breadcrumb.e-breadcrumb-wrap-mode { display: flex; } .e-breadcrumb .e-breadcrumb-first-ol { align-items: flex-start; flex-shrink: 0; padding-right: 0; } .e-breadcrumb .e-breadcrumb-wrapped-ol { flex-wrap: wrap; overflow: hidden; padding-left: 0; } .e-breadcrumb.e-breadcrumb-scroll-mode { line-height: 26px; overflow: auto; } .e-breadcrumb ol { align-items: center; display: inline-flex; line-height: normal; margin: 0; padding: 0; padding-left: 0; padding-right: 0; } .e-breadcrumb li { list-style-type: none; white-space: nowrap; } .e-breadcrumb .e-breadcrumb-item { align-items: center; display: flex; flex-shrink: 0; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text { padding: 4px 8px; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text { align-items: center; display: flex; font-size: 14px; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap { align-items: inherit; display: inherit; } .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text { cursor: pointer; text-decoration: none; } .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active { text-decoration: underline; } .e-breadcrumb .e-breadcrumb-item span.e-breadcrumb-text { cursor: default; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon { font-size: 14px; padding-right: 8px; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon:hover { text-decoration: none; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon::before { display: inline-block; text-decoration: none; } .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon { padding: 2px 0; } .e-breadcrumb .e-breadcrumb-item.e-disabled { opacity: 1; pointer-events: none; } .e-breadcrumb .e-breadcrumb-separator { display: flex; font-size: 14px; padding: 4px 3px; } .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator { margin-left: -4px; padding-left: 0; } .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator { margin-left: 0; margin-right: -4px; padding-left: 3px; padding-right: 0; } .e-breadcrumb .e-breadcrumb-collapsed, .e-breadcrumb .e-breadcrumb-menu { cursor: pointer; font-size: 16px; padding: 4px 4px; vertical-align: bottom; } .e-breadcrumb .e-breadcrumb-menu { display: inline-block; } .e-breadcrumb .e-breadcrumb-item-wrapper { display: flex; } .e-breadcrumb.e-icon-right .e-breadcrumb-icon, .e-breadcrumb .e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-breadcrumb-icon { padding-left: 8px; padding-right: 0; } .e-breadcrumb.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-icon { padding-left: 0; padding-right: 8px; } .e-breadcrumb.e-disabled { opacity: 1; } .e-breadcrumb.e-disabled .e-breadcrumb-item, .e-breadcrumb.e-disabled .e-breadcrumb-separator, .e-breadcrumb.e-disabled .e-breadcrumb-collapsed, .e-breadcrumb.e-disabled .e-breadcrumb-menu { pointer-events: none; } .e-breadcrumb-popup { border: none; border-radius: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); position: absolute; } .e-breadcrumb-popup ul { margin: 0; padding: 0; } .e-breadcrumb-popup .e-breadcrumb-item { list-style-type: none; white-space: nowrap; } .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text { align-items: center; display: flex; font-size: 14px; height: 36px; line-height: 36px; padding: 0 16px; width: 100%; } .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap { align-items: inherit; display: inherit; width: inherit; } .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-icon { font-size: 14px; padding-right: 8px; } .e-breadcrumb-popup .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon { padding: 0; } .e-breadcrumb-popup .e-breadcrumb-item a.e-breadcrumb-text { text-decoration: none; } .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-breadcrumb-icon { padding-left: 8px; padding-right: 0; } .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon { display: flex; flex-grow: 1; justify-content: flex-end; } .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon { padding-left: 0; padding-right: 8px; } .e-bigger.e-breadcrumb-popup .e-breadcrumb-text, .e-bigger .e-breadcrumb-popup .e-breadcrumb-text { font-size: 16px; height: 48px; line-height: 48px; } .e-bigger.e-breadcrumb-popup .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup .e-breadcrumb-text .e-breadcrumb-icon { font-size: 16px; padding-right: 8px; } .e-bigger.e-breadcrumb-popup .e-icon-item .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup .e-icon-item .e-breadcrumb-text .e-breadcrumb-icon { padding: 0; } .e-bigger.e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon, .e-bigger.e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon, .e-bigger.e-breadcrumb-popup.e-rtl .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup.e-rtl .e-breadcrumb-icon { padding-left: 8px; padding-right: 0; } .e-bigger.e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-bigger.e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-bigger .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon { padding-left: 0; padding-right: 8px; } .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text, .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text { padding: 4px 12px; } .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text, .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text { font-size: 16px; } .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon { font-size: 16px; padding-right: 8px; } .e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon { padding: 2px 0; } .e-bigger.e-breadcrumb .e-breadcrumb-separator, .e-bigger .e-breadcrumb .e-breadcrumb-separator { font-size: 16px; padding: 4px 5px; } .e-bigger.e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator, .e-bigger .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator { padding-left: 0; } .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator, .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator { padding-left: 5px; } .e-bigger.e-breadcrumb .e-breadcrumb-collapsed, .e-bigger.e-breadcrumb .e-breadcrumb-menu, .e-bigger .e-breadcrumb .e-breadcrumb-collapsed, .e-bigger .e-breadcrumb .e-breadcrumb-menu { font-size: 18px; padding: 5px 5px; } .e-bigger.e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger.e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon { padding-left: 8px; padding-right: 0; } .e-bigger.e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon { padding-left: 0; padding-right: 8px; } /*! breadcrumb theme */ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text { color: rgba(0, 0, 0, 0.65); } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus { color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active { color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-item.e-icon-item:active { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:focus { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text { color: rgba(0, 0, 0, 0.87); font-weight: 500; } .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon { color: rgba(0, 0, 0, 0.54); } .e-breadcrumb .e-breadcrumb-separator { color: rgba(0, 0, 0, 0.54); } .e-breadcrumb .e-breadcrumb-collapsed, .e-breadcrumb .e-breadcrumb-menu { color: rgba(0, 0, 0, 0.54); } .e-breadcrumb .e-breadcrumb-collapsed:hover, .e-breadcrumb .e-breadcrumb-menu:hover { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-collapsed:active, .e-breadcrumb .e-breadcrumb-menu:active { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb .e-breadcrumb-collapsed:focus, .e-breadcrumb .e-breadcrumb-menu:focus { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb.e-disabled .e-breadcrumb-separator { color: rgba(0, 0, 0, 0.26); } .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon { color: rgba(0, 0, 0, 0.26); } .e-breadcrumb-popup { background-color: #fff; } .e-breadcrumb-popup .e-breadcrumb-text { color: #616161; } .e-breadcrumb-popup .e-breadcrumb-text:hover { background-color: #eee; color: rgba(0, 0, 0, 0.87); } .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:focus { background-color: #eee; color: rgba(0, 0, 0, 0.87); } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-inputs/styles/material.css (1) ***! \*************************************************************************************************************************************************************************************************************************************************************/ .e-signature { border: 1px solid; } .e-signature { background-color: #fff; border: 1px solid; border-color: #e0e0e0; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e932'; font-family: 'e-icons'; } .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e932'; font-family: 'e-icons'; } .e-filled.e-float-input .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-filled.e-input-group .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-outline.e-float-input .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } .e-outline.e-input-group .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e208'; font-family: 'e-icons'; } /*! input layout */ .e-input-group, .e-input-group.e-control-wrapper { display: table; line-height: 1.4; margin-bottom: 4px; } input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border: 0 solid; border-width: 0 0 1px 0; height: auto; line-height: inherit; margin: 0; margin-bottom: 4px; outline: none; padding: 4px 0 4px; text-indent: 0; width: 100%; } input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { font: inherit; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, input.e-input:focus, .e-input-group input.e-input:focus, .e-input-group input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group.e-control-wrapper input:focus, .e-float-input input:focus, .e-float-input.e-input-group input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input.e-control-wrapper.e-input-group input:focus { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-input-group.e-input-focus input.e-input, .e-input-group.e-input-focus input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input, .e-float-input.e-input-group.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-control-wrapper.e-input-group.e-input-focus input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-control-wrapper { border-radius: 0; } .e-input:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-small:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 5px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 4px; } .e-input:focus { padding-bottom: 3px; } .e-input.e-small:focus { padding-bottom: 3px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 4px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 3px; } .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 4px 0 4px; } .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus { padding: 4px 0 4px; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper, .e-input-group.e-bigger.e-disabled, .e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { font: inherit; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { line-height: inherit; margin-bottom: 8px; padding: 5px 0 5px; } .e-input-group.e-bigger .e-input:focus, .e-bigger .e-input-group .e-input:focus, .e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-input-group.e-control-wrapper .e-input:focus, .e-input-group.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus .e-input { padding: 5px 0 5px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { align-items: center; border: 0 solid; border-width: 0; box-sizing: content-box; cursor: pointer; flex-direction: column; font-size: 12px; justify-content: center; line-height: 1; min-height: 18px; min-width: 18px; padding: 0; text-align: center; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { min-height: 20px; min-width: 20px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; padding: 0; } .e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 32px; min-width: 32px; padding: 0; } .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 28px; min-width: 28px; padding: 0; } .e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active { background: transparent; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { cursor: auto; } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-disabled input, .e-input-group.e-disabled input.e-input, .e-input-group.e-disabled textarea, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled, .e-input-group.e-control-wrapper.e-disabled input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled textarea, .e-input-group.e-control-wrapper.e-disabled textarea.e-input, .e-float-input.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-input-group.e-disabled span, .e-input-group.e-control-wrapper.e-disabled span { cursor: not-allowed; } .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input.e-disabled, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper.e-disabled input { filter: alpha(opacity=100); opacity: 1; } .e-input.e-rtl, .e-input-group.e-rtl, .e-input-group.e-control-wrapper.e-rtl { direction: rtl; } .e-input.e-corner { border-radius: 0; } .e-input-group, .e-input-group.e-control-wrapper { display: inline-flex; vertical-align: middle; } .e-float-input:not(.e-input-group), .e-float-input.e-control-wrapper:not(.e-input-group) { display: inline-block; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { display: flex; } .e-input-group .e-input-group-icon:first-child, .e-input-group.e-control-wrapper .e-input-group-icon:first-child { border-left-width: 0; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { white-space: nowrap; } .e-input-group .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper .e-input-group-icon:not(:last-child) { border-right-width: 0; } .e-input + .e-input-group-icon, .e-input-group .e-input + .e-input-group-icon, .e-input-group.e-control-wrapper .e-input + .e-input-group-icon { border-left-width: 0; } .e-input-group.e-corner .e-input:first-child, .e-input-group.e-corner .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner .e-input:first-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .e-input-group.e-corner .e-input:last-child, .e-input-group.e-corner .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner .e-input:last-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .e-input-group.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:first-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:not(:last-child) { border-left-width: 0; } .e-input-group.e-rtl .e-input-group-icon + .e-input, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input { border-right-width: 0; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input, .e-input-group.e-small, .e-small .e-input-group, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-disabled, .e-small .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-input-group.e-small .e-input, .e-input-group.e-small.e-control-wrapper .e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input { font: inherit; } .e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input { line-height: inherit; padding: 4px 0 4px; } .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-small.e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-input-group.e-control-wrapper, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-bigger, .e-small .e-input-group.e-control-wrapper.e-bigger { font-size: 13px; } .e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-input.e-small.e-disabled, .e-small .e-input.e-bigger.e-disabled, .e-bigger .e-input-group.e-small.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-bigger.e-disabled, .e-small .e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-input.e-small.e-bigger, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger { padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input, .e-input-group.e-small .e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input { font: inherit; padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input:focus, .e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; min-height: 16px; min-width: 16px; padding: 0; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-small .e-bigger.e-input-group .e-input-group-icon, .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { font-size: 12px; min-height: 18px; min-width: 18px; padding: 0; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; user-select: none; white-space: nowrap; width: 100%; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -11px; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { content: ''; font-style: normal; } .e-float-input.e-bigger label.e-float-text, .e-float-input label.e-float-text.e-bigger, .e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small label.e-float-text, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-small label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; font-style: normal; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -11px; } .e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -8px; } .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -10px; } .e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -10px; } .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input input:focus ~ label.e-float-text, .e-small .e-float-input input:valid ~ label.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.86); } .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-small .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: -9px; } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: -9px; } .e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -9px; } .e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 12px; top: -8px; } .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -8px; } .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -7px; } .e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text { top: -10px; } .e-float-input, .e-float-input.e-control-wrapper { line-height: 1.4; margin-bottom: 4px; margin-top: 16px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { line-height: 1.5; margin-bottom: 8px; margin-top: 17px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-small, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { line-height: 1.35; margin-bottom: 4px; margin-top: 16px; padding-top: 0; } .e-float-input.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-small, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-control-wrapper.e-small, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { line-height: 1.4; margin-bottom: 4px; margin-top: 17px; padding-top: 0; } .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper { line-height: 1.5; } .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-small, .e-bigger .e-input-group.e-small, .e-small .e-input-group.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-control-wrapper.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper.e-bigger { line-height: normal; } .e-float-input.e-no-float-label, .e-float-input.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-no-float-label, .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-no-float-label, .e-float-input.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-bigger.e-no-float-label, .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-bigger.e-no-float-label { margin-top: 0; } .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0 0 1px 0; display: block; font: inherit; width: 100%; } .e-float-input input, .e-float-input.e-control-wrapper input { min-width: 0; padding: 4px 0 4px; } .e-float-input input, .e-input-group input, .e-float-input.e-control-wrapper input, .e-input-group.e-control-wrapper input { text-indent: 0; } .e-float-input textarea, .e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-input-group.e-control-wrapper textarea { text-indent: 0; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { font-size: 14px; } .e-float-input.e-bigger.e-disabled, .e-bigger .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { font: inherit; line-height: inherit; padding: 5px 0 5px; } .e-float-input.e-small, .e-small .e-float-input, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { font-size: 12px; } .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input.e-small.e-bigger, .e-small.e-bigger .e-float-input, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-float-input.e-control-wrapper, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { font-size: 13px; } .e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-disabled, .e-bigger .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-bigger.e-disabled, .e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-disabled, .e-bigger .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-bigger.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input textarea:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input { outline: none; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text { font-family: inherit; } .e-float-input input:valid ~ label.e-float-text, .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text.e-label-top, .e-float-input input ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { -webkit-user-select: text; user-select: text; } .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text.e-label-top, .e-float-input textarea ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top { -webkit-user-select: text; user-select: text; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { bottom: 0; content: ''; height: 2px; position: absolute; transition: .2s ease; width: 0; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before { left: 50%; } .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { right: 50%; } .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::after { width: 50%; } .e-float-input .e-float-line, .e-float-input.e-control-wrapper .e-float-line { display: block; position: relative; width: 100%; } .e-float-input.e-rtl, .e-float-input.e-control-wrapper.e-rtl { direction: rtl; } .e-float-input.e-rtl label.e-float-text, .e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-rtl .e-float-input label.e-float-text, .e-rtl .e-float-input.e-control-wrapper label.e-float-text, .e-rtl label.e-float-text, .e-rtl .e-float-input.e-control-wrapper label.e-float-text, .e-rtl.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; transform-origin: right top; } .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-input-group.e-corner.e-rtl .e-input:first-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-corner.e-rtl .e-input:last-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-warning::before, .e-input-group.e-control-wrapper.e-warning::before { content: ''; } .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } .e-input-group.e-corner.e-rtl input.e-input:only-child, .e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child { border-radius: 0; } .e-input-group.e-rtl .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { min-width: 0; width: 100%; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) { border: 0 solid; border-width: 0; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { margin-bottom: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before { left: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before { left: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after { width: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { right: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { right: 50%; } .e-input-group, .e-input-group.e-control-wrapper { position: relative; width: 100%; } .e-input-group .e-input-group-icon:hover, .e-input-group.e-rtl.e-corner .e-input-group-icon:hover, .e-input-group.e-control-wrapper .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-rtl.e-corner .e-input-group-icon:hover { border-radius: 2px; } .e-input.e-small, .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small { margin-bottom: 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger .e-input.e-small, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small { line-height: inherit; margin-bottom: 4px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 2px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 5px; margin-right: 8px; margin-top: 6px; } .e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 6px; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-small .e-bigger.e-input-group .e-input-group-icon, .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-small .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon { margin-top: 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 4px; } .e-input-group .e-input-group-icon:last-child, .e-input-group.e-bigger .e-input-group-icon:last-child, .e-input-group .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon:last-child, .e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-bigger .e-input-group.e-small .e-input-group-icon:last-child { margin-right: 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) { border-style: solid; border-width: 0 0 1px 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-style: solid; border-width: 0 0 1px 0; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left) { border-bottom: 1px solid; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: 1px solid; border-width: 0 0 1px 0; } .e-input-group.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group.e-input-focus.e-corner, .e-input-group.e-control-wrapper.e-input-focus.e-corner { border-radius: 0; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background: transparent; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; color: rgba(0, 0, 0, 0.42); } .e-float-custom-tag, .e-float-custom-tag.e-control-wrapper { display: inline-block; } .e-float-custom-tag.e-input-group, .e-float-custom-tag.e-input-group.e-control-wrapper, .e-input-custom-tag, .e-input-custom-tag.e-input-group, .e-input-custom-tag.e-input-group.e-control-wrapper { display: inline-flex; vertical-align: middle; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { position: relative; } .e-input-group:not(.e-filled) .e-input-group-icon::after, .e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after { background: #bdbdbd; border-radius: 100%; content: ''; display: block; filter: alpha(opacity=75); height: 50%; left: 25%; opacity: .75; position: absolute; top: 25%; transform: scale(0); width: 50%; } .e-input-group .e-input-group-icon.e-input-btn-ripple::after, .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after { animation: e-input-ripple .45s linear; } input.e-input::-ms-clear, .e-float-input input::-ms-clear, .e-float-input.e-control-wrapper input::-ms-clear { display: none; } input.e-input[type='search']::-webkit-search-decoration, input.e-input[type='search']::-webkit-search-cancel-button, input.e-input[type='search']::-webkit-search-results-button, input.e-input[type='search']::-webkit-search-results-decoration, .e-float-input input[type='search']::-webkit-search-decoration, .e-float-input input[type='search']::-webkit-search-cancel-button, .e-float-input input[type='search']::-webkit-search-results-button, .e-float-input input[type='search']::-webkit-search-results-decoration, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-decoration, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-cancel-button, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-button, .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-control-wrapper.e-input-group .e-float-line, .e-float-input.e-control-wrapper.e-input-group.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-input-group input, .e-float-input.e-input-group textarea, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-input-group.e-control-wrapper textarea { border: 0; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group .e-float-text, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-text { right: 0; } input.e-input::-webkit-input-placeholder, input.e-input:-moz-placeholder, input.e-input:-ms-input-placeholder, input.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } textarea.e-input::-webkit-input-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-input-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger input.e-input::-webkit-input-placeholder, input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-input:-moz-placeholder, input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-input:-ms-input-placeholder, input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-input::-moz-placeholder, input.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-bigger textarea.e-input::-webkit-input-placeholder, textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-input-placeholder, textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-small input.e-input::-webkit-input-placeholder, input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-input:-moz-placeholder, input.e-small.e-input:-moz-placeholder, .e-small input.e-input:-ms-input-placeholder, input.e-small.e-input:-ms-input-placeholder, .e-small input.e-input::-moz-placeholder, input.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-small textarea.e-input::-webkit-input-placeholder, textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-small.e-input:-moz-placeholder, .e-small input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-small.e-input:-ms-input-placeholder, .e-small input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-small.e-input::-moz-placeholder, .e-small input.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input::-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input::-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-ms-input-placeholder { font-style: normal; } textarea.e-input:-ms-input-placeholder { font-style: normal; } input.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } textarea.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input:not(.e-input-group) input, .e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: content-box; content: ''; } .e-control input.e-input, .e-control .e-input-group input, .e-control .e-input-group input.e-input, .e-control .e-input-group.e-control-wrapper input, .e-control .e-input-group.e-control-wrapper input.e-input, .e-control .e-float-input input, .e-control .e-float-input.e-control-wrapper input, .e-control.e-input-group input, .e-control.e-input-group input.e-input, .e-control.e-input-group.e-control-wrapper input, .e-control.e-input-group.e-control-wrapper input.e-input, .e-control.e-float-input input, .e-control.e-float-input.e-control-wrapper input { box-sizing: content-box; } input.e-input.e-bigger, .e-input-group.e-bigger input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-input-group input, .e-bigger .e-input-group input.e-input, .e-bigger .e-input-group.e-control-wrapper input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger input, .e-float-input.e-bigger input.e-input, .e-bigger .e-float-input input, .e-bigger .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger:not(.e-input-group) input, .e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input:not(.e-input-group) input, .e-bigger .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small, .e-input-group.e-small input, .e-input-group.e-small input.e-input, .e-small .e-input-group input, .e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-small input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-input-group.e-control-wrapper input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-small input, .e-float-input.e-small input.e-input, .e-small .e-float-input input, .e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-small:not(.e-input-group) input, .e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input:not(.e-input-group) input, .e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small input, .e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group input, .e-bigger.e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small input, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper input, .e-bigger.e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger.e-small input, .e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input input, .e-bigger.e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper input, .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { box-sizing: content-box; content: ''; } .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input.e-bigger textarea.e-input, .e-bigger .e-float-input textarea, .e-bigger .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small, .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-small textarea, .e-float-input.e-small textarea.e-input, .e-small .e-float-input textarea, .e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small textarea, .e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group textarea, .e-bigger.e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger.e-small textarea, .e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input textarea, .e-bigger.e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger input.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { text-indent: 0; } input.e-input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input, .e-small input.e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input, .e-float-input.e-small input, .e-float-input input.e-small, .e-small .e-float-input input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-small .e-float-input.e-control-wrapper input { text-indent: 0; } textarea.e-input.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small, .e-small input.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-small .e-float-input textarea, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input.e-control-wrapper textarea { text-indent: 0; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper input, .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea.e-input, .e-float-input.e-control-wrapper textarea, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } input.e-input.e-rtl, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-float-input.e-rtl input:focus, .e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-input-group input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-rtl .e-float-input input:focus, .e-rtl .e-float-input.e-control-wrapper input:focus, .e-input-group.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-input-group.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-float-input.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-rtl, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-small, .e-small input.e-input, .e-input-group.e-small input.e-input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-input-group input.e-input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-float-input.e-small input:focus, .e-float-input.e-control-wrapper.e-small input:focus, .e-small .e-input-group.e-control-wrapper input.e-input:focus, .e-small .e-input-group input.e-input:focus, .e-small .e-float-input input:focus, .e-small .e-float-input.e-control-wrapper input:focus, .e-input-group.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small .e-input-group.e-input-focus input.e-input, .e-float-input.e-small.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus.e-small input, .e-small .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input.e-small, .e-small textarea.e-input, .e-input-group.e-small textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input textarea, .e-small .e-input-group textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-float-input.e-small textarea:focus, .e-float-input.e-control-wrapper.e-small textarea:focus, .e-small .e-input-group textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper textarea:focus, .e-small .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-small, input.e-input.e-small.e-rtl, .e-small.e-rtl input.e-input, .e-small input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-float-input.e-small.e-rtl input, .e-input-group.e-small.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-float-input.e-small input, .e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-input-group.e-small input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-rtl input.e-small, .e-float-input.e-control-wrapper.e-rtl input.e-small, .e-input-group.e-rtl input.e-input.e-small, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-float-input input.e-small, .e-rtl .e-float-input.e-control-wrapper input.e-small, .e-rtl .e-input-group input.e-input.e-small, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input.e-rtl input, .e-small .e-float-input.e-control-wrapper.e-rtl input, .e-small .e-input-group.e-rtl input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper input, .e-small.e-rtl .e-float-input input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-input-group input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-input-group input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-float-input input:focus, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-input-group.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-float-input.e-rtl input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-rtl.e-input-focus input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-float-input.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } .e-rtl textarea.e-input.e-small, textarea.e-input.e-small.e-rtl, .e-small.e-rtl textarea.e-input, .e-small textarea.e-input.e-rtl, .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-small, .e-float-input:not(.e-outline).e-rtl textarea.e-small, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-small, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-small, .e-rtl .e-float-input:not(.e-outline) textarea.e-small, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-small .e-float-input:not(.e-outline).e-rtl textarea, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-small.e-rtl .e-float-input:not(.e-outline) textarea, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger, .e-bigger input.e-input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-bigger .e-input-group input.e-input, .e-input-group.e-bigger input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger input:focus, .e-float-input.e-bigger input:focus, .e-bigger .e-input-group input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper input:focus, .e-bigger .e-float-input input:focus, .e-input-group.e-bigger.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-bigger .e-input-group.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-float-input.e-bigger.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-bigger, input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl input.e-input, .e-bigger input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-float-input.e-bigger.e-rtl input, .e-input-group.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-float-input.e-bigger input, .e-rtl .e-input-group.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-float-input.e-rtl input.e-bigger, .e-input-group.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-float-input input.e-bigger, .e-rtl .e-input-group input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-float-input.e-rtl input, .e-bigger .e-input-group.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-float-input input, .e-bigger.e-rtl .e-input-group input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-input-group input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-float-input input:focus, .e-bigger .e-input-group.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-rtl input:focus, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-input-focus input, .e-bigger .e-float-input.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger, .e-bigger textarea.e-input, .e-input-group.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-bigger textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-float-input.e-bigger textarea:focus, .e-bigger .e-input-group textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper textarea:focus, .e-bigger .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl textarea.e-input.e-bigger, textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl textarea.e-input, .e-bigger textarea.e-input.e-rtl, .e-float-input.e-control-wrapper:not(.e-outline).e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-bigger.e-rtl textarea, .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-bigger textarea, .e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea.e-bigger, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-bigger, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-float-input:not(.e-outline) textarea.e-bigger, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-bigger, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger.e-small, .e-bigger input.e-input.e-small, .e-input-group.e-small.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-input-group.e-small input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger .e-input-group.e-small input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-bigger .e-input-group.e-small input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger .e-float-input.e-small input:focus, .e-small .e-input-group.e-bigger input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small .e-float-input.e-bigger input:focus, .e-input-group.e-bigger.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-input-group.e-small.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger .e-float-input.e-small.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small .e-float-input.e-bigger.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-float-input.e-bigger.e-small.e-input-focus input { padding-left: 0; text-indent: 0; } .e-bigger input.e-input.e-small.e-rtl, .e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-float-input.e-small.e-bigger.e-rtl input, .e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-small.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-float-input.e-small.e-bigger input, .e-rtl .e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-small input, .e-bigger .e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-float-input.e-small.e-rtl input:focus, .e-small .e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-float-input.e-bigger.e-rtl input:focus, .e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-float-input.e-small input:focus, .e-small.e-rtl .e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-float-input.e-bigger input:focus, .e-rtl .e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-float-input.e-bigger.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-float-input.e-bigger.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-float-input.e-bigger.e-small.e-input-focus input, .e-bigger .e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger.e-small, .e-bigger textarea.e-input.e-small, .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-bigger .e-float-input.e-small textarea, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger .e-input-group.e-small textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus, .e-bigger .e-float-input.e-small textarea:focus, .e-small .e-input-group.e-bigger textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-small .e-float-input.e-bigger textarea:focus, .e-input-group.e-bigger.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-float-input.e-bigger.e-small textarea:focus { padding-left: 0; text-indent: 0; } .e-bigger textarea.e-input.e-small.e-rtl, .e-input-group:not(.e-outline).e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small.e-control-wrapper textarea, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea:focus, .e-small .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-bigger.e-rtl textarea:focus, .e-input-group:not(.e-outline).e-bigger.e-small.e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-float-input:not(.e-outline).e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-bigger textarea:focus, .e-rtl .e-input-group:not(.e-outline).e-bigger.e-small textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-bigger.e-small textarea:focus { padding-right: 0; text-indent: 0; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { background: transparent; border: 0; cursor: pointer; display: flex; flex-direction: column; justify-content: center; line-height: 1; min-width: 24px; outline: none; padding: 0; text-align: center; } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before, .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; padding: 0; text-align: center; vertical-align: middle; } .e-float-input.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; display: flex; } .e-float-input.e-small.e-bigger .e-clear-icon, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon { padding-bottom: 0; } .e-float-input.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-input-group.e-small .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input .e-clear-icon::before, .e-small .e-input-group .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 10px; } .e-float-input.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-input-group.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input .e-clear-icon::before, .e-bigger .e-input-group .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; } .e-float-input.e-small.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 12px; } .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon { display: none; } .e-input-group .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide { display: none; } .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; } .e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide { cursor: not-allowed; } .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-input-group input[readonly]:first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input[readonly]:first-child .e-clear-icon.e-clear-icon-hide { cursor: auto; } .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; } .e-float-input.e-input-group .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-input-group .e-clear-icon.e-bigger, .e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-input-group .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon { min-height: 20px; min-width: 20px; padding-bottom: 5px; padding-right: 8px; padding-top: 6px; } .e-input-group.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 8px; padding-top: 6px; } .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-small .e-clear-icon, .e-input-group .e-clear-icon.e-small, .e-small .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper .e-clear-icon { min-height: 16px; min-width: 16px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid { box-shadow: none; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { width: 100%; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text { right: 0; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { display: flex; position: relative; width: 100%; } .e-float-input.e-float-icon-left .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-input-group.e-float-icon-left .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0 0 1px 0; margin-left: 16px; } .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 16px; } .e-float-input input.e-input, .e-float-input.e-bigger .e-input, .e-bigger .e-float-input .e-input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper.e-bigger .e-input, .e-bigger .e-float-input.e-control-wrapper .e-input { margin-bottom: 0; } .e-float-input label.e-float-text.e-label-bottom, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 13px; top: -22px; transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 14px; top: -20px; } .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 12px; top: -21px; } .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: -20px; } .e-float-input textarea ~ .e-float-text, .e-float-input.e-control-wrapper textarea ~ .e-float-text { top: -11px; } .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-bigger textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-bigger, .e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-float-text, .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-small, .e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 12px; top: -11px; } .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-bigger input, .e-bigger .e-float-input input, .e-float-input.e-input-group.e-bigger input, .e-bigger .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input { min-height: 27px; } .e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-small input, .e-small .e-float-input input, .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input { min-height: 18px; } .e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-float-input.e-bigger.e-small input, .e-bigger .e-float-input.e-small input, .e-small .e-float-input.e-bigger input, .e-float-input.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group.e-bigger input, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group.e-bigger input { min-height: 22px; } .e-input-group input.e-input, .e-float-input.e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-control-wrapper input { min-height: 22px; } .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 1px; } .e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 1px; } .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after { bottom: -2px; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: solid; border-width: 0 0 1px; } .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-small .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-outline) input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; font-style: normal; } .e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; user-select: none; white-space: nowrap; width: 100%; } textarea.e-input::-webkit-textarea-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-textarea-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-small textarea.e-input::-webkit-textarea-placeholder, textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-input::-webkit-textarea-placeholder, textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-textarea-placeholder, textarea.e-bigger.e-input:-ms-textarea-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger textarea label.e-float-text.e-label-top, .e-bigger.e-small .e-float-input textarea:focus ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea:valid ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-small.e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input textarea:focus ~ label.e-float-text, .e-small .e-float-input textarea:valid ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled textarea { filter: alpha(opacity=100); opacity: 1; } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-float-input.e-control-wrapper.e-input-group textarea { border-radius: 0; } textarea.e-input, .e-input-group textarea, .e-input-group textarea.e-input, .e-input-group.e-input-focus textarea, .e-input-group.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-input-group.e-control-wrapper.e-input-focus textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { line-height: 1.5; min-height: 15px; min-width: 0; padding: 4px 0 4px; resize: vertical; } .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-input-group textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-float-input textarea, .e-bigger .e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-input-focus.e-bigger textarea, .e-input-group.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-input-focus textarea.e-bigger, .e-input-group.e-input-focus textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-input-group.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger:focus, .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus, .e-bigger .e-input-group.e-control-wrapper textarea:focus, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus, .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-input-group textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input textarea, .e-small .e-float-input.e-control-wrapper textarea { font: inherit; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-input-focus.e-small textarea, .e-input-group.e-input-focus.e-small textarea.e-input, .e-input-group.e-input-focus textarea.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-small .e-input-group.e-input-focus textarea, .e-small .e-input-group.e-input-focus textarea.e-input { font: inherit; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-small textarea:focus, .e-input-group.e-small textarea.e-input:focus, .e-input-group textarea.e-small:focus, .e-input-group textarea.e-input.e-small:focus, .e-input-group.e-control-wrapper.e-small textarea:focus, .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-small .e-input-group textarea:focus, .e-small .e-input-group textarea.e-input:focus, .e-float-input.e-small textarea:focus, .e-float-input textarea.e-small:focus, .e-float-input.e-control-wrapper.e-small textarea:focus, .e-float-input.e-control-wrapper textarea.e-small:focus, .e-small .e-float-input textarea:focus, .e-small .e-float-input.e-control-wrapper textarea:focus { padding: 4px 0 4px; } .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group textarea.e-input.e-bigger.e-small, .e-input-group.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-input-group.e-bigger textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-float-input textarea.e-bigger.e-small, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-float-input.e-bigger textarea.e-small, .e-bigger .e-float-input.e-small textarea, .e-bigger.e-small .e-float-input textarea, .e-bigger .float-input textarea.e-small, .e-small .e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } .e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-input-group.e-input-focus.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input { min-height: 16px; } input.e-input, textarea.e-input { min-height: 19px; } .e-bigger input.e-input, .e-bigger textarea.e-input, input.e-input.e-bigger, textarea.e-input.e-bigger { min-height: 23px; } .e-bigger input.e-input.e-small, .e-bigger .e-small input.e-input, .e-bigger.e-small input.e-input, .e-small input.e-input.e-bigger, input.e-input.e-bigger.e-small, .e-small .e-bigger input.e-input { min-height: 19px; } textarea.e-outline.e-input, .e-outline.e-input-group textarea.e-input, .e-outline.e-input-group textarea, .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-control-wrapper textarea, .e-outline.e-float-input textarea.e-input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea { width: calc(100% - 1px); } .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after, .e-outline.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-outline.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after { width: 0%; } .e-outline.e-input-group.e-control-wrapper, .e-outline.e-input-group, .e-outline.e-input-group:not(.e-float-icon-left), .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper, .e-outline.e-input-group:not(.e-float-icon-left), .e-outline.e-input-group.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-error:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 4px; border-width: 1px; fill: transparent; transition: border .2s, box-shadow .2s; } .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { margin-top: 0; } .e-outline.e-float-input.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled), .e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled), .e-outline.e-float-input.e-input-group.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left) { border-top-color: transparent; } .e-outline.e-input-group, .e-outline .e-input-group, .e-outline .e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } input.e-input.e-bigger.e-outline, textarea.e-input.e-bigger.e-outline, .e-outline.e-bigger input.e-input, .e-outline.e-bigger textarea.e-input, .e-outline.e-input-group.e-bigger, .e-bigger .e-input-group.e-outline, .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper, .e-outline.e-input-group.e-bigger.e-disabled, .e-bigger .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled { font-size: 16px; } .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon, .e-outline.e-input-group.e-bigger.e-disabled .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-disabled .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { font-size: 20px; } .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error), .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error, .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error), .e-outline.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) { border-width: 1px; } input.e-outline.e-input, .e-outline.e-input-group input.e-input, .e-outline.e-input-group input, .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-input-group.e-control-wrapper input, .e-outline.e-float-input input.e-input, .e-outline.e-float-input input, .e-outline.e-float-input.e-control-wrapper input.e-input, .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-input-group:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input:focus, .e-outline.e-float-input:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-outline.e-input-group:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-input-focus input.e-input { box-sizing: border-box; padding: 10px 12px 9px; } textarea.e-outline.e-input, .e-outline.e-input-group textarea.e-input, .e-outline.e-input-group textarea, .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-control-wrapper textarea, .e-outline.e-float-input textarea.e-input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea, .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 12px 12px; } .e-outline.e-input-group input.e-input, .e-outline.e-float-input.e-input-group input, .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input input, .e-outline.e-float-input.e-control-wrapper input { box-sizing: border-box; min-height: 38px; } .e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-outline.e-float-input:not(.e-input-group) .e-float-line::before, .e-outline.e-float-input:not(.e-input-group) .e-float-line::after, .e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { content: none; } .e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-float-input.e-float-icon-left .e-input-in-wrap, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-outline.e-input-group.e-float-icon-left .e-input-in-wrap, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 0; border-width: 0; margin-left: 0; } .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 9px 12px 9px 0; } .e-outline.e-float-input .e-clear-icon, .e-outline.e-float-input.e-control-wrapper .e-clear-icon, .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 16px; padding: 9px 12px 9px 0; } .e-outline.e-input-group.e-float-icon-left .e-input, .e-outline.e-float-input.e-input-group.e-float-icon-left .e-input, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left .e-input { padding-left: 0; } .e-outline.e-input-group .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 16px; margin: 9px 12px 9px 0; } .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border: 0; } .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 0; } .e-outline.e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-outline.e-float-input.e-small input, .e-small .e-outline.e-float-input input, .e-outline.e-float-input.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-input-group input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group input { box-sizing: border-box; min-height: 34px; } .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 11px; } .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { font-size: 12px; } .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } .e-outline.e-input-group.e-bigger, .e-bigger .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-bigger, .e-bigger .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper { font-size: 16px; } .e-outline.e-input-group.e-small, .e-small .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-small, .e-small .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-small, .e-small .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-small, .e-small .e-outline.e-float-input.e-control-wrapper { font-size: 13px; } .e-outline.e-input-group.e-small.e-bigger, .e-small .e-outline.e-input-group.e-bigger, .e-bigger .e-outline.e-input-group.e-small, .e-bigger.e-small .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small, .e-bigger.e-small .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input.e-small.e-bigger, .e-small .e-outline.e-float-input.e-bigger, .e-bigger .e-outline.e-float-input.e-small, .e-bigger.e-small .e-outline.e-float-input, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper { font-size: 14px; } .e-small.e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small.e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { font-size: 12px; } input.e-input.e-small.e-outline, .e-small input.e-input.e-outline, .e-input-group.e-small.e-outline input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small input.e-input, .e-outline.e-float-input.e-small input, .e-outline.e-float-input.e-control-wrapper input.e-small, .e-outline.e-float-input.e-small input, .e-outline.e-float-input.e-control-wrapper input.e-small, .e-outline.e-input-group input.e-input.e-small, .e-outline.e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-outline.e-float-input input, .e-small .e-outline.e-float-input.e-control-wrapper input, .e-small .e-outline.e-input-group input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper input.e-input, .e-outline.e-input-group.e-small input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-outline.e-float-input.e-small input:focus, .e-outline.e-float-input.e-control-wrapper.e-small input:focus, .e-small .e-outline.e-input-group.e-control-wrapper input.e-input:focus, .e-small .e-outline.e-input-group input.e-input:focus, .e-small .e-outline.e-float-input input:focus, .e-small .e-outline.e-float-input.e-control-wrapper input:focus, .e-outline.e-float-input.e-small.e-input-focus input, .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-small .e-outline.e-float-input.e-input-focus input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-focus input, .e-outline.e-input-group.e-small.e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-input-focus input.e-input { padding: 7px 10px; } textarea.e-input.e-small.e-outline, .e-small textarea.e-input.e-outline, .e-input-group.e-small.e-outline textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-outline.e-float-input.e-control-wrapper textarea.e-small, .e-outline.e-float-input.e-small textarea, .e-outline.e-input-group textarea.e-input.e-small, .e-outline.e-input-group.e-control-wrapper textarea.e-input.e-small, .e-small .e-outline.e-float-input textarea, .e-small .e-outline.e-float-input.e-control-wrapper textarea, .e-small .e-outline.e-input-group textarea.e-input, .e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input, .e-outline.e-input-group.e-small textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-outline.e-float-input.e-small textarea:focus, .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus, .e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input:focus, .e-small .e-outline.e-input-group textarea.e-input:focus, .e-small .e-outline.e-float-input textarea:focus, .e-small .e-outline.e-float-input.e-control-wrapper textarea:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 10px 10px; } .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 6px; } .e-outline.e-input-group.e-small .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-outline.e-input-group .e-input-group-icon, .e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 10px; } .e-outline.e-input-group.e-small .e-clear-icon, .e-outline.e-input-group .e-clear-icon.e-small, .e-small .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 14px; padding: 7px 10px 7px 0; } .e-outline.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-outline.e-float-input.e-bigger input, .e-bigger .e-outline.e-float-input input, .e-outline.e-float-input.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-input-group input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input { box-sizing: border-box; min-height: 54px; } .e-outline.e-input-group.e-bigger .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-outline.e-input-group .e-clear-icon.e-bigger, .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group .e-clear-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-clear-icon { font-size: 20px; padding: 15px 16px 15px 0; } .e-outline.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 8px; } .e-outline.e-input-group.e-bigger .e-input-group-icon, .e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin: 15px 16px 15px 0; } input.e-input.e-bigger.e-outline, .e-bigger input.e-input.e-outline, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input.e-bigger, .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input:not(.e-float-icon-left) input.e-bigger, .e-outline.e-input-group:not(.e-float-icon-left) input.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input, .e-bigger .e-outline.e-input-group:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input { padding: 15px 16px; } textarea.e-input.e-bigger.e-outline, .e-bigger textarea.e-input.e-outline, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea.e-bigger, .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input:not(.e-float-icon-left) textarea.e-bigger, .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input, .e-bigger .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus, .e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea:focus { margin: 8px 0 1px; padding: 0 16px 16px; } .e-outline.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-outline.e-float-input.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-small input, .e-small .e-outline.e-float-input.e-bigger input, .e-outline.e-float-input.e-input-group.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-bigger input, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input { box-sizing: border-box; min-height: 38px; } input.e-input.e-bigger.e-small.e-outline, .e-bigger input.e-input.e-small.e-outline, .e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input.e-input, .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input.e-bigger, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input, .e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-small:not(.e-float-icon-left) input.e-bigger, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input:focus, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input:focus, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input:focus, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left).e-input-focus input, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input { padding: 10px 12px 9px; } textarea.e-input.e-bigger.e-small.e-outline, .e-bigger textarea.e-input.e-small.e-outline, .e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input, .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input, .e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea.e-bigger, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-bigger, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea, .e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea:focus, .e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea:focus, .e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus, .e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea:focus, .e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea:focus, .e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) textarea:focus { box-sizing: border-box; margin: 8px 0 1px; padding: 0 12px 12px; } .e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon { font-size: 18px; padding: 9px 12px 9px 0; } .e-outline.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { margin-left: 0; margin-right: 8px; } .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin: 9px 12px 9px 0; } .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-outline.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 9px; } .e-outline.e-float-input input, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper input, .e-outline.e-float-input.e-control-wrapper textarea { border: 0; border-width: 0; } .e-outline label.e-float-text, .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { box-sizing: border-box; display: flex; left: 0; line-height: 13px; position: absolute; top: -7px; transform: translate3d(0, 0, 0) scale(1); transition: color .2s, font-size .2s, line-height .2s; } .e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 70px; } .e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 66px; } .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 46px; } .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 60px; } .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom, .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 50px; } .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text { line-height: 50px; } .e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { line-height: 53px; } .e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { line-height: 60px; } .e-outline label.e-float-text::before, .e-outline label.e-float-text::after, .e-outline.e-float-input label.e-float-text::before, .e-outline.e-float-input label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-top: solid 2px; border-top-color: transparent; box-shadow: inset 0 1px transparent; box-sizing: border-box; content: ' '; display: block; height: 8px; margin-top: 6px; min-width: 9px; pointer-events: none; position: relative; transition: border-color .1s, box-shadow .2s; } .e-bigger.e-outline label.e-float-text::before, .e-bigger.e-outline label.e-float-text::after, .e-bigger.e-outline.e-float-input label.e-float-text::before, .e-bigger.e-outline.e-float-input label.e-float-text::after, .e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-bigger .e-outline label.e-float-text::before, .e-bigger .e-outline label.e-float-text::after, .e-bigger .e-outline.e-float-input label.e-float-text::before, .e-bigger .e-outline.e-float-input label.e-float-text::after, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 13px; } .e-small.e-outline label.e-float-text::before, .e-small.e-outline label.e-float-text::after, .e-small.e-outline.e-float-input label.e-float-text::before, .e-small.e-outline.e-float-input label.e-float-text::after, .e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-small .e-outline label.e-float-text::before, .e-small .e-outline label.e-float-text::after, .e-small .e-outline.e-float-input label.e-float-text::before, .e-small .e-outline.e-float-input label.e-float-text::after, .e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 7px; } .e-bigger.e-small.e-outline label.e-float-text::before, .e-bigger.e-small.e-outline label.e-float-text::after, .e-bigger.e-small.e-outline.e-float-input label.e-float-text::before, .e-bigger.e-small.e-outline.e-float-input label.e-float-text::after, .e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after, .e-bigger.e-small .e-outline label.e-float-text::before, .e-bigger.e-small .e-outline label.e-float-text::after, .e-bigger.e-small .e-outline.e-float-input label.e-float-text::before, .e-bigger.e-small .e-outline.e-float-input label.e-float-text::after, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { min-width: 9px; } .e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after { border-top-color: rgba(0, 0, 0, 0.24); border-width: 1px; } .e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after { border-top-color: #22b24b; } .e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after { border-color: #22b24b; } .e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after { border-top-color: #f44336; } .e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after { border-color: #f44336; } .e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after { border-top-color: #ffca1c; } .e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after, .e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after { border-color: #ffca1c; } .e-outline label.e-float-text::before, .e-outline.e-float-input label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper label.e-float-text::before { border-left: solid 1px transparent; border-radius: 4px 0; left: -1px; margin-right: 4px; } .e-rtl.e-outline label.e-float-text::before, .e-rtl.e-outline.e-float-input label.e-float-text::before, .e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::before { border-left: 0; border-radius: 0 4px; left: 5px; } .e-rtl.e-outline label.e-float-text::after, .e-rtl.e-outline.e-float-input label.e-float-text::after, .e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-radius: 5px 0; border-right: 0; left: -6px; } .e-outline label.e-float-text::after, .e-outline.e-float-input label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper label.e-float-text::after { border-radius: 0 5px; border-right: solid 1px transparent; flex-grow: 1; left: 2px; margin-left: 4px; } .e-outline.e-input-focus label.e-float-text::before, .e-outline.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-input-focus label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::after { border-top-color: #e3165b; } .e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled), .e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left), .e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left) { border-top-color: transparent; box-shadow: inset 1px 0 #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-float-input input:focus ~ label.e-float-text, .e-outline.e-float-input input:valid ~ label.e-float-text, .e-outline.e-float-input input ~ label.e-label-top.e-float-text, .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input input label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-outline.e-float-input textarea:focus ~ label.e-float-text, .e-outline.e-float-input textarea:valid ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 12px; top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline.e-float-input.e-rtl .e-clear-icon, .e-rtl .e-outline.e-float-input .e-clear-icon, .e-outline.e-float-input.e-control-wrapper.e-rtl .e-clear-icon, e-rtl .e-outline.e-float-input.e-control-wrapper .e-clear-icon, .e-outline.e-input-group.e-rtl .e-clear-icon, .e-rtl .e-outline.e-input-group .e-clear-icon, .e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon { padding-left: 12px; padding-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 12px; } .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl .e-outline.e-input-group .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 12px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-small .e-clear-icon, .e-rtl.e-outline.e-input-group .e-clear-icon.e-small, .e-rtl .e-outline.e-input-group .e-clear-icon.e-small, .e-rtl.e-small .e-outline.e-input-group .e-clear-icon, .e-small .e-rtl.e-outline.e-input-group .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon .e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon { padding-left: 10px; padding-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl.e-small .e-outline.e-input-group .e-input-group-icon, .e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon .e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 10px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group .e-clear-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon .e-rtl .e-outline.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group .e-clear-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon { padding-left: 16px; padding-right: 0; } .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 16px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin-left: 12px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-outline.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon { padding-left: 12px; padding-right: 0; } .e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 12px; margin-right: 0; } .e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child { margin-left: 16px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child { margin-left: 10px; margin-right: 0; } .e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child, .e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child .e-bigger { margin-left: 12px; margin-right: 0; } .e-outline.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-small .e-outline.e-float-input label.e-float-text, .e-bigger .e-outline.e-float-input.e-small label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[readonly] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[disabled] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 12px; } .e-outline.e-float-input textarea:focus ~ label.e-float-text, .e-outline.e-float-input textarea:valid ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input textarea label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { top: -7px; transform: translate3d(0, 0, 0) scale(1); } .e-outline textarea, textarea.e-outline, .e-outline.e-float-input textarea, .e-outline.e-float-input.e-control-wrapper textarea, .e-outline.e-float-input.e-input-group textarea { box-sizing: border-box; } .e-outline.e-float-input.e-valid-input:not(.e-input-focus) input:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-valid-input:not(.e-input-focus) textarea:valid ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) textarea:focus ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-rtl.e-outline.e-float-input.e-small textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input textarea ~ label.e-float-text.e-small, .e-rtl.e-outline.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-rtl.e-outline.e-float-input textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-rtl.e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text { top: -7px; } .e-outline.e-float-input.e-small .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-outline.e-input-group.e-small .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input .e-clear-icon::before, .e-outline.e-small .e-input-group .e-clear-icon::before, .e-outline.e-small .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 14px; } .e-outline.e-float-input .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-input-group .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 16px; } .e-outline.e-float-input.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before, .e-outline.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input .e-clear-icon::before, .e-outline.e-bigger .e-input-group .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 20px; } .e-outline.e-float-input.e-small.e-bigger .e-clear-icon::before, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-small.e-bigger .e-clear-icon::before, .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-outline.e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-outline.e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 18px; } .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline label.e-float-text, .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-bigger .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-bigger .e-outline.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { animation-name: slideTopUp; } .e-bigger .e-outline.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input.e-bigger label.e-float-text, .e-outline.e-float-input label.e-float-text.e-bigger, .e-outline.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-outline.e-float-input.e-small label.e-float-text, .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-outline.e-float-input.e-small textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-small, .e-outline.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 13px; } .e-outline.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-small label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { line-height: 1; } .e-filled input.e-input, .e-filled.e-input-group input, .e-filled.e-input-group.e-control-wrapper input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: border-box; } .e-control .e-filled input.e-input, .e-control .e-filled.e-input-group input, .e-control .e-filled.e-input-group input.e-input, .e-control .e-filled.e-input-group.e-control-wrapper input, .e-control .e-filled.e-input-group.e-control-wrapper input.e-input, .e-control .e-filled.e-float-input input, .e-control .e-filled.e-float-input.e-control-wrapper input, .e-control.e-filled.e-input-group input, .e-control.e-filled.e-input-group input.e-input, .e-control.e-filled.e-input-group.e-control-wrapper input, .e-control.e-filled.e-input-group.e-control-wrapper input.e-input, .e-control.e-filled.e-float-input input, .e-control.e-filled.e-float-input.e-control-wrapper input { box-sizing: border-box; } .e-filled input.e-input.e-bigger, .e-filled.e-input-group.e-bigger input, .e-filled.e-input-group.e-bigger input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-input-group input, .e-bigger .e-filled.e-input-group input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper input, .e-bigger .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-bigger input.e-input, .e-bigger .e-filled.e-float-input input, .e-bigger .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper input, .e-bigger .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small, .e-filled.e-input-group.e-small input, .e-filled.e-input-group.e-small input.e-input, .e-small .e-filled.e-input-group input, .e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small input, .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper input, .e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-small input.e-input, .e-small .e-filled.e-float-input input, .e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper input, .e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input:not(.e-input-group) input, .e-small .e-filled.e-float-input:not(.e-input-group) input.e-input .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small input, .e-filled.e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group input, .e-bigger.e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger.e-small input, .e-filled.e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input input, .e-bigger.e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { box-sizing: border-box; } .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small, .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input.e-small textarea.e-input, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small textarea, .e-filled.e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group textarea, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger.e-small textarea, .e-filled.e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger.e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled.e-float-input input, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0; } .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 0; } .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input, .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input { border-width: 0; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper { border-radius: 4px 4px 0 0; padding: 0 10px 0 12px; } .e-filled.e-input-group.e-bigger, .e-bigger .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper { margin-top: 0; padding: 0 12px 0 16px; } .e-filled.e-input-group.e-small, .e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-filled.e-input-group.e-control-wrapper { margin-top: 0; padding: 0 6px 0 8px; } .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-small, .e-bigger .e-filled.e-input-group.e-small, .e-small .e-filled.e-input-group.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger { margin-top: 0; padding: 0 10px 0 12px; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { border: 1px solid; border-radius: 4px 4px 0 0; border-width: 0 0 1px 0; margin-top: 0; padding: 0 10px 0 12px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { margin-top: 0; padding: 0 12px 0 16px; } .e-filled.e-float-input.e-small, .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper { margin-top: 0; padding: 0 6px 0 8px; } .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-small, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger { margin-top: 0; padding: 0 10px 0 12px; } .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-input-group.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-input-group.e-small, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-small, .e-small .e-rtl.e-filled.e-input-group.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-small, .e-small.e-rtl .e-filled.e-input-group.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-float-input.e-small, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-small, .e-small .e-rtl.e-filled.e-float-input.e-bigger, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-small, .e-small.e-rtl .e-filled.e-float-input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-filled input.e-input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled textarea.e-input, .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea.e-input { padding: 10px 2px 10px 0; } .e-filled .e-input:focus { padding-bottom: 10px; } .e-filled.e-input-group input.e-input:focus, .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group textarea.e-input:focus, .e-filled.e-input-group.e-control-wrapper textarea.e-input:focus, .e-filled.e-input-group.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 10px 2px 10px 0; } .e-filled input.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger .e-input, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-filled input.e-input, .e-bigger .e-filled textarea.e-input, .e-bigger .e-filled.e-input-group .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input { padding: 16px 4px 16px 0; } .e-filled.e-input-group.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input:focus, .e-filled.e-input-group.e-bigger.e-input-focus .e-input, .e-bigger .e-filled.e-input-group.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus .e-input { padding: 16px 4px 16px 0; } .e-filled .e-input.e-bigger:focus, .e-bigger .e-filled .e-input:focus { padding-bottom: 16px; } .e-filled .e-input.e-small:focus { padding-bottom: 7px; } .e-filled .e-input.e-small, .e-filled.e-input-group.e-small .e-input, .e-filled.e-input-group.e-control-wrapper.e-small .e-input { padding: 7px 2px 7px 0; } .e-filled.e-input-group.e-small .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus, .e-filled.e-input-group.e-small.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 7px 2px 7px 0; } .e-filled .e-input.e-small.e-bigger:focus, .e-bigger .e-filled .e-input.e-small:focus { padding-bottom: 10px; } .e-filled .e-input.e-small.e-bigger, .e-bigger .e-filled .e-input.e-small, .e-small .e-filled .e-input.e-bigger { padding: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input, .e-filled.e-input-group.e-small .e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input { padding: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-small .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus, .e-filled.e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-filled.e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 10px 2px 10px 0; } .e-filled.e-float-input input, .e-filled.e-float-input.e-control-wrapper input { padding: 14px 2px 5px 0; } .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-filled.e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper input { padding: 20px 4px 6px 0; } .e-filled.e-float-input.e-small.e-bigger input, .e-filled.e-float-input.e-small input.e-bigger, .e-bigger .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input { padding: 14px 2px 5px 0; } .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input { padding: 12px 2px 4px 0; } .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-rtl .e-filled.e-input-group input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-filled.e-float-input input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-filled.e-float-input.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-filled.e-float-input.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-small, .e-filled input.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled input.e-input, .e-small .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-filled.e-input-group.e-rtl input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-filled.e-input-group input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-rtl input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-rtl.e-input-focus input.e-input { padding: 7px 0 7px 2px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-small input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-rtl input.e-small, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-small, .e-rtl .e-filled.e-float-input input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-small, .e-small .e-filled.e-float-input.e-rtl input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-small.e-rtl .e-filled.e-float-input input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-filled.e-float-input input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-filled.e-float-input.e-rtl input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-rtl.e-input-focus input { padding: 12px 0 4px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-bigger, .e-filled input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled input.e-input, .e-bigger .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-filled.e-input-group input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-filled.e-input-group.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input { padding: 16px 0 16px 4px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-filled.e-float-input.e-bigger.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-filled.e-float-input.e-rtl input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-filled.e-float-input.e-rtl input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-filled.e-float-input input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-filled.e-float-input input:focus, .e-bigger .e-filled.e-float-input.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-input-focus input, .e-bigger .e-filled.e-float-input.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input { padding: 20px 0 6px 4px; text-indent: 0; } .e-bigger .e-filled input.e-input.e-small.e-rtl, .e-filled.e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-filled.e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-rtl .e-filled.e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-bigger .e-filled.e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-small.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-rtl .e-filled.e-float-input.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-small input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-small.e-rtl input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-filled.e-float-input.e-bigger.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-filled.e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-small input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-filled.e-float-input.e-bigger input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-filled.e-float-input.e-bigger.e-small input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-bigger.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-filled.e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-bigger.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-filled.e-float-input.e-bigger.e-small.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper, .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { font-size: 16px; } .e-filled.e-float-input.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 16px; } .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper { font-size: 13px; } .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 13px; } .e-filled.e-float-input.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger { font-size: 14px; } .e-filled.e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-disabled, .e-bigger .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-bigger.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 14px; } .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input { min-height: 55px; } .e-filled.e-float-input.e-bigger input, .e-bigger .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input { min-height: 55px; } .e-filled.e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-filled.e-input-group:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input { min-height: 35px; } .e-filled.e-float-input.e-small input, .e-small .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input { min-height: 35px; } .e-filled.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input { min-height: 39px; } .e-float-input.e-bigger.e-small.e-filled input, .e-bigger .e-float-input.e-filled.e-small input, .e-small .e-float-input.e-filled.e-bigger input, .e-float-input.e-filled.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-bigger input, .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-filled.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-filled.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger input { min-height: 39px; } .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { min-height: 39px; } .e-filled.e-input-group:not(.e-float-input) input.e-input, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper input.e-input { min-height: 39px; } .e-float-input.e-filled.e-input-group.e-control-wrapper input, .e-float-input.e-filled input, .e-float-input.e-filled.e-control-wrapper input { min-height: 39px; } .e-filled label.e-float-text, .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; left: 12px; letter-spacing: .009375em; line-height: 1.15; padding-left: 0; pointer-events: none; right: auto; top: 12px; transform: none; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; padding-left: 0; top: 12px; transform: none; width: 100%; } .e-filled.e-float-input input:focus ~ label.e-float-text, .e-filled.e-float-input input:valid ~ label.e-float-text, .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 16px; top: 18px; } .e-bigger .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: 10px; } .e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 14px; top: 12px; } .e-filled.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text { font-size: 14px; top: 12px; } .e-bigger .e-filled.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input label.e-float-text.e-bigger, .e-filled.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-small, .e-filled.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-filled.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-small label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; transform: none; } .e-filled.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translateY(-50%) scale(0.75); } .e-bigger .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: 12px; } .e-float-input.e-filled.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 16px; } .e-filled.e-float-input.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 16px; } .e-filled.e-float-input.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 16px; } .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 16px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger label.e-float-text, .e-small .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 8px; } .e-filled.e-float-input.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 8px; } .e-filled.e-float-input.e-small.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 8px; } .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 8px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input label.e-float-text, .e-small.e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-small.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-filled .e-float-line, .e-float-input.e-filled .e-float-text, .e-float-input.e-filled.e-control-wrapper .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-text { right: 0; } .e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after { bottom: -1px; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 16px; margin-bottom: 0; margin-top: 0; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 14px; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { font-size: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon { font-size: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 16px; margin-bottom: 0; margin-top: 0; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 14px; padding: 0 0 0 4px; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon { font-size: 18px; padding: 0 0 0 8px; } .e-filled.e-float-input .e-clear-icon, .e-filled.e-float-input.e-control-wrapper .e-clear-icon, .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 16px; padding: 0 0 0 8px; } .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon { min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group .e-clear-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group .e-clear-icon, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon { font-size: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-small, .e-small .e-filled.e-input-group .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon { font-size: 14px; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 4px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 4px 0 0; } .e-filled.e-float-input .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-input-group .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 16px; } .e-filled.e-float-input.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-input-group.e-small .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input .e-clear-icon::before, .e-small .e-filled.e-input-group .e-clear-icon::before, .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 14px; } .e-filled.e-float-input.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input .e-clear-icon::before, .e-bigger .e-filled.e-input-group .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 20px; } .e-filled.e-float-input.e-small.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-filled.e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 18px; } .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text { top: 12px; } .e-filled.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: none; border-width: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: 12px; } .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 16px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon.e-small, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon, .e-small .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 14px; margin: 0; min-height: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon { font-size: 18px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-small .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-small.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 0; } .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-right: 0; } .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-left: 0; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-right: 0; } .e-filled.e-rtl.e-input-group .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-filled.e-input-group .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-right: 0; } .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled textarea.e-input, .e-filled.e-input-group.e-multi-line-input textarea, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input textarea, .e-filled.e-float-input.e-multi-line-input textarea, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input textarea { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-input-focus textarea, .e-filled.e-input-group.e-input-focus textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-filled.e-input-group textarea.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input { padding: 0 16px 16px; } .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 16px 5px; } .e-filled.e-input-group.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 16px 16px; } .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-filled.e-input-group textarea.e-small, .e-filled.e-input-group textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input { padding: 0 8px 7px; } .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input textarea.e-small, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 8px 4px; } .e-filled.e-input-group.e-input-focus.e-small textarea, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-input-focus textarea, .e-small .e-filled.e-input-group.e-input-focus textarea.e-input { padding: 0 8px 7px; } .e-filled.e-input-group.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-small textarea.e-input.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-filled.e-input-group.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-filled.e-input-group.e-bigger textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger { padding: 0 12px 10px; } .e-filled.e-float-input textarea.e-bigger.e-small, .e-filled.e-float-input.e-small.e-bigger textarea, .e-filled.e-float-input.e-small textarea.e-bigger, .e-filled.e-float-input.e-bigger textarea.e-small, .e-bigger .e-filled.e-float-input.e-small textarea, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger .e-float-input textarea.e-small, .e-small .e-filled.e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-input-focus textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-input-group.e-multi-line-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 16px 0 0; } .e-filled.e-input-group.e-small.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 7px 0 0; } .e-filled.e-input-group.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-bigger.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 14px 0 0; } .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 20px 0 0; } .e-filled.e-float-input.e-small.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 12px 0 0; } .e-filled.e-float-input.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input { padding: 14px 0 0; } .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-small, .e-filled textarea.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled textarea.e-input, .e-small .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-small, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-small, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus { padding: 0 8px 7px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-small, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus { padding: 0 8px 4px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled textarea.e-input, .e-bigger .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus { padding: 0 16px 16px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-bigger, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus { padding: 0 16px 5px; text-indent: 0; } .e-bigger .e-filled textarea.e-input.e-small.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-rtl .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-filled.e-float-input.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-filled.e-float-input.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { margin-left: 4px; } .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-rtl.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 4px; } .e-filled.e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 0; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; bottom: -1px; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-filled.e-input-group.e-float-icon-left::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left::before { left: 50%; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before { left: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::after { width: 50%; bottom: -1px; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after { width: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { right: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { right: 50%; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { right: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 0; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left { border-bottom: 1px solid; } .e-float-input.e-control-wrapper.e-hidden, .e-input-group.e-control-wrapper.e-hidden { display: none; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-success.e-float-icon-left, .e-filled.e-input-group.e-warning.e-float-icon-left, .e-filled.e-input-group.e-error.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-success.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-warning.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-error.e-float-icon-left { border: 1px solid; border-width: 0 0 1px 0; } .e-input-group.e-control-container.valid.modified, .e-input-group.e-control-container.invalid, .e-float-input.e-control-container.valid.modified, .e-float-input.e-control-container.invalid { outline: none; } /*! input theme */ input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.87); } .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group, .e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper { background: transparent; color: rgba(0, 0, 0, 0.87); } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.26); } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); background: transparent; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea, .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input { background: none; color: inherit; } .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] { background: none; color: inherit; } .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled] { color: inherit; } /*! Added color to textbox for disbaled state */ .e-float-input:not(.e-disabled) input[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) input[disabled], .e-float-input:not(.e-disabled) textarea[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.42); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon:hover { background: transparent; } .e-input.e-success, .e-input.e-success:focus, .e-input-group.e-success input.e-input, .e-input-group.e-control-wrapper.e-success input.e-input, .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon, .e-input-group.e-success textarea.e-input, .e-input-group.e-control-wrapper.e-success textarea.e-input { border-color: #22b24b; } .e-input.e-warning, .e-input.e-warning:focus, .e-input-group.e-warning input.e-input, .e-input-group.e-control-wrapper.e-warning input.e-input, .e-input-group.e-warning .e-input-group-icon, .e-input-group.e-control-wrapper.e-warning .e-input-group-icon, .e-input-group.e-warning textarea.e-input, .e-input-group.e-control-wrapper.e-warning textarea.e-input { border-color: #ffca1c; } .e-input.e-error, .e-input.e-error:focus, .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, .e-input-group.e-control-wrapper.e-error .e-input-group-icon, .e-input-group.e-error .e-input-group-icon, .e-input-group.e-error textarea.e-input, .e-input-group.e-control-wrapper.e-error textarea.e-input { border-color: #f44336; } label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error label.e-float-text, .e-float-input.e-control-wrapper.e-error label.e-float-text, .e-float-input.e-error input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-error textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text { color: #f44336; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-float-input.e-success input, .e-float-input.e-success textarea, .e-float-input.e-control-wrapper.e-success input, .e-float-input.e-control-wrapper.e-success textarea { border-bottom-color: #22b24b; } .e-float-input.e-warning input, .e-float-input.e-control-wrapper.e-warning input, .e-float-input.e-warning textarea, .e-float-input.e-control-wrapper.e-warning textarea { border-bottom-color: #ffca1c; } .e-float-input.e-error input, .e-float-input.e-control-wrapper.e-error input, .e-float-input.e-error textarea, .e-float-input.e-control-wrapper.e-error textarea { border-bottom-color: #f44336; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { background: #e3165b; } .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after { background: #22b24b; } .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after { background: #ffca1c; } .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after { background: #f44336; } .e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active { background: transparent; color: rgba(0, 0, 0, 0.54); } input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection, .e-input-group textarea.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-float-input textarea::selection, .e-float-input.e-control-wrapper textarea::selection { background: #e3165b; color: #fff; } .e-float-input.e-small textarea::selection, .e-float-input textarea::selection { background: #e3165b; color: #fff; } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder, .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after { background: #e3165b; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after { background: #e3165b; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after { background: #22b24b; } .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after { background: #22b24b; } .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after { background: #ffca1c; } .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::after { background: #ffca1c; } .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after { background: #f44336; } .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after { background: #f44336; } .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning .e-input-group-icon, .e-input-group.e-control-wrapper.e-warning .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error .e-input-group-icon, .e-input-group.e-control-wrapper.e-error .e-input-group-icon { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-success:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-success:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-warning:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-error:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input { border-color: #e3165b; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-control-wrapper.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon { border-color: transparent; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-color: rgba(0, 0, 0, 0.42); } .e-input-group, .e-input-group.e-control-wrapper { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-bottom-color: transparent; border-top-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-float-icon-left.e-input-group.e-success, .e-float-icon-left.e-control-wrapper.e-input-group.e-success, .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-float-icon-left.e-input-group.e-warning, .e-float-icon-left.e-input-group.e-control-wrapper.e-warning, .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-float-icon-left.e-input-group.e-error, .e-float-icon-left.e-input-group.e-control-wrapper.e-error, .e-input-group.e-float-icon-left, .e-input-group.e-control-wrapper.e-float-icon-left { border-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) { border-bottom-color: #22b24b; } .e-input-group.e-float-icon-left.e-success .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap { border-bottom-color: #22b24b; } .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left) { border-bottom-color: #ffca1c; } .e-input-group.e-float-icon-left.e-warning .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning .e-input-in-wrap { border-bottom-color: #ffca1c; } .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border-bottom-color: #f44336; } .e-input-group.e-float-icon-left.e-error .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap { border-bottom-color: #f44336; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { color: rgba(0, 0, 0, 0.54); } .e-float-input .e-clear-icon:hover, .e-float-input.e-control-wrapper .e-clear-icon:hover, .e-input-group .e-clear-icon:hover, .e-input-group.e-control-wrapper .e-clear-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-disabled .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-disabled .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon { color: rgba(0, 0, 0, 0.26); } .e-float-input.e-input-focus .e-input:focus, .e-float-input.e-control-wrapper.e-input-focus .e-input:focus { border-bottom-color: transparent; border-top-color: transparent; } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-input-group.e-disabled .e-float-text, .e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input input[disabled] ~ label.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-disabled label.e-float-text, .e-float-input.e-disabled label.e-float-text.e-label-top, .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input textarea[disabled] ~ label.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: #e3165b; } .e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-outline.e-input-group, .e-outline.e-input-group.e-control-wrapper, .e-outline.e-float-input, .e-outline.e-float-input.e-input-group, .e-outline.e-float-input.e-control-wrapper, .e-outline.e-float-input.e-input-group.e-control-wrapper { color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-disabled, .e-outline.e-float-input.e-disabled, .e-outline.e-float-input.e-input-group.e-disabled, .e-outline.e-float-input.e-control-wrapper.e-disabled, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled { color: rgba(0, 0, 0, 0.38); } .e-outline.e-input-group:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-outline.e-float-input:hover:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after, .e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before, .e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after { border-color: rgba(0, 0, 0, 0.87); } .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { border-color: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .e-outline.e-input-group:not(.e-input-focus), .e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-float-icon-left:not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-input-focus) { border-color: rgba(0, 0, 0, 0.24); } .e-outline.e-input-group.e-error, .e-outline.e-input-group.e-control-wrapper.e-error, .e-outline.e-input-group.e-error:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left), .e-outline.e-float-input.e-error, .e-outline.e-float-input.e-input-group.e-error, .e-outline.e-float-input.e-control-wrapper.e-error, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error { border-color: #f44336; } .e-outline.e-float-input.e-success.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus, .e-outline.e-float-input.e-input-group.e-success.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-warning.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus, .e-outline.e-float-input.e-input-group.e-warning.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-error.e-input-focus, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus, .e-outline.e-float-input.e-input-group.e-error.e-input-focus:not(.e-float-icon-left), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus:not(.e-float-icon-left) { border-top-color: transparent; } .e-outline.e-input-group.e-success, .e-outline.e-input-group.e-control-wrapper.e-success, .e-outline.e-input-group.e-success:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-outline.e-float-input.e-success, .e-outline.e-float-input.e-input-group.e-success, .e-outline.e-float-input.e-control-wrapper.e-success, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-success { border-color: #22b24b; } .e-outline.e-input-group.e-warning, .e-outline.e-input-group.e-control-wrapper.e-warning, .e-outline.e-input-group.e-warning:not(.e-float-icon-left), .e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-outline.e-float-input.e-warning, .e-outline.e-float-input.e-input-group.e-warning, .e-outline.e-float-input.e-control-wrapper.e-warning, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning { border-color: #ffca1c; } .e-outline.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) { box-shadow: inset 1px 1px #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .e-outline.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) { box-shadow: inset 1px 1px #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b; } .e-outline.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) { box-shadow: inset 1px 1px #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c; } .e-outline.e-float-input.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) { box-shadow: inset 1px 0 #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .e-outline.e-float-input.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) { box-shadow: inset 1px 0 #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b; } .e-outline.e-float-input.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) { box-shadow: inset 1px 0 #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c; } .e-outline.e-input-group.e-disabled:not(.e-input-focus), .e-outline.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-disabled.e-float-icon-left:not(.e-input-focus), .e-outline.e-input-group.e-disabled.e-control-wrapper.e-float-icon-left:not(.e-input-focus) { border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-success.e-valid-input label.e-float-text.e-label-top, .e-outline.e-float-input.e-bigger.e-success.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-success) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-success label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-success).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text { color: #f44336; } .e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-input-group.e-warning.e-valid-input label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning.e-input-focus input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-warning) input:focus ~ label.e-float-text, .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-outline.e-float-input.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-input-group.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-warning label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small:not(.e-warning).e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top { color: #e3165b; } .e-outline.e-input[disabled], .e-outline.e-input-group .e-input[disabled], .e-outline.e-input-group.e-control-wrapper .e-input[disabled], .e-outline.e-input-group.e-disabled, .e-outline.e-input-group.e-control-wrapper.e-disabled, .e-outline.e-float-input input[disabled], .e-outline.e-float-input.e-control-wrapper input[disabled], .e-outline.e-float-input textarea[disabled], .e-outline.e-float-input.e-control-wrapper textarea[disabled], .e-outline.e-float-input.e-disabled, .e-outline.e-float-input.e-control-wrapper.e-disabled, .e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-outline.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background-image: none; border-bottom-color: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus), .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) { border-top-color: transparent; } .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before, .e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after, .e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before, .e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after { border-color: rgba(0, 0, 0, 0.06); } .e-outline.e-float-input.e-input-group.e-disabled .e-float-text, .e-outline.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-outline.e-float-input input[disabled] ~ label.e-float-text, .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-disabled label.e-float-text, .e-outline.e-float-input.e-disabled label.e-float-text.e-label-top, .e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-outline.e-input-group.e-disabled .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.38); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:active, .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active { color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .e-filled.e-float-input.e-input-group, .e-filled.e-float-input.e-control-wrapper, .e-filled.e-float-input.e-input-group.e-control-wrapper { background: #f5f5f5; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover, .e-filled.e-input-group.e-control-wrapper:hover, .e-filled.e-float-input:hover, .e-filled.e-float-input.e-input-group:hover, .e-filled.e-float-input.e-control-wrapper:hover, .e-filled.e-float-input.e-input-group.e-control-wrapper:hover { background: #ececec; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group.e-input-focus, .e-filled.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-focus, .e-filled.e-float-input.e-input-group.e-input-focus, .e-filled.e-float-input.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-input-group:hover.e-input-focus, .e-filled.e-input-group:hover.e-control-wrapper.e-input-focus, .e-filled.e-float-input:hover.e-input-focus, .e-filled.e-float-input:hover.e-input-group.e-input-focus, .e-filled.e-float-input:hover.e-control-wrapper.e-input-focus, .e-filled.e-float-input:hover.e-input-group.e-control-wrapper.e-input-focus { background: #dcdcdc; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input.e-success, .e-filled.e-float-input.e-control-wrapper.e-success, .e-filled.e-input-group.e-float-icon-left.e-success, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-success { border-bottom-color: #22b24b; } .e-filled.e-float-input.e-warning, .e-filled.e-float-input.e-control-wrapper.e-warning, .e-filled.e-input-group.e-float-icon-left.e-warning, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-warning { border-bottom-color: #ffca1c; } .e-filled.e-float-input.e-error, .e-filled.e-float-input.e-control-wrapper.e-error, .e-filled.e-input-group.e-float-icon-left.e-error, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-error { border-bottom-color: #f44336; } .e-filled label.e-float-text, .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-error label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text, .e-filled.e-float-input.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text { color: #f44336; } .e-filled.e-float-input.e-success label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success label.e-float-text, .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning label.e-float-text, .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: #e3165b; } .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder, .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover { color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:active, .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active, .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:active, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active { color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-disabled .e-clear-icon, .e-filled.e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-filled.e-disabled .e-clear-icon, .e-input-group.e-filled.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-filled.e-disabled .e-input-group-icon, .e-input-group.e-filled.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.38); } .e-filled.e-input[disabled], .e-input-group.e-filled .e-input[disabled], .e-input-group.e-filled.e-control-wrapper .e-input[disabled], .e-input-group.e-filled.e-disabled, .e-input-group.e-filled.e-control-wrapper.e-disabled, .e-filled.e-float-input input[disabled], .e-filled.e-float-input.e-control-wrapper input[disabled], .e-filled.e-float-input textarea[disabled], .e-filled.e-float-input.e-control-wrapper textarea[disabled], .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-disabled { background: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-disabled:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.06); } .e-filled.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap { background: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input:not(.e-disabled) input[disabled], .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) input[disabled], .e-filled.e-float-input:not(.e-disabled) textarea[disabled], .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input input[disabled] ~ label.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder, .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after { background: #e3165b; } .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after { background: #e3165b; } .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::after { background: #22b24b; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::after { background: #22b24b; } .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::after { background: #ffca1c; } .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::after { background: #f44336; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::after { background: #f44336; } .e-filled.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left, .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left { border-color: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #22b24b; } .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus inputs ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-input-group-icon.e-spin-up::before { content: '\e834'; font-family: 'e-icons'; } .e-input-group-icon.e-spin-down::before { content: '\e83d'; font-family: 'e-icons'; } .e-numeric-container { width: 100%; } .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 33px; min-height: 33px; } .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric, .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 40px; min-height: 40px; } .e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden { border: 0; height: 0; margin: 0; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 12px; } .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon { font-size: 12px; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } /*! maskedtextbox layout */ .e-control-wrapper.e-mask .e-maskedtextbox { font-family: Arial, "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 12.5px; } .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox { font-size: 13px; } .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox { font-size: 13px; } .e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask, .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 40px; min-height: 40px; } /*! maskedtextbox theme */ .e-control-wrapper.e-mask.e-error .e-maskedtextbox { color: #f44336; } .e-utility-mask.e-error { color: #f44336; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle { cursor: default; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 3; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-tab-handle::after { background-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-start.e-tab-handle::after { background-color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup { background-color: #e3165b; border: 0; border-radius: 8px; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close { display: block; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-inner { color: #000; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-bottom { border-top-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-top { border-bottom-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-right { border-left-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-left { border-right-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip { visibility: visible; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0 8px; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner { color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom { border-top-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top { border-bottom-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right { border-left-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left { border-right-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default { background-color: #e3165b; border: 0; border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip { visibility: hidden; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-before .e-tip-content { transform: rotate(-45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content { transform: rotate(-225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content { transform: rotate(45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content { transform: rotate(225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-horizantal-color { height: 100%; position: absolute; top: 0; } .e-slider-vertical-color { left: -1px; position: absolute; width: 100%; } .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value, .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value { font-size: 12px; } .e-control-wrapper.e-slider-container { -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: inline-block; height: 18px; line-height: normal; outline: none; position: relative; user-select: none; } .e-control-wrapper.e-slider-container::after { content: "material"; display: none; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size { transform: scale(1.5); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle { margin: 0 -6px 0 0; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: right; } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: left; } .e-control-wrapper.e-slider-container.e-rtl.e-vertical { direction: ltr; } .e-control-wrapper.e-slider-container.e-disabled.e-material-slider .e-slider .e-handle.e-handle-first { background-color: #757575; } .e-control-wrapper.e-slider-container.e-disabled:hover .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range { background: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { background: #757575; transform: scale(0.5) !important; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first { background-color: #757575; border: 0; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle::after { -ms-transform: scale(0); -webkit-transform: scale(0); background: transparent; border: 7px solid #fff; border-radius: 50%; box-sizing: border-box; content: ''; height: 26px; left: calc(50% - 13px); opacity: 1; position: absolute; top: calc(50% - 13px); transform: scale(1); transition: none; width: 26px; z-index: -1; } .e-control-wrapper.e-slider-container.e-disabled .e-btn { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable { display: block; } .e-control-wrapper.e-slider-container.e-horizontal { height: 48px; width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button { left: 0; margin-top: -9px; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///8G+5iqAAAAL3RSTlMABAgMEBQYHCAkKDA0ODxETFRYYGRsdHyAh4uTm6Onr7O/w8fL09ff4+fr7/P3+/6nVicAAADJSURBVHgBldJHdoNgAANhQUjvPTHuxbgAuv/t/J5O8I82Wn27UfGaVmjvBwvsdmEDUH33JuBxYwNQ/48m4LWzAbie2QR8nkzA/coGoPodTMDzzgagae1ykHAASDgAJBwAEk4xSDgAJBwAEg4ACacYJBwAEg4ACYeAjyMEaqYQSC97CFT/DQxID2sIpK8zBLqZQyC9dRDoajIyID1tIVD10zMg3S0ZSF4IJC8GkhcDyQuB5MVA8kIgeTGQvBhIXggkLwaSFwLJK3cBRvanB71ijlkAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 4.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button { margin-top: -9px; right: 0; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////////+/v7+/v7+/v7////////+/v7////+/v7+/v7+/v7+/v7+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///9VYKa9AAAAL3RSTlMABAgMEBQYHCAoLDQ4PEBMUFhcZGx0eICDi5Obn6ers7vDx8vP19vf4+fr7/P3++LF0fAAAADNSURBVHgBldNHbsNAGEPhkZSi9F4S915k6d3/dga8Jgjw7bkYzPeXS5ObkkX3EQ5gcRcO6H/qbACbp3AAo6twwOEtHMCsDQecvqpsAKuHcMDw12QD2L2EA/C8EFleiCwvRJYXIssLmeGFzPBCZnghM7yQGV7IDC9Eglc26D6zwfS2JIP9a/To4b8pyWD9GH1c/11FNOZthO/4nvEeX5dksH2OTnT4rUsyWN4Xk4cj8nBEHo7IwxF5OCIPR+ThiDwckYcj8nBEHo5Iw5GdAVm8p9sPUXNKAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 2.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn { padding: 0 30px; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider { height: 32px; position: relative; top: calc(50% - 16px); width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track { height: 2px; left: 0; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.26); overflow: hidden; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-handle { margin-left: -6px; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range { height: 2px; } .e-control-wrapper.e-slider-container.e-horizontal .e-range { height: 2px; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-limits { background-color: rgba(0, 0, 0, 0.26); height: 2px; position: absolute; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-vertical { height: inherit; padding: 38px 0; width: 48px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider { height: 100%; left: calc(50% - 16px); position: relative; width: 32px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider-track { background: rgba(0, 0, 0, 0.26); bottom: 0; height: 100%; position: absolute; left: calc(50% - 1px); overflow: hidden; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn { height: 100%; padding: 30px 0; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider { height: 100%; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button { bottom: 0; margin-right: -9px; right: 50%; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////1kjJ6AAAALnRSTlMABAgMEBQYHCAkKDA4QERITFRcYGRodHyDj5OXn6Ons7e7v8vP09ff5+vv8/f7zZvJMAAAAItJREFUeAHdyVcagjAQBsAfUVTAXsTeSTRm7388i/kUQjYHYF4H9bAUXjuEV/KQEdC98f9I8dLXxJngY879CsbG/ccARuPsetHCT1tWXyUoSDXZRiiZ2p/Bsi7/HrbgVPw8REUk/n+P4ZAoMvQATmMyFmBk39+CExzefwnBauZEsgOPWOkevIYz1NEToo45F58KJy0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 2.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button { margin-right: -9px; right: 50%; top: 0; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////////////+/v7////+/v7+/v7////////+/v7+/v7////+/v7////+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////wrNfvAAAALnRSTlMABAgMEBQYICgsMDQ4QERITFBcYGhseHyDi5Obn6Ort7u/x8/X29/j5+vv8/f77y3LJgAAAI1JREFUeAHdyVeagjAUBtCbYQTsXewFENGYf//LsyB8kORmAZzXQ600mLrfz2XX9X8xcO0Qb4+3s2B/ia8N9yOFwtz+wR0/z77tvQSVm0+mI2piYXyEhp3+E2gWzQ8lNGpY//8UhjygijjBIvGotIbVofwZGFHxPQmGGn/ez8B6hETiAofUo1XmtKVWeAEhzjgqqZr/lwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 4.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle { margin-bottom: -6px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle { margin-bottom: -6px; left: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range { left: calc(50% - 1px); width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits { background-color: rgba(0, 0, 0, 0.26); left: calc(50% - 1px); position: absolute; width: 2px; } .e-control-wrapper.e-slider-container .e-range { border-radius: 2px; position: absolute; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out; } .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal { cursor: pointer; } .e-control-wrapper.e-slider-container .e-range.e-drag-vertical { cursor: pointer; } .e-control-wrapper.e-slider-container .e-slider { box-sizing: border-box; cursor: default; display: block; outline: 0 none; padding: 0; position: relative; } .e-control-wrapper.e-slider-container .e-slider .e-handle { border-radius: 50%; box-sizing: border-box; cursor: grab; height: 12px; outline: none; position: absolute; touch-action: none; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out; width: 12px; z-index: 10; cursor: grab; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active { cursor: grabbing; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start { background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container .e-slider .e-handle::after { -moz-box-sizing: content-box; -ms-transform: scale(0); -webkit-box-sizing: content-box; -webkit-transform: scale(0); border: 0 solid; border-radius: 50%; box-sizing: content-box; content: ''; filter: alpha(opacity=26); height: 32px; left: calc(50% - 16px); opacity: .26; position: absolute; top: calc(50% - 16px); transform: scale(0); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 32px; z-index: -1; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after { background-color: #e0e0e0; opacity: .38; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after { -ms-transform: scale(1); -webkit-transform: scale(1); background-color: #e3165b; transform: scale(1); } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick { background-position: bottom; height: 50%; top: 1px; } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick { background-position: right; left: 1px; width: 50%; } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick { background-position-x: center; height: 50%; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick { background-position: left; left: calc(50% - 1px); width: 50%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick { background-position: center; height: 99%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick { background-position: center; width: 100%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large { width: 100%; } .e-control-wrapper.e-slider-container .e-scale { box-sizing: content-box; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; height: 28px; line-height: normal; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; position: absolute; top: calc(50% - 14px); width: 100%; z-index: 1; } .e-control-wrapper.e-slider-container .e-scale .e-tick { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII="); cursor: default; outline: none; position: relative; -webkit-user-select: none; user-select: none; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { color: #000; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 10px; outline: none; position: absolute; -webkit-user-select: none; user-select: none; white-space: nowrap; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale { height: 100%; left: calc(50% - 14px); top: 0; width: 28px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick { background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick { background-position-y: top; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick { background-position-y: bottom; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick { display: inline-block; background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: left; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: right; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before { right: 26px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after { left: 27px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both { right: 41px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child { left: 39px; } .e-control-wrapper.e-slider-container .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { visibility: visible; } .e-control-wrapper.e-slider-container:hover .e-scale .e-tick { visibility: visible; } .e-control-wrapper.e-slider-container:active .e-scale .e-tick { visibility: visible; } .e-slider-hover .e-scale .e-tick { visibility: visible; } /*! component theme */ .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-first { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-second { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container .e-slider-button { background-color: rgba(0, 0, 0, 0.54); border: 1px solid transparent; border-radius: 50%; height: 18px; width: 18px; box-sizing: border-box; cursor: pointer; outline: none; padding: 0; position: absolute; } .e-control-wrapper.e-slider-container .e-slider .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle { background-color: #e3165b; border-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip { background-color: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track { background-color: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-slider-hover .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container.e-slider-hover .e-handle { border-color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-upload .e-upload-files .e-file-remove-btn.e-icons::before { content: '\e945'; } .e-upload .e-upload-files .e-icons.e-file-pause-btn::before { content: '\e326'; } .e-upload .e-upload-files .e-icons.e-file-reload-btn::before { content: '\e99d'; } .e-upload .e-upload-files .e-icons.e-file-play-btn::before { content: '\e324'; } .e-upload .e-upload-files .e-file-delete-btn.e-icons::before { content: '\e94a'; } .e-upload .e-upload-files .e-file-abort-btn.e-icons::before { content: '\e974'; } .e-upload .e-upload-files .e-icons.e-msie::before { position: relative; right: 10px; } .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before { right: 12px; } .e-bigger .e-upload { width: 100%; } .e-bigger .e-upload .e-file-select-wrap { padding: 20px 0 20px 16px; } .e-bigger .e-upload .e-file-select-wrap .e-file-drop { font-size: 15px; margin-left: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list { font-size: 15px; line-height: normal; min-height: 100px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container { margin-left: 16px; top: 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 15px; padding-top: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 12px; padding: 10px 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 15px; padding-top: 16px; top: initial; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { font-size: 12px; padding-bottom: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { height: 10px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { height: 3px; width: 98%; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { height: 3px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { font-size: 11px; right: 10px; top: -33px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; font-size: 12px; height: 18px; margin: 16px; margin-top: -24px; padding: 20px; top: 50%; width: 18px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { right: 45px; } .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 13px; } .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 18px; } .e-bigger .e-upload .e-upload-actions .e-btn { margin-left: 16px; } .e-bigger .e-upload .e-upload-actions .e-file-upload-btn { margin: 15px; } .e-bigger .e-upload .e-upload-actions .e-file-clear-btn { margin: 15px; } .e-bigger .e-upload.e-rtl .e-file-select-wrap { padding: 20px 16px 20px 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { margin-left: 60px; margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information { top: 54px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { left: 10px; right: initial; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { box-sizing: border-box; left: 0; margin-left: 16px; margin-right: 16px; padding: 20px; top: 50%; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 41px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 16px; padding-top: 12px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 42px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload, .e-bigger.e-small .e-upload { width: 100%; } .e-upload.e-control-wrapper, .e-bigger.e-small .e-upload.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; } .e-upload .e-hidden-file-input, .e-bigger.e-small .e-upload .e-hidden-file-input { border: 0; height: 0; margin: 0; outline: none; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-upload .e-file-select-wrap .e-file-select, .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { display: inline-block; width: 0; } .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { opacity: 0; } .e-upload .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop { font-family: inherit; font-size: 14px; margin-left: 12px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 12px; padding-top: 8px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 32px; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files, .e-bigger.e-small .e-upload .e-upload-files { list-style-type: none; margin: 0; padding: 0; } .e-upload .e-upload-files .e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus { outline: none; } .e-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list { font-family: inherit; font-size: 14px; height: 100%; line-height: normal; min-height: 90px; position: relative; } .e-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container { display: block; height: 100%; margin-left: 12px; margin-right: 90px; min-height: 35px; position: relative; top: 3px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: left; font-family: inherit; font-size: 14px; max-width: 75%; overflow: hidden; padding-top: 12px; position: relative; text-overflow: ellipsis; top: 0; white-space: nowrap; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before { content: attr(data-tail); float: right; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { display: block; font-family: inherit; font-size: 14px; padding-top: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden { visibility: hidden; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { display: block; font-size: 11px; padding: 8px 0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { display: block; font-family: inherit; font-size: 11px; padding-bottom: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress { display: none; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { display: block; height: 8px; padding-bottom: 6px; padding-top: 6px; position: absolute; width: 98%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { border-radius: 0; display: block; height: 2px; width: 100%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { border-radius: 0; display: inherit; height: 2px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: right; font-family: inherit; font-size: 11px; position: relative; right: 6px; top: -27px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { align-items: center; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: 11px; height: 18px; justify-content: center; margin: 0 12px; margin-top: -18px; padding: 18px; position: absolute; right: 0; top: 50%; vertical-align: middle; width: 18px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress { cursor: default; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons { padding: 18px 13px 18px 23px; } .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { right: 36px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; border-radius: 50%; box-shadow: 0 0 0 transparent; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { border-radius: 50%; } .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 11px; opacity: 1; } .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 15px; opacity: 1; } .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn, .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn { font-family: inherit; } .e-upload .e-upload-actions, .e-bigger.e-small .e-upload .e-upload-actions { position: relative; text-align: right; } .e-upload .e-upload-actions .e-file-upload-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn { margin: 12px; } .e-upload .e-upload-actions .e-file-clear-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn { margin: 12px; } .e-upload.e-rtl .e-file-select-wrap, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 10px; } .e-upload.e-rtl .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-actions, .e-bigger.e-small .e-upload.e-rtl .e-upload-actions { text-align: left; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { height: 100%; margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container { direction: ltr; float: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size { direction: ltr; float: right; position: relative; text-align: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { float: right; position: initial; top: 46px; width: 89%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: left; right: -8px; top: -25px; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons { left: 0; margin-left: 12px; margin-right: 12px; right: auto; top: 50%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons { left: 36px; right: auto; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 36px; } .e-upload.e-disabled .e-file-drop, .e-bigger.e-small .e-upload.e-disabled .e-file-drop { color: rgba(0, 0, 0, 0.38); } .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.38); } .e-upload .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 65px; min-height: 65px; } .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 80px; min-height: 80px; } .e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-small .e-upload .e-file-select-wrap .e-file-drop { font-size: 13px; margin-left: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list { min-height: 76px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 11px; padding: 5px 0; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { padding-bottom: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { padding-bottom: 3px; padding-top: 3px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons { font-size: 10px; height: 24px; padding: 12px; width: 24px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 10px; padding-top: 6px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 34px; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload { border: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-file-drop { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files { border-top: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { color: rgba(0, 0, 0, 0.54); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success { color: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap { background-color: #e0e0e0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress { background: #e3165b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success { background: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed { background: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 0 transparent; } .e-upload-drag-hover { outline: 2px dashed #9e9e9e; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-container .e-value-switch-btn::before { content: '\e430'; } .e-colorpicker-wrapper, .e-colorpicker-container { display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; } .e-colorpicker-wrapper .e-colorpicker, .e-colorpicker-container .e-colorpicker { height: 1px; opacity: 0; position: absolute; width: 1px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { font-family: initial; line-height: 14px; padding: 0 4px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 2px; height: 18px; margin-top: 0; position: relative; width: 18px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview { border-radius: 2px; } .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 4px; } .e-colorpicker-wrapper *, .e-colorpicker-container * { box-sizing: border-box; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile, .e-colorpicker-container.e-disabled .e-palette .e-tile { cursor: default; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover, .e-colorpicker-container.e-disabled .e-palette .e-tile:hover { border: 0; box-shadow: none; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected, .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected { border: 0; } .e-colorpicker-wrapper.e-disabled .e-container .e-handler, .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-wrapper.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle, .e-colorpicker-container.e-disabled .e-container .e-handler, .e-colorpicker-container.e-disabled .e-container .e-preview-container, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider, .e-colorpicker-container.e-disabled .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { cursor: default; } .e-colorpicker-wrapper.e-disabled .e-container .e-hsv-container, .e-colorpicker-container.e-disabled .e-container .e-hsv-container { pointer-events: none; } .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) { line-height: 0; } .e-colorpicker.e-modal, .e-colorpicker.e-hsv-model { -webkit-overflow-scrolling: touch; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .e-colorpicker.e-modal { background-color: rgba(0, 0, 0, 0.6); opacity: .5; pointer-events: auto; } .e-colorpicker.e-hsv-model { background-color: transparent; } .sf-colorpicker .e-switch-ctrl-btn .e-ctrl-btn { position: relative; } .e-show-value .sf-colorpicker.e-color-palette .e-selected-value, .e-show-value .sf-colorpicker.e-color-palette .e-switch-ctrl-btn { width: 270px; } .e-dropdown-popup.e-transparent .e-container { display: none; } body.e-colorpicker-overflow { overflow: visible; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { line-height: 18px; padding: 0 6px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { height: 22px; width: 22px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 6px; } .e-container { border: 0; border-radius: 0; display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-container.e-color-picker { width: 270px; } .e-container.e-color-picker .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%; } .e-container.e-color-palette { width: auto; } .e-container.e-color-palette .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBzdHlsZT0iZmlsbDp1cmwoI19MaW5lYXIyKTsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsMTgpIj4KICAgICAgICA8Y2xpcFBhdGggaWQ9Il9jbGlwMyI+CiAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwMykiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwtMCwxOCkiPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxjbGlwUGF0aCBpZD0iX2NsaXA0Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXA0KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLC0wLDE4KSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfSW1hZ2U1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDYiPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDYpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsLTAsMTgpIj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2LjI3MDE5ZS0xNCwtMTAyNCwtMTAyNCwtNi4yNzAxOWUtMTQsMCwxOCkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMTgyLDI1NSk7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOmJsYWNrO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4xMDIxOGUtMTUsLTE4LC0xOCwtMS4xMDIxOGUtMTUsMTgsMTgpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigwLDE4MiwyNTUpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjaztzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2U1IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJJQUFBQVNDQVlBQUFCV3pvNVhBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQmUwbEVRVlE0alcyUjIyNGNNUXhER2NBbyt2OC8yU0lYZE9wTk5iSXVWaDlrZXp6SlBoaWlTT3JNQXZ2eTBBanlBSGVBSEdBSHlDUDE4dTQ3ZVl6ZTlBS2xhaDlCZ0F5WG5tVUxjQStRYmQ3cWp4OWdnVkxGUWRiVDlBQlpYNlZkWHpNLy9MVmZqbE11dy9xQWR2QUMzZmR2bVE1UVpVbUErZ1ZUWDZWZDh3Sjk3NWRLbkdYek1VZnBpVGYzdXpkQi93Z2tsaVZ4a0U1dFdSSkxiNGMvNlplamZvTE5NdFJaeXYyWk4zZFNCYXREVlFGWGxQcDRnTlZBb3FPa1F4dW8yY3Iybk5Wd2lnSnVnQ2xnaWxMclgxQ2Jod3BXdmUwa3NtVTUzUXh3SGM4QU01UjZIQnRBUUUzQVlqa25WREpyb2tDM1BIYlBPZlpTano4SjRMWU9XRFIzVlJBblBOeUE3dm1tZGs5UWQ1VGo0dzBzRzRqYjBPbXBUa0FmMHpiZDExN3FCSjBOeEx3MGl5RGNnZGlPcG80K0lCMElINkQzMXdTMEJqb1ozQ1QvMHBpSGNla0ppTmgwdmxMZmZnOUF3OGs4Z3RoZXYyczh6MHA5L1FVNlQ3Z2JFTWhnbGhIcDdjZDQzbm5CajU4ekhVZERiMk1URit6TC9oOXIveU91c0ZQS093QUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat 100% 100%; } .e-container .e-custom-palette { width: auto; } .e-container .e-custom-palette .e-palette { padding: 10px; } .e-container .e-custom-palette.e-palette-group { height: 270px; overflow-y: scroll; } .e-container .e-palette { border-bottom: 0; display: table; line-height: 0; outline: none; -webkit-user-select: none; user-select: none; } .e-container .e-palette .e-row { display: table-row; white-space: nowrap; } .e-container .e-palette .e-tile { border: 0.5px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-block; height: 27px; text-align: center; vertical-align: middle; width: 27px; } .e-container .e-palette .e-tile.e-selected { outline: #000 0.5px solid; position: relative; } .e-container .e-palette .e-tile:hover { box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3); position: relative; } .e-container .e-palette .e-tile.e-nocolor-item { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; } .e-container .e-hsv-container { border-bottom: 0; position: relative; touch-action: none; } .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%); height: 170px; } .e-container .e-hsv-container .e-handler { border: 1px solid #fff; border-radius: 6px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7); cursor: pointer; display: inline-block; height: 8px; margin-left: -4px; margin-top: -4px; position: absolute; touch-action: none; -webkit-user-select: none; user-select: none; width: 8px; } .e-container .e-slider-preview { display: inline-block; width: 100%; padding: 10px 16px; } .e-container .e-slider-preview .e-colorpicker-slider { display: inline-block; width: 82.34%; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 18px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider { height: 18px; top: calc(50% - 9px); } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track { height: 6px; top: calc(50% - 3px); border-radius: 0; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 6px; cursor: pointer; height: 14px; top: calc(50% - 7px); width: 14px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active { cursor: pointer; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size { transform: scale(1); } .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track { background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); border: 0; z-index: 0; } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-opacity-empty-track { background-size: contain; border: 0; height: 6px; position: absolute; top: calc(50% - 3px); width: 100%; z-index: 1; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-container .e-slider-preview .e-preview-container { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 10px; border: 1px solid #e0e0e0; cursor: pointer; display: inline-block; height: 32px; margin-left: 4.205%; position: relative; top: -2px; width: 13.45%; } .e-container .e-slider-preview .e-preview-container .e-preview { display: block; height: 16px; position: absolute; width: 100%; } .e-container .e-slider-preview .e-preview-container .e-preview.e-current { border-bottom: 1px solid #e0e0e0; top: 0; } .e-container .e-slider-preview .e-preview-container .e-preview.e-previous { height: 14px; top: 16px; } .e-container .e-selected-value { align-items: center; display: flex; padding: 0 16px 16px; -webkit-user-select: none; user-select: none; width: 100%; } .e-container .e-selected-value .e-input-container .e-float-input input { padding-left: 0; text-align: center; } .e-container .e-selected-value .e-input-container .e-numeric-hidden { display: none; } .e-container .e-selected-value .e-value-switch-btn { font-family: 'e-icons'; margin-top: 0; padding: 2px 3px; font-size: 16px; line-height: 16px; } .e-container .e-input-container { display: inline-block; width: 89.8%; } .e-container .e-input-container .e-float-input { display: inline-block; margin-right: 3.75%; vertical-align: baseline; } .e-container .e-input-container .e-float-input:first-child { width: 33%; } .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12%; } .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-container .e-input-container .e-float-input .e-float-text { text-align: center; } .e-container .e-switch-ctrl-btn { display: inline-block; padding: 0 16px 16px; white-space: nowrap; width: 100%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: right; text-align: right; white-space: nowrap; width: 89.913%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-cancel { margin-left: 0; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn { background-origin: border-box; background-position: center; background-size: cover; float: left; margin-top: 0; overflow: hidden; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus { box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2); } .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn { background-color: transparent; border-color: transparent; position: relative; width: 10.09%; height: 24px; } .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active { border-color: transparent; box-shadow: none; outline: none; } .e-container.e-color-picker .e-value-switch-btn:focus { outline: none; } .e-container.e-color-palette .e-palette + .e-selected-value, .e-container.e-color-palette .e-palette-group + .e-selected-value { padding: 16px 16px; } .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn, .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn { padding: 23px 16px 16px; } .sf-colorpicker.e-container .e-input-container .e-float-input { margin-right: calc(3.75% - 2.28px); } .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider { vertical-align: super; } .e-hide-opacity .e-container .e-slider-preview .e-preview-container { top: 0; } .e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.3%; } .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.25%; } .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-hide-valueswitcher .e-container .e-float-input:first-child { width: 33%; } .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13%; } .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.58%; } .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric { width: 22.18%; } .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 30.82%; } .e-rtl .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%); } .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track { background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.205%; } .e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.75%; margin-right: 0; } .e-rtl .e-container .e-selected-value .e-float-input input { padding-right: 0; } .e-rtl .e-container .e-selected-value .e-value-switch-btn { transform: rotate(180deg); } .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn { float: right; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: left; text-align: left; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-cancel { margin-left: 0; margin-right: 0; } .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input { margin-right: calc(3.75% - 2.28px); } .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-bigger .e-container.e-color-picker { width: 290px; } .e-bigger .e-container .e-palette .e-tile { height: 29px; width: 29px; } .e-bigger .e-container .e-hsv-container .e-hsv-color { height: 180px; } .e-bigger .e-container .e-custom-palette.e-palette-group { height: 290px; } .e-bigger .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-container .e-slider-preview .e-preview-container { margin-left: 4.657%; vertical-align: super; width: 12.408%; top: 0; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider { width: 82.944%; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 20px; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 8px; height: 16px; top: calc(50% - 8px); width: 16px; } .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn { width: 90.6%; } .e-bigger .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn { padding: 25px 16px 16px; } .e-bigger .e-container .e-input-container { width: 90.7%; } .e-bigger .e-container .e-input-container .e-float-input { margin-right: 3.425%; } .e-bigger .e-container .e-input-container .e-float-input:first-child { width: 33.5%; } .e-bigger .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12.34%; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-bigger .e-container .e-css.e-value-switch-btn, .e-bigger .e-container .e-mode-switch-btn { padding: 2px 3px; width: 9.306%; font-size: 18px; line-height: 18px; } .e-bigger .e-container .e-mode-switch-btn { margin-top: 5px; } .e-bigger .e-container.sf-colorpicker .e-input-container .e-float-input { margin-right: calc(3.425% - 2.38px); } .e-bigger .e-hide-opacity .e-container .e-slider-preview, .e-bigger.e-hide-opacity .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-hide-opacity .e-container .e-slider-preview .e-preview-container, .e-bigger.e-hide-opacity .e-container .e-slider-preview .e-preview-container { vertical-align: initial; } .e-bigger .e-hide-opacity .e-container .e-float-input:first-child, .e-bigger.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger .e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.76%; } .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-bigger.e-hide-valueswitcher .e-container .e-input-container, .e-bigger .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13.2%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.9%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 31%; } .e-bigger .e-rtl .e-container .e-slider-preview .e-preview-container, .e-bigger.e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.657%; } .e-bigger .e-rtl .e-container .e-selected-value .e-float-input, .e-bigger.e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.425%; margin-right: 0; } .e-bigger .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input, .e-bigger.e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input { margin-left: calc(3.425% - 2.38px); } .e-bigger .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger.e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger.e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child { width: 100%; } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; min-width: 26px; transform: translateY(18px) rotate(45deg) scale(0.01); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 50%; height: 24px; position: relative; transform: rotate(45deg); width: 24px; } .e-split-preview, .e-tip-transparent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip { min-width: 32px; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { height: 30px; width: 30px; } .e-container { background-color: #fff; } .e-container .e-palette .e-tile:hover { border-color: #eee; } .e-container .e-palette .e-tile.e-selected { border-color: #eee; } .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler { background-color: transparent; border-color: transparent; box-shadow: none; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle { background-color: #fff; border-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn, .e-colorpicker-container.e-disabled .e-value-switch-btn, .e-colorpicker-container.e-disabled .e-mode-switch-btn { color: rgba(0, 0, 0, 0.26); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus, .e-colorpicker-container.e-disabled .e-value-switch-btn:focus, .e-colorpicker-container.e-disabled .e-mode-switch-btn:focus { background-color: transparent; color: rgba(0, 0, 0, 0.26); outline: none; outline-offset: unset; } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active, .e-colorpicker-container.e-disabled .e-value-switch-btn:active, .e-colorpicker-container.e-disabled .e-mode-switch-btn:active { background-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled, .e-colorpicker-container .e-icon-btn:disabled, .e-colorpicker-container .e-icon-btn.e-disabled { background-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.12); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { background-color: #fff; border-color: #fff; } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-notifications/styles/material.css (1) ***! \********************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .e-badge { background: #fafafa; border-color: transparent; border-radius: 0.25em; box-shadow: 0 0 0 2px transparent; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 0.75em; font-weight: 500; line-height: 1; overflow: hidden; padding: 0.25em 0.4em 0.25em 0.4em; text-align: center; text-decoration: none; text-indent: 0; vertical-align: middle; } .e-badge:hover { text-decoration: none; } .e-badge.e-badge-pill { border-radius: 5em; } .e-badge.e-badge-notification { border-radius: 1em; font-size: 12px; height: 18px; left: 100%; line-height: 18px; min-width: 24px; padding: 0 8px 0 8px; position: absolute; top: -10px; width: auto; } .e-badge.e-badge-notification.e-badge-ghost { line-height: 16px; } .e-badge.e-badge-circle { border-radius: 50%; height: 1.834em; line-height: 1.834em; min-width: 0; padding: 0; width: 1.834em; } .e-badge.e-badge-circle.e-badge-ghost { line-height: 1.8em; } .e-badge.e-badge-overlap { position: absolute; top: -10px; transform: translateX(-50%); } .e-badge.e-badge-dot { border-radius: 100%; box-shadow: 0 0 0 1px #fff; height: 6px; left: 100%; line-height: 1; margin: 0; min-width: 0; overflow: visible; padding: 0; position: absolute; top: -3px; width: 6px; } .e-badge.e-badge-bottom.e-badge-dot { bottom: 3px; position: absolute; top: auto; } .e-badge.e-badge-bottom.e-badge-notification { bottom: -3px; position: absolute; top: auto; } button .e-badge { line-height: .9; position: relative; top: -2px; } button .e-badge.e-badge-circle { height: 2em; line-height: 2em; width: 2em; } button .e-badge.e-badge-circle.e-badge-ghost { line-height: 1.9em; } .e-badge.e-badge-primary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-primary[href]:not(.e-badge-ghost) { background-color: #3f51b5; color: #fff; } .e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) { background-color: #e3165b; color: #fff; } .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) { background-color: #4d841d; color: #fff; } .e-badge.e-badge-danger:not(.e-badge-ghost):not([href]), .e-badge.e-badge-danger[href]:not(.e-badge-ghost) { background-color: #d64113; color: #fff; } .e-badge.e-badge-warning:not(.e-badge-ghost):not([href]), .e-badge.e-badge-warning[href]:not(.e-badge-ghost) { background-color: #c15700; color: #fff; } .e-badge.e-badge-info:not(.e-badge-ghost):not([href]), .e-badge.e-badge-info[href]:not(.e-badge-ghost) { background-color: #0378d5; color: #fff; } .e-badge.e-badge-light:not(.e-badge-ghost):not([href]), .e-badge.e-badge-light[href]:not(.e-badge-ghost) { background-color: #fff; color: #000; } .e-badge.e-badge-dark:not(.e-badge-ghost):not([href]), .e-badge.e-badge-dark[href]:not(.e-badge-ghost) { background-color: #303030; color: #fff; } .e-badge.e-badge-primary[href]:not(.e-badge-ghost):hover { background-color: #32408f; } .e-badge.e-badge-secondary[href]:not(.e-badge-ghost):hover { background-color: #b51148; } .e-badge.e-badge-success[href]:not(.e-badge-ghost):hover { background-color: #355a14; } .e-badge.e-badge-danger[href]:not(.e-badge-ghost):hover { background-color: #a7330f; } .e-badge.e-badge-warning[href]:not(.e-badge-ghost):hover { background-color: #8e4000; } .e-badge.e-badge-info[href]:not(.e-badge-ghost):hover { background-color: #025ca3; } .e-badge.e-badge-light[href]:not(.e-badge-ghost):hover { background-color: #e6e6e6; } .e-badge.e-badge-dark[href]:not(.e-badge-ghost):hover { background-color: #171717; } .e-badge.e-badge-primary[href].e-badge-ghost:hover { border-color: #2b387c; color: #2b387c; } .e-badge.e-badge-secondary[href].e-badge-ghost:hover { border-color: #9d0f3f; color: #9d0f3f; } .e-badge.e-badge-success[href].e-badge-ghost:hover { border-color: #28450f; color: #28450f; } .e-badge.e-badge-danger[href].e-badge-ghost:hover { border-color: #902c0d; color: #902c0d; } .e-badge.e-badge-warning[href].e-badge-ghost:hover { border-color: #753500; color: #753500; } .e-badge.e-badge-info[href].e-badge-ghost:hover { border-color: #024e8a; color: #024e8a; } .e-badge.e-badge-light[href].e-badge-ghost:hover { border-color: #d9d9d9; color: #d9d9d9; } .e-badge.e-badge-dark[href].e-badge-ghost:hover { border-color: #0a0a0a; color: #0a0a0a; } .e-badge.e-badge-ghost.e-badge-primary { background-color: transparent; border: 1px solid #3f51b5; color: #3f51b5; } .e-badge.e-badge-ghost.e-badge-secondary { background-color: transparent; border: 1px solid #e3165b; color: #e3165b; } .e-badge.e-badge-ghost.e-badge-success { background-color: transparent; border: 1px solid #4d841d; color: #4d841d; } .e-badge.e-badge-ghost.e-badge-danger { background-color: transparent; border: 1px solid #d64113; color: #d64113; } .e-badge.e-badge-ghost.e-badge-warning { background-color: transparent; border: 1px solid #c15700; color: #c15700; } .e-badge.e-badge-ghost.e-badge-info { background-color: transparent; border: 1px solid #0378d5; color: #0378d5; } .e-badge.e-badge-ghost.e-badge-light { background-color: transparent; border: 1px solid #fff; color: #fff; } .e-badge.e-badge-ghost.e-badge-dark { background-color: transparent; border: 1px solid #303030; color: #303030; } .e-toast .e-toast-close-icon::before { content: ""; } .e-toast .e-toast-success-icon::before { content: ""; } .e-toast .e-toast-error-icon::before { content: ""; } .e-toast .e-toast-info-icon::before { content: ""; } .e-toast .e-toast-warning-icon::before { content: ""; } /*! toast layout */ .e-bigger .e-toast-container.e-toast-top-left, .e-toast-container.e-bigger.e-toast-top-left { left: 10px; top: 10px; } .e-bigger .e-toast-container.e-toast-bottom-left, .e-toast-container.e-bigger.e-toast-bottom-left { bottom: 10px; left: 10px; } .e-bigger .e-toast-container.e-toast-top-right, .e-toast-container.e-bigger.e-toast-top-right { right: 10px; top: 10px; } .e-bigger .e-toast-container.e-toast-bottom-right, .e-toast-container.e-bigger.e-toast-bottom-right { bottom: 10px; right: 10px; } .e-bigger .e-toast-container.e-toast-bottom-center, .e-toast-container.e-bigger.e-toast-bottom-center { bottom: 10px; } .e-bigger .e-toast-container.e-toast-bottom-center .e-toast, .e-toast-container.e-bigger.e-toast-bottom-center .e-toast { margin: 0 auto 10px; } .e-bigger .e-toast-container.e-toast-top-center, .e-toast-container.e-bigger.e-toast-top-center { top: 10px; } .e-bigger .e-toast-container.e-toast-top-center .e-toast, .e-toast-container.e-bigger.e-toast-top-center .e-toast { margin: 0 auto 10px; } .e-bigger .e-toast-container.e-toast-full-width, .e-toast-container.e-bigger.e-toast-full-width { left: 0; right: 0; } .e-bigger .e-toast-container.e-toast-full-width .e-toast, .e-toast-container.e-bigger.e-toast-full-width .e-toast { margin: 0 auto 10px; } .e-bigger .e-toast-container.e-rtl .e-toast .e-toast-message .e-toast-actions, .e-toast-container.e-bigger.e-rtl .e-toast .e-toast-message .e-toast-actions { text-align: left; } .e-bigger .e-toast-container.e-rtl .e-toast .e-toast-message .e-toast-actions > *, .e-toast-container.e-bigger.e-rtl .e-toast .e-toast-message .e-toast-actions > * { margin-left: initial; margin-right: 10px; } .e-bigger .e-toast-container.e-rtl .e-toast .e-toast-close-icon, .e-toast-container.e-bigger.e-rtl .e-toast .e-toast-close-icon { margin-left: initial; margin-right: auto; } .e-bigger .e-toast-container.e-rtl .e-toast .e-toast-icon, .e-toast-container.e-bigger.e-rtl .e-toast .e-toast-icon { margin-left: 14px; margin-right: initial; } .e-bigger .e-toast-container.e-rtl .e-toast .e-toast-progress, .e-toast-container.e-bigger.e-rtl .e-toast .e-toast-progress { left: auto; right: 0; } .e-bigger .e-toast-container .e-toast, .e-toast-container.e-bigger .e-toast { border-radius: 2px; font-size: 14px; margin: 0 0 10px; min-height: 48px; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content { padding: 14px 0 10px 0; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content:first-child { padding: 0; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content:last-child { padding-bottom: 0; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-content + .e-toast-actions, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-content + .e-toast-actions { padding: 0; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-actions, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-actions { padding: 10px 0 0 0; text-align: right; } .e-bigger .e-toast-container .e-toast .e-toast-message .e-toast-actions > *, .e-toast-container.e-bigger .e-toast .e-toast-message .e-toast-actions > * { margin-left: 10px; } .e-bigger .e-toast-container .e-toast .e-toast-close-icon, .e-toast-container.e-bigger .e-toast .e-toast-close-icon { font-size: 14px; height: 24px; width: 24px; } .e-bigger .e-toast-container .e-toast .e-toast-icon, .e-toast-container.e-bigger .e-toast .e-toast-icon { font-size: 18px; height: 24px; margin-right: 14px; width: 24px; } .e-bigger .e-toast-container .e-toast .e-toast-progress, .e-toast-container.e-bigger .e-toast .e-toast-progress { height: 4px; } .e-toast-container { display: inline-flex; flex-direction: column; position: relative; } .e-toast-container.e-toast-top-left { left: 10px; top: 10px; } .e-toast-container.e-toast-bottom-left { bottom: 10px; left: 10px; } .e-toast-container.e-toast-top-right { right: 10px; top: 10px; } .e-toast-container.e-toast-bottom-right { bottom: 10px; right: 10px; } .e-toast-container.e-toast-bottom-center { bottom: 10px; pointer-events: none; right: 0; width: 100%; } .e-toast-container.e-toast-bottom-center .e-toast { margin: 0 auto 10px; pointer-events: auto; } .e-toast-container.e-toast-top-center { pointer-events: none; right: 0; top: 10px; width: 100%; } .e-toast-container.e-toast-top-center .e-toast { margin: 0 auto 10px; pointer-events: auto; } .e-toast-container.e-toast-full-width { left: 0; right: 0; width: 100%; } .e-toast-container.e-toast-full-width .e-toast { margin: 0 auto 10px; width: 96%; } .e-toast-container.e-rtl .e-toast .e-toast-actions { text-align: left; } .e-toast-container.e-rtl .e-toast .e-toast-actions > * { margin-left: initial; margin-right: 10px; } .e-toast-container.e-rtl .e-toast .e-toast-close-icon { margin-left: initial; margin-right: auto; } .e-toast-container.e-rtl .e-toast .e-toast-icon { margin-left: 14px; margin-right: initial; } .e-toast-container.e-rtl .e-toast .e-toast-progress { left: auto; right: 0; } .e-toast-container .e-toast { border-radius: 2px; display: inline-flex; font-size: 14px; margin: 0 0 10px; overflow: hidden; padding: 14px; position: relative; } .e-toast-container .e-toast .e-toast-icon, .e-toast-container .e-toast .e-toast-message { display: inline-flex; } .e-toast-container .e-toast > * { word-break: break-word; word-wrap: break-word; } .e-toast-container .e-toast .e-toast-message { align-self: center; flex-direction: column; overflow: hidden; width: inherit; } .e-toast-container .e-toast .e-toast-message .e-toast-title, .e-toast-container .e-toast .e-toast-message .e-toast-content { overflow: hidden; text-overflow: ellipsis; } .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child, .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child { padding: 0; } .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child, .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child { padding-bottom: 0; } .e-toast-container .e-toast .e-toast-message .e-toast-title > *, .e-toast-container .e-toast .e-toast-message .e-toast-content > * { overflow: hidden; text-overflow: ellipsis; } .e-toast-container .e-toast .e-toast-message .e-toast-title { font-size: 15px; font-weight: bold; letter-spacing: .5px; } .e-toast-container .e-toast .e-toast-message .e-toast-content { padding: 14px 0 10px 0; word-break: break-word; word-wrap: break-word; } .e-toast-container .e-toast .e-toast-message .e-toast-content + .e-toast-actions { padding-top: 0; } .e-toast-container .e-toast .e-toast-message .e-toast-actions { margin: 1px; padding: 10px 0 0 0; text-align: right; } .e-toast-container .e-toast .e-toast-message .e-toast-actions > * { margin-left: 10px; } .e-toast-container .e-toast .e-toast-close-icon { align-items: center; cursor: pointer; display: flex; font-size: 14px; height: 24px; justify-content: center; margin-left: auto; width: 24px; opacity: .7; } .e-toast-container .e-toast .e-toast-icon { align-items: center; font-size: 18px; height: 24px; justify-content: center; margin-right: 14px; width: 24px; } .e-toast-container .e-toast .e-toast-progress { bottom: 0; height: 4px; left: 0; position: absolute; } .e-content-placeholder.e-toast.e-placeholder-toast { background-size: 400px 100px; min-height: 100px; } .e-bigger .e-content-placeholder.e-toast.e-placeholder-toast, .e-bigger.e-content-placeholder.e-toast.e-placeholder-toast { background-size: 400px 100px; min-height: 100px; } .e-blazor-toast-hidden { visibility: hidden; } .e-toast-container .e-toast .e-toast-close-icon.blazor-toast-close-icon { background-color: transparent; border-color: transparent; border-radius: 50%; bottom: 6px; height: 20px; position: relative; width: 22px; } .e-toast-container .e-toast { background-color: #303030; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #fff; } .e-toast-container .e-toast .e-toast-close-icon { color: #fff; } .e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon, .e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon:focus, .e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon:active { background-color: transparent; border: 0; box-shadow: none; outline: 0; } .e-toast-container .e-toast.e-toast-success { background-color: #4d831e; color: #fff; } .e-toast-container .e-toast.e-toast-success .e-toast-message .e-toast-title { color: #fff; } .e-toast-container .e-toast.e-toast-success .e-toast-message .e-toast-content { color: #fff; } .e-toast-container .e-toast.e-toast-success .e-toast-icon { color: #fff; } .e-toast-container .e-toast.e-toast-success .e-toast-close-icon { color: #fff; } .e-toast-container .e-toast.e-toast-success:hover { background-color: #4d831e; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); color: #fff; } .e-toast-container .e-toast.e-toast-info { background-color: #0677d5; color: #fff; } .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title { color: #fff; } .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content { color: #fff; } .e-toast-container .e-toast.e-toast-info .e-toast-icon { color: #fff; } .e-toast-container .e-toast.e-toast-info .e-toast-close-icon { color: #fff; } .e-toast-container .e-toast.e-toast-info:hover { background-color: #0677d5; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); color: #fff; } .e-toast-container .e-toast.e-toast-warning { background-color: #c15601; color: #fff; } .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title { color: #fff; } .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content { color: #fff; } .e-toast-container .e-toast.e-toast-warning .e-toast-icon { color: #fff; } .e-toast-container .e-toast.e-toast-warning .e-toast-close-icon { color: #fff; } .e-toast-container .e-toast.e-toast-warning:hover { background-color: #c15601; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); color: #fff; } .e-toast-container .e-toast.e-toast-danger { background-color: #d74113; color: #fff; } .e-toast-container .e-toast.e-toast-danger .e-toast-message .e-toast-title { color: #fff; } .e-toast-container .e-toast.e-toast-danger .e-toast-message .e-toast-content { color: #fff; } .e-toast-container .e-toast.e-toast-danger .e-toast-icon { color: #fff; } .e-toast-container .e-toast.e-toast-danger .e-toast-close-icon { color: #fff; } .e-toast-container .e-toast.e-toast-danger:hover { background-color: #d74113; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); color: #fff; } .e-toast-container .e-toast:hover { background-color: #212121; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); } .e-toast-container .e-toast .e-toast-icon { color: #fff; } .e-toast-container .e-toast .e-toast-message .e-toast-title { color: #fff; } .e-toast-container .e-toast .e-toast-message .e-toast-content { color: #fff; } .e-toast-container .e-toast .e-toast-progress { background-color: #e3165b; } .e-toast-container .e-toast .e-toast-actions .e-btn { background-color: transparent; border-color: transparent; box-shadow: none; color: #ef578a; } .e-toast-container .e-toast .e-toast-actions .e-btn:hover { background-color: transparent; color: #ef578a; } .e-toast-container .e-toast .e-toast-actions .e-btn:focus { background-color: transparent; color: #ef578a; } .e-toast-container .e-toast .e-toast-actions .e-btn:active { background-color: transparent; color: #ef578a; } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css (1) ***! \****************************************************************************************************************************************************************************************************************************************************************/ .e-dropdownbase .e-list-item .e-list-icon { padding: 0 16px 0 0; } .e-small .e-dropdownbase .e-list-item .e-list-icon { padding: 0 12px 0 0; } .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon { padding: 0 16px 0 0; } .e-bigger .e-dropdownbase, .e-dropdownbase.e-bigger { min-height: 45px; } .e-bigger .e-dropdownbase .e-list-item, .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-bigger .e-list-item, .e-dropdownbase.e-bigger .e-list-group-item, .e-dropdownbase.e-bigger .e-fixed-head { line-height: 48px; text-indent: 16px; } .e-bigger .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-bigger .e-list-item .e-list-icon { font-size: 20px; } .e-dropdownbase { display: block; height: 100%; min-height: 36px; position: relative; width: 100%; } .e-dropdownbase .e-list-parent { margin: 0; padding: 0; } .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head { cursor: default; } .e-dropdownbase .e-list-item { cursor: pointer; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-dropdownbase .e-list-item .e-list-icon { font-size: 16px; vertical-align: middle; } .e-dropdownbase .e-fixed-head { position: absolute; top: 0; } .e-rtl .e-dropdownbase .e-fixed-head { left: 33px; } .e-dropdownbase.e-content { overflow: auto; position: relative; } .e-popup.e-ddl .e-dropdownbase.e-nodata { color: #000; cursor: default; font-family: inherit; font-size: 14px; padding: 14px 16px; text-align: center; } .e-rtl .e-dropdownbase.e-dd-group .e-list-item { padding-right: 2em; } .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; text-indent: 0; } .e-small .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-bigger .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { text-indent: 0; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { cursor: pointer; font-weight: normal; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item { padding-right: 2em; } .e-rtl .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-small.e-rtl .e-dropdownbase .e-list-item, .e-small .e-rtl .e-dropdownbase .e-list-item, .e-rtl .e-small .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item, .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item, .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item, .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item, .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-dropdownbase { border-color: #e0e0e0; } .e-dropdownbase .e-list-item { background-color: #fff; border-bottom: 0; border-color: #fff; color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; line-height: 36px; min-height: 36px; padding-right: 16px; text-indent: 16px; } .e-dropdownbase .e-list-group-item, .e-fixed-head { background-color: #fff; border-color: #fff; color: rgba(0, 0, 0, 0.54); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 36px; min-height: 36px; padding-left: 16px; padding-right: 16px; } .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover { background-color: #eee; border-color: #fff; color: #e3165b; } .e-dropdownbase .e-list-item.e-hover { background-color: #eee; border-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-dropdownbase .e-list-item:last-child { border-bottom: 0; } .e-dropdownbase .e-list-item.e-item-focus { background-color: #eee; } .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head { font-size: 14px; padding-left: 16px; } .e-multi-column.e-ddl.e-popup.e-popup-open table { border-collapse: collapse; table-layout: fixed; width: 100%; } .e-multi-column.e-ddl.e-popup.e-popup-open th, .e-multi-column.e-ddl.e-popup.e-popup-open td { display: table-cell; overflow: hidden; padding-right: 16px; text-indent: 10px; text-overflow: ellipsis; } .e-multi-column.e-ddl.e-popup.e-popup-open th { line-height: 36px; text-align: left; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header { background-color: #fff; border-color: #e0e0e0; border-style: solid; border-width: 0 0 1px 0; color: rgba(0, 0, 0, 0.54); font-family: inherit; font-size: 13px; font-weight: 600; text-indent: 10px; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item { padding-right: 0; } .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header { padding-right: 16px; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header, .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header { padding-right: 0; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center { text-align: center; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right { text-align: right; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left { text-align: left; } .e-small .e-dropdownbase .e-list-item, .e-dropdownbase.e-small .e-list-item { color: #000; line-height: 26px; min-height: 26px; text-indent: 12px; } .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-small .e-list-group-item, .e-dropdownbase.e-small .e-fixed-head { font-size: 13px; line-height: 26px; min-height: 26px; padding-left: 16px; } .e-small .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-small .e-list-item .e-list-icon { font-size: 14px; } .e-bigger.e-small .e-dropdownbase .e-list-item, .e-dropdownbase.e-small.e-bigger .e-list-item { color: #000; line-height: 40px; min-height: 40px; text-indent: 16px; } .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-small.e-bigger .e-list-group-item, .e-dropdownbase.e-small.e-bigger .e-fixed-head { line-height: 40px; min-height: 40px; padding-left: 16px; } .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon { font-size: 18px; } .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-bigger.e-small .e-list-group-item, .e-dropdownbase.e-bigger.e-small .e-fixed-head { font-size: 13px; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item { background-color: #fff; border-bottom: 0; border-color: #fff; color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; padding-right: 16px; text-indent: 16px; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus { background-color: #eee; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active, .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover { background-color: #eee; border-color: #fff; color: #e3165b; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover { background-color: #eee; border-color: #fff; color: rgba(0, 0, 0, 0.87); } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-ddl.e-control-wrapper .e-ddl-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-dropdownbase .e-list-item.e-active.e-hover { color: #e3165b; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, .e-input-group:not(.e-disabled) .e-back-icon:active, .e-input-group:not(.e-disabled) .e-back-icon:hover, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover { background: transparent; } .e-input-group .e-ddl-icon:not(:active)::after { animation: none; } .e-ddl.e-popup { border: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); margin-top: 2px; } .e-popup.e-ddl .e-dropdownbase { min-height: 26px; } .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { border-color: #e0e0e0; } .e-bigger .e-popup.e-ddl-device-filter { margin-top: 0; } .e-bigger .e-ddl-device .e-input-group, .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { background: #f5f5f5; border-width: 0; box-shadow: none; margin-bottom: 0; } .e-bigger .e-ddl-device .e-input-group .e-back-icon, .e-bigger .e-ddl-device .e-input-group input.e-input, .e-bigger .e-ddl-device .e-input-group .e-clear-icon { background-color: #f5f5f5; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { margin: 6px 6px 5px; min-height: 12px; min-width: 12px; padding: 6px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { min-height: 16px; min-width: 16px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter { padding: 8px 16px 8px 0; } .e-input-group.e-ddl, .e-input-group.e-ddl .e-input, .e-input-group.e-ddl .e-ddl-icon { background: transparent; } .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) { border-bottom-width: 0; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon { margin: 0; } .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter { padding: 5px 5px 5px 12px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon { min-height: 18px; min-width: 18px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter { padding: 8px 16px; } .e-ddl.e-popup.e-outline .e-filter-parent { padding: 4px 8px; } .e-ddl .e-search-icon::before { content: '\e993'; } .e-ddl .e-back-icon::before { content: '\e977'; } .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before { content: '\e969'; font-family: 'e-icons'; } .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus { margin-left: -20px; } .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item { font-size: 14px; } .e-bigger .e-ddl.e-popup .e-input-group { padding: 4px 0; } .e-bigger.e-ddl.e-popup .e-list-item, .e-bigger.e-ddl.e-popup .e-list-group-item { font-size: 14px; } .e-bigger.e-ddl.e-popup .e-input-group { padding: 4px 0; } .e-popup-full-page { bottom: 0; left: 0; margin: 0; overflow: hidden; padding: 0; right: 0; top: 0; } .e-ddl.e-control-wrapper .e-ddl-disable-icon { position: relative; } .e-ddl.e-control-wrapper .e-ddl-disable-icon::before { content: ''; } .e-ddl-device-filter .e-filter-parent { background-color: #f5f5f5; } .e-ddl input.e-input::-webkit-contacts-auto-fill-button { display: none; pointer-events: none; position: absolute; right: 0; visibility: hidden; } .e-filter-parent { border: 0; border-top-width: 0; box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3); display: block; padding: 0; } .e-ddl.e-input-group:not(.e-disabled) { cursor: pointer; } .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after { width: 0; } .e-ddl.e-popup { background: #fff; position: absolute; } .e-ddl.e-popup .e-search-icon { margin: 0; opacity: .57; padding: 12px 8px 8px; } .e-ddl.e-popup .e-filter-parent .e-back-icon { padding: 0 8px; } .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter { padding: 8px 16px 8px; } .e-ddl.e-popup .e-input-group { margin-bottom: 0; } .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header { cursor: default; } .e-ddl.e-input-group .e-ddl-hidden, .e-ddl.e-float-input .e-ddl-hidden { -webkit-appearance: initial; border: 0; height: 0; padding: 0; visibility: hidden; width: 0; } .e-ddl.e-input-group, .e-ddl.e-input-group.e-input-focus:focus { outline: none; } .e-dropdownbase .e-list-item .e-highlight { display: inline; font-weight: bold; vertical-align: baseline; } .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide), .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide), .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) { opacity: 1; } .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon { display: flex; } .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide { display: none; } .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide { cursor: pointer; display: flex; } .e-ddl.e-input-group .e-input-value, .e-ddl.e-input-group .e-input-value:focus { font-family: inherit; font-size: 14px; height: auto; margin: 0; outline: none; width: 100%; } .e-ddl.e-input-group input[readonly].e-input, .e-ddl.e-input-group input[readonly], .e-ddl.e-input-group .e-dropdownlist { pointer-events: none; } ejs-autocomplete, ejs-combobox, ejs-dropdownlist { display: block; } .e-small .e-ddl.e-popup .e-list-item, .e-small .e-ddl.e-popup .e-list-group-item, .e-input-group.e-ddl.e-small .e-list-item, .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 12px; } .e-small.e-ddl.e-popup .e-list-item, .e-small.e-ddl.e-popup .e-list-group-item, .e-input-group.e-ddl.e-small .e-list-item, .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 12px; } .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 13px; } .e-bigger.e-small.e-ddl.e-popup .e-list-item, .e-bigger.e-small.e-ddl.e-popup .e-list-group-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 13px; } .e-content-placeholder.e-ddl.e-placeholder-ddl, .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-content-placeholder.e-combobox.e-placeholder-combobox { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl, .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl, .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox, .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox { background-size: 300px 40px; min-height: 40px; } .e-popup { border-color: #e0e0e0; } .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text, .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text { color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! TreeView's material theme wise override definitions and variables */ .e-ddt .e-ddt-icon::before { content: '\e969'; } .e-ddt .e-chips-close::before { content: '\e7e9'; } .e-ddt { cursor: pointer; outline: none; } .e-ddt .e-ddt-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-ddt.e-icon-anim .e-ddt-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-ddt .e-ddt-hidden { border: 0; height: 0; visibility: hidden; width: 0; } .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon { box-sizing: content-box; min-height: 22px; } .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon { border: 0; } .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide { display: none; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 0; position: absolute; right: 0; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { right: 18px; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 2px; position: absolute; right: 0; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input { padding-left: 0; padding-right: 0; } .e-ddt .e-chips-wrapper { width: 100%; } .e-ddt.e-show-chip .e-chips-close { line-height: 16px; min-height: 16px; min-width: 16px; text-align: center; } .e-ddt.e-show-chip .e-chips-close::before { font-size: 16px; } .e-ddt.e-show-chip .e-chips { align-items: center; border-radius: 16px; box-sizing: border-box; display: inline-flex; float: left; height: 24px; margin: 3px 1px; max-width: calc(100% - 2px); overflow: hidden; padding: 0 4px 0 4px; text-overflow: ellipsis; white-space: nowrap; } .e-ddt.e-show-chip .e-chips > .e-chipcontent { max-width: 100%; overflow: hidden; padding: 0 4px 0 4px; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; } .e-ddt.e-outline .e-overflow.e-show-text { padding: 10px 12px 9px; } .e-ddt.e-outline .e-overflow.e-total-count { padding: 10px 12px; } .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon { right: 30px; } .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon { min-height: 20px; } .e-ddt.e-outline.e-show-chip .e-overflow { padding: 4px 12px; } .e-ddt.e-outline.e-show-chip .e-chips-wrapper { padding: 4px 12px; } .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { line-height: 21px; padding: 14px 2px 5px 0; } .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count { padding-top: 10px; } .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon { padding-top: 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 6px; right: 10px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 5px; right: 38px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { bottom: 9px; right: 10px; } .e-ddt.e-filled .e-chips-wrapper .e-chips, .e-ddt.e-filled .e-overflow .e-chips { margin-top: 8px; padding: 0 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow { padding-top: 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips { height: 18px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 12px; padding: 0 4px 0 0; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before { font-size: 12px; height: 12px; width: 12px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text { line-height: 39px; padding: 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count { line-height: 39px; padding-top: 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips { height: 28px; margin-top: 8px; padding: 0 8px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 13px; padding: 0 8px 0 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon { bottom: 10px; right: 10px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { bottom: 9px; right: 38px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon { bottom: 9px; right: 10px; } .e-ddt .e-overflow { white-space: nowrap; } .e-ddt .e-overflow.e-show-text { padding: 6px 0 0 0; } .e-ddt .e-overflow.e-total-count { box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .e-ddt .e-overflow.e-total-count .e-remain { padding: 0 16px 0 0; } .e-ddt .e-overflow.e-wrap-count { padding-top: 6px; } .e-ddt .e-overflow .e-remain { cursor: pointer; display: inline-block; font-size: 13px; padding: 0 0 0 16px; } .e-ddt .e-overflow .e-remain.e-wrap-count { padding-top: 6px; } .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain { padding: 6px 0 0 0; } .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 18px; max-width: calc(100% - 19px); } .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-right: 26px; max-width: calc(100% - 27px); } .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 45px; max-width: calc(100% - 45px); } .e-ddt input[readonly], .e-ddt .e-dropdowntree, .e-ddt input[readonly].e-input { pointer-events: none; } .e-ddt input[readonly].e-chip-input, .e-ddt .e-dropdowntree.e-chip-input, .e-ddt input[readonly].e-input.e-chip-input { width: 0; } .e-ddt.e-popup { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12); position: absolute; } .e-ddt.e-popup .e-selectall-parent { border-bottom: 1px solid; cursor: pointer; display: block; line-height: 36px; overflow: hidden; position: relative; text-indent: 38px; white-space: nowrap; width: 100%; } .e-ddt.e-popup .e-selectall-parent.e-hide-selectall { display: none; } .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper { position: relative; text-indent: 0; } .e-ddt.e-popup .e-selectall-parent .e-all-text { font-family: inherit; font-size: 14px; margin: 10px; } .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus { padding: 8px 16px 8px; } .e-ddt.e-popup .e-filter-wrap { border: 0; border-top-width: 0; display: block; padding: 0; } .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after { bottom: -1px; height: 1px; } .e-ddt.e-popup .e-filter-wrap .e-input-group { margin-bottom: 0; } .e-ddt.e-popup .e-filter-wrap .e-input-group .e-clear-icon { margin: 6px 6px 5px; min-height: 12px; min-width: 12px; padding: 6px; } .e-ddt.e-popup .e-popup-content { overflow: auto; position: relative; } .e-ddt.e-popup .e-popup-content .e-ddt-nodata { display: none; } .e-ddt.e-popup .e-popup-content.e-no-data { cursor: default; font-family: inherit; font-size: 14px; padding: 14px 16px; text-align: center; } .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview { display: none; } .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata { display: block; } .e-ddt.e-popup .e-treeview { display: inline-table; width: 100%; } .e-ddt.e-popup .e-treeview .e-list-item { padding: 0; } .e-ddt.e-popup .e-treeview .e-list-item .e-ul { margin: 0; padding: 0 0 0 14px; } .e-ddt.e-popup .e-treeview .e-fullrow { height: 36px; } .e-ddt.e-popup .e-treeview > .e-ul { overflow: hidden; padding: 0 8px; } .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content { padding-bottom: 2px; padding-top: 2px; } .e-ddt.e-popup .e-ddt-footer, .e-ddt.e-popup .e-ddt-header { cursor: default; } .e-ddt.e-rtl.e-show-chip .e-chips { float: right; } .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain { padding: 0 16px 0 0; } .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count { padding-top: 6px; } .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count { position: absolute; right: auto; } .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain { padding: 0 0 0 16px; } .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain { padding: 6px 0 0 0; } .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon { left: 30px; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { padding: 14px 0 5px 2px; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 38px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { padding: 0 0 0 4px; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { padding: 0 0 0 8px; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon .e-clear-icon { left: 38px; right: auto; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 18px; margin-right: 1px; } .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-left: 26px; margin-right: 1px; } .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 45px; margin-right: 1px; } .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { left: 0; right: auto; } .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 18px; } .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul { padding: 0 14px 0 0; } .e-ddt-icon-hide { display: none; } .e-bigger .e-ddt .e-chips, .e-ddt.e-bigger .e-chips { height: 31px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { right: 20px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 3px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon { min-height: 26px; } .e-bigger .e-ddt .e-overflow.e-show-text, .e-ddt.e-bigger .e-overflow.e-show-text { padding: 8px 0 0 0; } .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-ddt.e-bigger.e-outline .e-overflow.e-show-text { padding: 15px 16px; } .e-bigger .e-ddt.e-outline .e-overflow.e-total-count, .e-ddt.e-bigger.e-outline .e-overflow.e-total-count { padding: 15px 16px; } .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon { right: 36px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow { padding: 8px 15px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain { padding-top: 10px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count { padding-top: 10px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper, .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper { padding: 8px 15px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { line-height: 30px; padding: 19px 12px 0 0; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count { padding-top: 14px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon { padding-top: 8px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 12px; right: 12px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 11px; right: 44px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { bottom: 14px; right: 12px; } .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled .e-overflow .e-chips, .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled .e-overflow .e-chips { margin-top: 8px; padding: 0 8px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow { padding-top: 19px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips { height: 24px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text { line-height: 55px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count { line-height: 55px; padding-top: 0; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips { height: 32px; padding: 0 12px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 14px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before { font-size: 16px; height: 16px; width: 16px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon { bottom: 16px; right: 12px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { bottom: 15px; right: 44px; } .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 20px; max-width: calc(100% - 21px); } .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-right: 32px; max-width: calc(100% - 33px); } .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 52px; max-width: calc(100% - 53px); } .e-bigger .e-ddt.e-popup .e-selectall-parent, .e-ddt.e-bigger.e-popup .e-selectall-parent { text-indent: 43px; } .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow, .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow { height: 44px; } .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon { left: 36px; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { padding: 19px 0 0 12px; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { left: 12px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 44px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon { left: 12px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { left: 44px; right: auto; } .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 20px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-left: 32px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 52px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon { left: 20px; right: auto; } .e-ddt .e-chips { background-color: #eee; } .e-ddt .e-chips .e-chips-close::before { color: rgba(0, 0, 0, 0.54); } .e-ddt .e-chips > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-ddt .e-chips:hover { background-color: #d6d6d6; } .e-ddt .e-chips:hover > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-ddt.e-filled .e-chips { background-color: #cecece; } .e-ddt .e-overflow .e-remain { color: rgba(0, 0, 0, 0.54); } .e-ddt.e-popup { background: #fff; border-color: transparent; } .e-ddt.e-popup .e-popup-content.e-no-data { color: #000; } .e-ddt.e-popup .e-selectall-parent { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-ddt.e-popup .e-selectall-parent .e-all-text { color: rgba(0, 0, 0, 0.87); } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-multiselect.e-input-group .e-ddl-icon::before { content: '\e969'; font-family: 'e-icons'; } .e-multi-select-wrapper .e-chips .e-chips-close::before { content: '\e7e9'; cursor: pointer; left: 0; position: relative; top: 0; } .e-multi-select-wrapper .e-close-hooker::before { content: '\e7a7'; cursor: pointer; left: 6px; position: relative; top: 6px; } .e-multiselect.e-input-group .e-ddl-disable-icon::before { content: ''; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -38px; right: 18px; top: 100%; width: 16px; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -35px; right: 18px; top: 100%; width: 16px; } .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 52px; } .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 52px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -55px; right: 12px; top: 100%; width: 18px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 48px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 54px; margin-top: -55px; right: 16px; top: 100%; width: 20px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 60px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 34px; margin-top: -35px; right: 16px; top: 100%; width: 14px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 48px; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 52px; right: auto; } .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 48px; right: auto; } .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 60px; right: auto; } .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 48px; right: auto; } .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 16px; height: 16px; margin-top: -8px; top: 50%; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 14px; height: 14px; margin-top: -7px; top: 50%; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 20px; height: 20px; left: 0; margin-top: -10px; top: 50%; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 18px; height: 18px; left: 0; margin-top: -9px; top: 50%; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 13px; } .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 16px; } .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 7px 12px 9px 0; } .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 16px 10px 0; } .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 10px 8px 0; } .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 12px 8px 0; } .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 7px 0 9px 12px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 0 10px 16px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 0 8px 10px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 0 8px 12px; } .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 20px; margin-top: -33px; right: 18px; width: 20px; } .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { height: 20px; margin-top: -35px; right: 45px; width: 20px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -32px; } .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 18px; margin: -29px 0 8px; width: 18px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 24px; width: 24px; } .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -26px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -40px; } .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker { margin-top: -32px; right: 40px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -44px; } .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 14px; width: 14px; } .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 16px; width: 16px; } .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 10px; width: 10px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 12px; height: 12px; width: 12px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 10px; height: 10px; width: 10px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { content: '\e208'; font-size: 16px; height: 16px; padding: 0; text-align: center; vertical-align: middle; width: 16px; } .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { font-size: 20px; height: 20px; width: 20px; } .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 10px; right: auto; } .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 6px; right: auto; } .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 12px; right: auto; } .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 0 9px; } .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0 8px 8px 0; padding: 0; } .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 18px; margin: 7px 0 2px; width: 18px; } .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 24px; margin: 12px -4px 8px -1px; padding: 0; width: 24px; } .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0 12px 4px 0; } .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0; } .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 20px; margin: 0 0 8px; padding: 0; width: 20px; } .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 16px; height: 16px; width: 16px; } .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 20px; height: 20px; width: 20px; } .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 18px; height: 18px; width: 18px; } .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 24px; margin: 7px -4px 8px -1px; padding: 0; width: 24px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before { content: ''; } .e-multi-select-wrapper { box-sizing: border-box; cursor: text; line-height: normal; min-height: 30px; padding: 0 32px 0 0; position: relative; -webkit-user-select: none; user-select: none; width: 100%; } .e-multi-select-wrapper.e-delimiter .e-searcher { height: 27px; vertical-align: middle; } .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase { height: 100%; min-height: 100%; } .e-multi-select-wrapper .e-delim-view { white-space: nowrap; } .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total { box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { color: #fff; font-size: 16px; left: 12px; top: 0; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { background-color: #3f51b5; color: #fff; padding: 12px 4px 11px 0; } .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box), .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) { width: 0; } .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'], .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] { height: 1px; min-height: 1px; } .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent { max-width: 100%; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher { display: flex; float: left; width: auto; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher { display: inline-flex; float: none; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box), .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) { width: 0; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide, .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide, .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide { display: none; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon { padding: 0 48px 0 0; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values { align-items: center; display: inline; max-width: 100%; word-break: break-word; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { align-items: center; cursor: pointer; display: none; flex-direction: row; margin-top: -2.5em; outline: 0; padding: 0; position: absolute; right: 5px; top: 100%; } .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { display: flex; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { margin-right: 0; margin-top: -2.1em; right: 0; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter { top: -1px; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon { font-size: 10px; height: 24px; width: 24px; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher { float: right; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon { left: 0; right: auto; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon { padding: 0 0 0 48px; } .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { margin-top: -2.5em; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled, .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled { opacity: .7; pointer-events: none; } .e-multiselect.e-input-group, .e-multiselect.e-float-input { word-wrap: initial; } .e-multiselect.e-input-group .e-searcher .e-label-top, .e-multiselect.e-input-group .e-multi-searcher .e-label-top { top: 15px; } .e-bigger .e-multi-select-wrapper { min-height: 37px; } .e-multi-select-wrapper.e-close-icon-hide { padding-right: 0; } .e-multi-select-wrapper .e-chips-collection { cursor: default; display: block; } .e-multi-select-wrapper .e-multi-hidden { border: 0; height: 0; position: absolute; visibility: hidden; width: 0; } .e-multi-select-wrapper .e-chips { align-items: center; display: inline-flex; float: left; margin: 0 8px 6px 0; max-width: 100%; overflow: hidden; padding: 0 4px 0 8px; text-overflow: ellipsis; white-space: nowrap; } .e-bigger .e-multi-select-wrapper .e-chips { margin: 0 8px 6px 0; } .e-multi-select-wrapper .e-chips > .e-chipcontent { max-width: 100%; overflow: hidden; padding: 0 4px 0 0; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; } .e-multi-select-wrapper.e-delimiter .e-searcher { display: inline-block; float: none; } .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent, .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 8px 4px 8px 0; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent, .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 8px 0 8px 4px; } .e-multi-select-wrapper .e-chips-close { align-self: center; display: flex; float: right; font-family: 'e-icons'; height: 16px; margin: 0 0 0; width: 16px; } .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close { margin: 3px 0 0; } .e-multi-select-wrapper .e-chips-close.e-close-hooker { cursor: default; font-size: 10px; height: 24px; margin-top: -2.5em; position: absolute; right: 5px; top: 100%; width: 24px; } .e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon { right: 22px; } .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon { left: 22px; right: auto; } .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker { margin-top: -3em; } .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -3em; } .e-multi-select-wrapper input[type='text'] { background: none; border: 0; font-family: inherit; font-size: 13px; font-weight: 400; height: 28px; min-height: 28px; outline: none; padding: 0; text-indent: 0; } .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] { background: none; border: 0; color: inherit; font-family: inherit; font-size: 14px; font-weight: 400; height: 28px; min-height: 28px; outline: none; padding: 0; text-indent: 0; } .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] { padding: 5px; } .e-bigger .e-multi-select-wrapper input[type='text'], .e-multi-select-wrapper.e-mob-wrapper input[type='text'] { height: 28px; min-height: 28px; } .e-bigger .e-multi-select-wrapper input[type='text'] { height: 34px; min-height: 34px; } .e-multi-select-wrapper input[type='text']::-ms-clear { display: none; } .e-multi-select-wrapper .e-searcher { display: block; float: left; width: auto; } .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 38px); } .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 30px); } .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 38px); } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 30px); } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-multi-select-wrapper .e-delim-values { font-family: inherit; font-size: 14px; line-height: 28px; max-width: 100%; padding-left: 0; padding-right: 6px; vertical-align: middle; } .e-bigger .e-multi-select-wrapper .e-delim-values { line-height: 34px; padding-left: 0; } .e-multi-select-list-wrapper .e-hide-listitem, .e-multi-select-list-wrapper .e-hide-group-header { display: none; } .e-multi-select-wrapper .e-delim-values .e-remain { color: rgba(0, 0, 0, 0.54); cursor: pointer; display: inline-block; font-size: 13px; padding-left: 16px; } .e-multiselect.e-disabled .e-multi-select-wrapper, .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before { cursor: not-allowed; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { height: 40px; left: 0; margin: 0 0 0 0; margin-left: auto; position: relative; top: 0; width: 40px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { align-self: center; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21); display: inline-flex; padding: 0 0 0 16px; width: 92%; } .e-multi-select-wrapper .e-ddl-disable-icon::before { content: ''; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher { float: none; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide { padding-left: 0; } .e-multiselect.e-rtl .e-multi-select-wrapper { padding: 0 2px 0 32px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { left: -12px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { margin: 0; margin-right: auto; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher { float: right; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips { float: right; margin: 0 0 8px 8px; padding: 0 8px 0 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent { padding: 5px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close { float: left; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before { left: 0; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip { padding: 0 4px 0 8px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent { padding: 8px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { padding: 0 8px 0 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { padding: 12px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 22px; position: absolute; right: auto; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before { left: -4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain { padding-right: 16px; } .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker { left: 19px; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before { left: -7px; } .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper { padding-left: 14px; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper { padding-right: 25px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper { padding-right: 25px; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item { padding-right: 0; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item { padding-right: 0; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { padding-left: 16px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper { padding-left: 14px; } .e-multi-select-list-wrapper .e-selectall-parent { cursor: pointer; display: block; line-height: 36px; overflow: hidden; padding-right: 16px; position: relative; text-indent: 17px; white-space: nowrap; width: 100%; } .e-rtl .e-multi-select-list-wrapper .e-selectall-parent, .e-multi-select-list-wrapper.e-rtl .e-selectall-parent { padding-left: 16px; padding-right: 0; } .e-multi-select-list-wrapper .e-selectall-parent .e-all-text { color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 14px; } .e-bigger .e-multi-select-list-wrapper .e-selectall-parent { font-size: 13px; line-height: 48px; text-indent: 17px; } .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-multiselect .e-input-group-icon.e-ddl-icon { float: right; margin-top: 6px; } .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon { float: left; } .e-multiselect .e-ddl-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-multiselect.e-icon-anim .e-ddl-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-multiselect.e-checkbox .e-multi-select-wrapper, .e-multiselect .e-multi-select-wrapper.e-down-icon { padding: 0; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter, .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter { padding: 8px; } .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter, .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus { padding: 4px 0; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon, .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon { padding-left: 8px; padding-right: 8px; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon { padding: 0 8px; } .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values { line-height: 34px; } .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain { line-height: 20px; padding-left: 10px; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame, .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame { opacity: .3; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable, .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable { opacity: .7; } .e-multi-select-wrapper input[readonly='true'] { pointer-events: none; } .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher { pointer-events: none; } ejs-multiselect { display: block; } .e-small .e-multi-select-list-wrapper .e-selectall-parent { line-height: 26px; } .e-small .e-multi-select-wrapper .e-chips-close { height: 14px; width: 14px; } .e-small .e-multi-select-wrapper { min-height: 24px; } .e-small .e-multi-select-wrapper input[type='text'] { height: 26px; min-height: 26px; } .e-small .e-multi-select-wrapper .e-delim-values { font-size: 12px; line-height: 26px; } .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -2.5em; } .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent { line-height: 40px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips-close { height: 16px; width: 16px; } .e-bigger.e-small .e-multi-select-wrapper { min-height: 28px; } .e-bigger.e-small .e-multi-select-wrapper input[type='text'] { height: 28px; min-height: 28px; } .e-small.e-bigger .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 28px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -2.5em; right: 5px; } .e-content-placeholder.e-multiselect.e-placeholder-multiselect { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect, .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect { background-size: 300px 40px; min-height: 40px; } .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { color: inherit; font-size: inherit; min-height: 34px; padding: 8px 12px 9px; } .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 8px 12px 9px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 30px; padding: 7px 10px; } .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 7px 10px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 34px; padding: 8px 12px 9px; } .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 8px 12px 9px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 40px; } .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 40px; padding: 7px 42px 7px 0; } .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 30px; padding: 3px 38px 1px 0; } .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon { padding-right: 0; } .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon { padding-left: 0; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { padding: 3px 0 1px 38px; } .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { padding: 7px 0 7px 42px; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide { padding-left: 0; } .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide { padding-right: 0; } .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 34px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 40px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 30px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 34px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 34px; padding: 0 0 0 12px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 16px; line-height: 40px; padding: 0 0 0 16px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 30px; padding: 0 0 0 8px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 34px; padding: 0 0 0 12px; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 12px 0 0; } .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 16px 0 0; } .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 8px 0 0; } .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 12px 0 0; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 26px; margin: 4px 0 4px 8px; padding: 0 8px; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips { margin: 4px 8px 4px 0; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 32px; padding: 0 12px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 24px; padding: 0 8px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 26px; padding: 0 8px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 8px 0 0; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 0 0 8px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 14px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { align-items: normal; } .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 14px; } .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 16px; } .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 13px; } .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 14px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding: 0 12px 0 8px; } .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper, .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding: 3px 12px 0 4px; } .e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper { padding: 0; } .e-filled.e-float-input .e-multi-select-wrapper, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper { padding: 11px 12px 0; } .e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-small .e-filled.e-float-input .e-multi-select-wrapper { padding: 12px 12px 0 8px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper { padding: 19px 12px 0 16px; } .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding-top: 3px; } .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper { padding: 0; } .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 39px; padding-right: 10px; } .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 32px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] { height: 22px; min-height: 22px; padding: 2px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 52px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] { min-height: 36px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 39px; } .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 32px; } .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 22px; } .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 52px; } .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 36px; } .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 28px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'], .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] { padding: 5px 0; } .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase { min-height: 28px; } .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 39px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 28px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 16px; line-height: 52px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { line-height: 36px; } .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 32px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { line-height: 22px; } .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 28px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 24px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 32px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip { height: 24px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips { height: 18px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { margin: 8px 8px 0 0; padding: 0 8px; } .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { margin: 8px 0 0 8px; padding: 0 8px; } .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips { padding-left: 8px; } .e-small .e-filled .e-multi-select-wrapper .e-chips, .e-small.e-filled .e-multi-select-wrapper .e-chips { height: 16px; margin: 4px 4px 0 0; padding-right: 8px; } .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips { margin: 4px 0 0 4px; } .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 24px; } .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 12px; width: 12px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; padding: 0 8px 0 0; } .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; padding: 0 4px 0 0; } .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 0 0 4px; } .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 10px; } .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent { font-size: 13px; padding-right: 4px; } .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 14px; } .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-filled .e-multi-select-wrapper .e-chips, .e-bigger .e-filled .e-multi-select-wrapper .e-chips { padding: 0 12px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips { padding-right: 8px; } .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon { height: 38px; margin-top: -38px; right: 12px; top: 100%; width: 16px; } .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon { display: none; } .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before { color: #fff; } .e-multi-select-wrapper .e-chips.e-chip-selected { background-color: #757575; } .e-multi-select-wrapper .e-chips.e-chip-selected:hover { background-color: #757575; } .e-multiselect { box-sizing: border-box; } .e-multi-select-wrapper .e-chips > .e-chipcontent { -webkit-text-fill-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; } .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent { color: #fff; } .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover { color: #fff; } .e-multi-select-wrapper .e-chips { background-color: #eee; border-radius: 16px; height: 24px; } .e-multi-select-wrapper .e-chips:hover { background-color: #eee; } .e-multi-select-wrapper .e-chips > .e-chipcontent:hover { color: rgba(0, 0, 0, 0.87); } .e-multi-select-wrapper .e-chips .e-chips-close::before { -webkit-text-fill-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54); font-size: 16px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { background-color: #3f51b5; border-radius: 2px; color: #fff; height: 40px; line-height: 40px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { color: #fff; } .e-multi-select-wrapper .e-chips.e-mob-chip, .e-bigger .e-multi-select-wrapper .e-chips { height: 28px; } .e-popup.e-multi-select-list-wrapper { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-sizing: content-box; overflow: initial; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active { border-bottom: 1px solid transparent; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #fff; } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus { color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus { color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover { background-color: #eee; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover { background-color: #eee; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child { border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child { border-bottom: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active { border-top: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus { background-color: #e0e0e0; border: 1px solid transparent; box-shadow: none; color: #e3165b; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus { background-color: #e0e0e0; border: 1px solid transparent; box-shadow: none; color: #e3165b; } .e-popup.e-multi-select-list-wrapper .e-list-item { border: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item { border: 1px solid transparent; } .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-ul.e-reorder { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-multi-select-list-wrapper .e-selectall-parent { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-multi-select-wrapper .e-delim-values { -webkit-text-fill-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); } .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: #000; } .e-small .e-multi-select-wrapper .e-chips { height: 20px; } .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-small .e-multi-select-wrapper .e-close-hooker::before { left: 6px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips { height: 22px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 16px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { background-color: #e0e0e0; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips { background-color: #cecece; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover { background-color: #d6d6d6; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover { background-color: #cecece; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected { background-color: #c7c7c7; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover { background-color: #c7c7c7; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: rgba(0, 0, 0, 0.54); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before { color: rgba(0, 0, 0, 0.54); } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { color: #fff; } .e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before, .e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain { color: rgba(0, 0, 0, 0.6); } .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: rgba(0, 0, 0, 0.38); } .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.42); } .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips { background-color: #f5f5f5; } .e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { background-color: #3f51b5; border-radius: 4px; box-sizing: border-box; color: #fff; height: 40px; line-height: 40px; margin-left: 0; margin-right: 0; width: 100%; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { width: 33px; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { color: #fff; } .e-listbox-tool .e-moveup::before { content: '\e651'; } .e-listbox-tool .e-movedown::before { content: '\e652'; } .e-listbox-tool .e-moveto::before { content: '\e653'; } .e-listbox-tool .e-movefrom::before { content: '\e654'; } .e-listbox-tool .e-moveallto::before { content: '\e655'; } .e-listbox-tool .e-moveallfrom::before { content: '\e656'; } .e-listbox-wrapper, .e-listbox-container { -webkit-overflow-scrolling: touch; box-sizing: border-box; cursor: pointer; display: block; position: relative; -webkit-user-select: none; user-select: none; width: 100%; } .e-listbox-wrapper *, .e-listbox-container * { box-sizing: border-box; } .e-listbox-wrapper:focus, .e-listbox-container:focus { outline: none; } .e-listbox-wrapper.e-disabled, .e-listbox-container.e-disabled { cursor: default; pointer-events: none; } .e-listbox-wrapper:not(.e-list-template) .e-list-nrt, .e-listbox-container:not(.e-list-template) .e-list-nrt { text-align: center; } .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-list-nrt, .e-listbox-wrapper .e-selectall-parent, .e-listbox-container:not(.e-list-template) .e-list-item, .e-listbox-container .e-list-nrt, .e-listbox-container .e-selectall-parent { height: 36px; line-height: 1; padding: 11px 16px; position: relative; } .e-listbox-wrapper.e-filter-list, .e-listbox-container.e-filter-list { overflow: inherit; } .e-listbox-wrapper .e-list-parent, .e-listbox-container .e-list-parent { height: 100%; min-height: 36px; } .e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item { border-bottom: 0 solid; outline: none; } .e-listbox-wrapper .e-list-item.e-disabled, .e-listbox-container .e-list-item.e-disabled { pointer-events: none; } .e-listbox-wrapper .e-disable, .e-listbox-container .e-disable { opacity: .7; } .e-listbox-wrapper .e-list-parent, .e-listbox-container .e-list-parent { margin: 0; padding: 0; } .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-container .e-list-header .e-text.header { display: none; } .e-listbox-wrapper .e-icon-back, .e-listbox-container .e-icon-back { margin-top: 2px; } .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header, .e-listbox-container .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-listbox-wrapper .e-list-header, .e-listbox-container .e-list-header { align-items: center; border-bottom: 1px solid; display: flex; font-weight: bold; height: 48px; padding: 0 16px; } .e-listbox-wrapper .e-has-header > .e-view, .e-listbox-container .e-has-header > .e-view { top: 45px; } .e-listbox-wrapper .e-but-back, .e-listbox-container .e-but-back { cursor: pointer; padding-right: 30px; } .e-listbox-wrapper .e-list-group-item:first-child, .e-listbox-container .e-list-group-item:first-child { border: 0; border-bottom: 0 solid transparent; } .e-listbox-wrapper .e-list-group-item, .e-listbox-container .e-list-group-item { border-bottom: 0 solid transparent; border-top: 1px solid; font-weight: 600; height: 36px; line-height: 36px; padding: 0 16px; } .e-listbox-wrapper .e-icon-collapsible, .e-listbox-container .e-icon-collapsible { cursor: pointer; font-size: 12px; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); } .e-listbox-wrapper .e-text-content, .e-listbox-container .e-text-content { height: 100%; position: relative; vertical-align: middle; } .e-listbox-wrapper .e-text-content *, .e-listbox-container .e-text-content * { display: inline-block; vertical-align: middle; } .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text, .e-listbox-container .e-text-content.e-checkbox .e-list-text { width: calc(100% - 40px); } .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text, .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text { width: calc(100% - 90px); } .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text, .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 80px); } .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text, .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 92px); } .e-listbox-wrapper .e-checkbox .e-checkbox-left, .e-listbox-container .e-checkbox .e-checkbox-left { margin: -2px 10px 0 0; } .e-listbox-wrapper .e-checkbox .e-checkbox-right, .e-listbox-container .e-checkbox .e-checkbox-right { margin: -2px 0 0 10px; } .e-listbox-wrapper .e-list-text, .e-listbox-container .e-list-text { cursor: pointer; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; width: 100%; } .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-container .e-list-icon + .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-container .e-icon-wrapper .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text, .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-list-icon, .e-listbox-container .e-list-icon { height: 30px; margin-right: 16px; width: 30px; } .e-listbox-wrapper .e-content, .e-listbox-container .e-content { overflow: hidden; position: relative; } .e-listbox-wrapper .e-list-header .e-text, .e-listbox-container .e-list-header .e-text { cursor: pointer; text-indent: 0; } .e-listbox-wrapper .e-text .e-headertext, .e-listbox-container .e-text .e-headertext { display: inline-block; line-height: inherit; } .e-listbox-wrapper.e-rtl, .e-listbox-container.e-rtl { direction: rtl; } .e-listbox-wrapper.e-rtl .e-list-icon, .e-listbox-container.e-rtl .e-list-icon { margin-left: 16px; margin-right: 0; } .e-listbox-wrapper.e-rtl .e-icon-collapsible, .e-listbox-container.e-rtl .e-icon-collapsible { left: 0%; right: initial; top: 50%; transform: translateY(-50%) rotate(180deg); } .e-listbox-wrapper.e-rtl .e-list-header .e-text, .e-listbox-container.e-rtl .e-list-header .e-text { cursor: pointer; } .e-listbox-wrapper.e-rtl .e-but-back, .e-listbox-container.e-rtl .e-but-back { transform: rotate(180deg); } .e-listbox-wrapper.e-rtl .e-icon-back, .e-listbox-container.e-rtl .e-icon-back { margin-top: -2px; } .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left, .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left { margin: -2px 0 0 10px; } .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right, .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right { margin: -2px 10px 0 0; } .e-listbox-wrapper.e-rtl .e-checkbox-wrapper, .e-listbox-container.e-rtl .e-checkbox-wrapper { margin: -2px 0 0 10px; } .e-listbox-wrapper .e-checkbox-wrapper, .e-listbox-container .e-checkbox-wrapper { margin: -2px 10px 0 0; text-indent: 0; vertical-align: middle; } .e-listbox-wrapper.e-right .e-checkbox-wrapper, .e-listbox-container.e-right .e-checkbox-wrapper { position: absolute; right: 0; top: 30%; } .e-listbox-wrapper .e-input-group, .e-listbox-container .e-input-group { padding: 4px 8px; } .e-listbox-wrapper .e-input-focus, .e-listbox-container .e-input-focus { padding: 4px 4px 4px 8px; } .e-listbox-wrapper .e-hidden-select, .e-listbox-container .e-hidden-select { height: 1px; opacity: 0; position: absolute; width: 100%; } .e-listbox-wrapper .e-placeholder, .e-listbox-container .e-placeholder { background-color: #e3165b; display: block; height: 1px; } ejs-listbox { display: block; } .e-listbox-wrapper:not(.e-listbox-container) { overflow: auto; } .e-listbox-wrapper.e-filter-list { overflow: inherit; } .e-listbox-wrapper.e-filter-list.e-list-parent { overflow: auto; } .e-listbox-wrapper.e-sortableclone, .e-listbox-container.e-sortableclone { border-width: 0; overflow: visible; } .e-listbox-wrapper.e-sortableclone .e-list-item, .e-listbox-container.e-sortableclone .e-list-item { list-style-type: none; } .e-listbox-wrapper.e-sortableclone .e-ripple, .e-listbox-container.e-sortableclone .e-ripple { overflow: visible; } .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element, .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element { display: none; } .e-listbox-wrapper.e-sortableclone .e-list-badge, .e-listbox-container.e-sortableclone .e-list-badge { align-items: center; background-color: #e3165b; border: 1px solid #fff; border-radius: 50%; color: #fff; display: flex; font-size: 12px; height: 22px; justify-content: center; position: absolute; right: -10px; top: -10px; width: 22px; } .e-listboxtool-wrapper, .e-listboxtool-container { cursor: pointer; display: flex; } .e-listboxtool-wrapper *, .e-listboxtool-container * { box-sizing: border-box; } .e-listboxtool-wrapper.e-disabled, .e-listboxtool-container.e-disabled { cursor: default; pointer-events: none; } .e-listboxtool-wrapper .e-listbox-wrapper, .e-listboxtool-container .e-listbox-wrapper { flex: 1; } .e-listboxtool-wrapper.e-right .e-listbox-tool, .e-listboxtool-container.e-right .e-listbox-tool { margin-left: 15px; } .e-listboxtool-wrapper.e-left .e-listbox-tool, .e-listboxtool-container.e-left .e-listbox-tool { margin-right: 15px; } .e-listboxtool-wrapper .e-listbox-tool, .e-listboxtool-container .e-listbox-tool { border: 1px solid #e0e0e0; overflow: auto; padding: 8px; } .e-listboxtool-wrapper .e-listbox-tool .e-btn, .e-listboxtool-container .e-listbox-tool .e-btn { display: list-item; list-style-type: none; margin-bottom: 10px; } .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool, .e-rtl.e-listboxtool-container.e-right .e-listbox-tool { margin-right: 15px; } .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool, .e-rtl.e-listboxtool-container.e-left .e-listbox-tool { margin-left: 15px; } .e-bigger .e-listbox-wrapper .e-list-item, .e-listbox-wrapper.e-bigger .e-list-item, .e-bigger .e-listbox-container .e-list-item, .e-listbox-container.e-bigger .e-list-item { border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; } .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-wrapper .e-selectall-parent, .e-bigger .e-listbox-wrapper .e-list-group-item, .e-bigger .e-listbox-wrapper .e-list-header, .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-wrapper.e-bigger .e-selectall-parent, .e-listbox-wrapper.e-bigger .e-list-group-item, .e-listbox-wrapper.e-bigger .e-list-header, .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-container .e-selectall-parent, .e-bigger .e-listbox-container .e-list-group-item, .e-bigger .e-listbox-container .e-list-header, .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-container.e-bigger .e-selectall-parent, .e-listbox-container.e-bigger .e-list-group-item, .e-listbox-container.e-bigger .e-list-header { padding: 12px 16px; } .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-wrapper .e-selectall-parent, .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-wrapper.e-bigger .e-selectall-parent, .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-container .e-selectall-parent, .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-container.e-bigger .e-selectall-parent { height: 48px; line-height: 1.6; position: relative; } .e-bigger .e-listbox-wrapper .e-list-parent, .e-listbox-wrapper.e-bigger .e-list-parent, .e-bigger .e-listbox-container .e-list-parent, .e-listbox-container.e-bigger .e-list-parent { min-height: 48px; } .e-bigger .e-listbox-wrapper .e-text-content, .e-listbox-wrapper.e-bigger .e-text-content, .e-bigger .e-listbox-container .e-text-content, .e-listbox-container.e-bigger .e-text-content { font-size: 15px; } .e-bigger .e-listbox-wrapper .e-list-group-item, .e-listbox-wrapper.e-bigger .e-list-group-item, .e-bigger .e-listbox-container .e-list-group-item, .e-listbox-container.e-bigger .e-list-group-item { height: 48px; line-height: 45px; } .e-bigger .e-listbox-wrapper .e-list-header, .e-listbox-wrapper.e-bigger .e-list-header, .e-bigger .e-listbox-container .e-list-header, .e-listbox-container.e-bigger .e-list-header { align-items: center; display: flex; font-weight: bold; height: 64px; } .e-bigger .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper.e-bigger .e-list-header .e-text.header, .e-bigger .e-listbox-container .e-list-header .e-text.header, .e-listbox-container.e-bigger .e-list-header .e-text.header { display: none; } .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header, .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header, .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header, .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-bigger .e-listbox-wrapper .e-list-header .e-text, .e-listbox-wrapper.e-bigger .e-list-header .e-text, .e-bigger .e-listbox-container .e-list-header .e-text, .e-listbox-container.e-bigger .e-list-header .e-text { font-size: 20px; } .e-small .e-listbox-wrapper.e-filter-list .e-list-parent, .e-small .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 45px); } .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent, .e-bigger .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 55px); } .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent, .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 45px); } .e-listbox-wrapper, .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone), .e-listboxtool-container.e-listbox-container .e-ul { border: 1px solid #e0e0e0; } .e-listbox-wrapper, .e-listbox-container { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 15px; } .e-listbox-wrapper .e-list-header, .e-listbox-container .e-list-header { background-color: #fff; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); font-size: 20px; } .e-listbox-wrapper.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 47px); } .e-listbox-wrapper.e-select-all .e-list-parent, .e-listbox-container.e-select-all .e-list-parent { height: calc(100% - 36px); } .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent, .e-listbox-container.e-filter-list.e-select-all .e-list-parent { height: calc(100% - 79px); } .e-listbox-wrapper .e-icons, .e-listbox-container .e-icons { color: rgba(0, 0, 0, 0.54); } .e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item { background-color: #fff; border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) { background-color: #eee; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-selected, .e-listbox-container .e-list-item.e-selected { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-selected.e-checklist, .e-listbox-container .e-list-item.e-selected.e-checklist { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-container .e-list-item.e-focused, .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-listbox-wrapper .e-list-group-item, .e-listbox-container .e-list-group-item { background-color: #fafafa; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); font-size: 15px; } .e-listbox-wrapper .e-selectall-parent, .e-listbox-container .e-selectall-parent { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element, .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element { background-color: transparent; } .e-listbox-wrapper.e-list-template .e-list-wrapper, .e-listbox-container.e-list-template .e-list-wrapper { height: inherit; position: relative; } .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line), .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) { padding: 0.2667em 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line { padding: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header { color: rgba(0, 0, 0, 0.87); display: block; font-size: 15px; font-weight: 500; margin: 0; overflow: hidden; padding: 0.115em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content { color: rgba(0, 0, 0, 0.54); display: block; font-size: 13px; margin: 0; padding: 0.115em 0; word-wrap: break-word; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow), .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { height: 2.6667em; left: 1.0667em; position: absolute; top: 0.2666em; width: 2.6667em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge), .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { height: 2.6667em; position: absolute; right: 1.0667em; top: 0.2666em; width: 2.6667em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar { top: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar { top: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge, .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge { font-size: 12px; height: 1.6666em; line-height: 1.8666em; padding: 0; position: absolute; right: 1.33em; top: 50%; transform: translateY(-50%); width: 2.5em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.8em; padding-right: 4.1333em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar), .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 1.0666em; padding-right: 4.1333em; } .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content, .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content { display: block; margin: 0; overflow: hidden; padding: 0.72em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content, .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content, .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { left: inherit; right: 1.0667em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { left: 1.0667em; right: inherit; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge { left: 1.33em; right: inherit; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.1333em; padding-right: 4.8em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 4.1333em; padding-right: 1.0666em; } /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-buttons/styles/material.css (1) ***! \**************************************************************************************************************************************************************************************************************************************************************/ /*! button layout */ .e-btn, .e-css.e-btn { -webkit-font-smoothing: antialiased; border: 1px solid; border-radius: 2px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: 500; justify-content: center; line-height: 1.143em; outline: none; padding: 6px 12px 4px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } .e-btn:disabled, .e-css.e-btn:disabled { cursor: default; } .e-btn:hover, .e-btn:focus, .e-css.e-btn:hover, .e-css.e-btn:focus { text-decoration: none; } .e-btn::-moz-focus-inner, .e-css.e-btn::-moz-focus-inner { border: 0; padding: 0; } .e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon { display: inline-block; font-size: 12px; margin-top: -2px; vertical-align: middle; width: 1em; } .e-btn .e-btn-icon.e-icon-left, .e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -0.6667em; width: 2.25em; } .e-btn .e-btn-icon.e-icon-right, .e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -0.6667em; width: 2.25em; } .e-btn .e-btn-icon.e-icon-top, .e-css.e-btn .e-btn-icon.e-icon-top { display: block; margin-top: 0; padding-bottom: 6px; width: auto; } .e-btn .e-btn-icon.e-icon-bottom, .e-css.e-btn .e-btn-icon.e-icon-bottom { display: block; margin-top: 0; padding-top: 6px; width: auto; } .e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn { padding: 6px 7px 4px; } .e-btn.e-top-icon-btn, .e-btn.e-bottom-icon-btn, .e-css.e-btn.e-top-icon-btn, .e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-btn.e-round, .e-css.e-btn.e-round { border-radius: 50%; height: 3em; line-height: 1; padding: 0; width: 3em; } .e-btn.e-round .e-btn-icon, .e-css.e-btn.e-round .e-btn-icon { font-size: 14px; line-height: 2.8572em; margin-top: 0; width: auto; } .e-btn.e-rtl .e-icon-right, .e-css.e-btn.e-rtl .e-icon-right { margin-left: -0.6667em; margin-right: 0; } .e-btn.e-rtl .e-icon-left, .e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.6667em; } .e-btn.e-flat, .e-css.e-btn.e-flat { border: 1px solid; } .e-btn.e-small, .e-css.e-btn.e-small { font-size: 12px; line-height: 1.5834em; padding: 2px 12px 1px; } .e-btn.e-small .e-btn-icon, .e-css.e-btn.e-small .e-btn-icon { font-size: 11px; width: 1.091em; } .e-btn.e-small .e-btn-icon.e-icon-left, .e-css.e-btn.e-small .e-btn-icon.e-icon-left { margin-left: -0.7273em; width: 2.182em; } .e-btn.e-small .e-btn-icon.e-icon-right, .e-css.e-btn.e-small .e-btn-icon.e-icon-right { margin-right: -0.7273em; width: 2.182em; } .e-btn.e-small .e-btn-icon.e-icon-top, .e-css.e-btn.e-small .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-btn.e-small.e-icon-btn, .e-css.e-btn.e-small.e-icon-btn { padding: 2px 5px 1px; } .e-btn.e-small.e-top-icon-btn, .e-btn.e-small.e-bottom-icon-btn, .e-css.e-btn.e-small.e-top-icon-btn, .e-css.e-btn.e-small.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-btn.e-small.e-round, .e-css.e-btn.e-small.e-round { height: 2.5em; line-height: 1; padding: 0; width: 2.5em; } .e-btn.e-small.e-round .e-btn-icon, .e-css.e-btn.e-small.e-round .e-btn-icon { font-size: 12px; line-height: 2.3334em; width: auto; } .e-btn.e-small.e-rtl .e-icon-right, .e-css.e-btn.e-small.e-rtl .e-icon-right { margin-left: -0.7273em; margin-right: 0; } .e-btn.e-small.e-rtl .e-icon-left, .e-css.e-btn.e-small.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.7273em; } .e-btn.e-block, .e-css.e-btn.e-block { display: block; width: 100%; } .e-small .e-btn, .e-small.e-btn, .e-small .e-css.e-btn, .e-small.e-css.e-btn { font-size: 12px; line-height: 1.5834em; padding: 2px 12px 1px; } .e-small .e-btn .e-btn-icon, .e-small.e-btn .e-btn-icon, .e-small .e-css.e-btn .e-btn-icon, .e-small.e-css.e-btn .e-btn-icon { font-size: 11px; width: 1.091em; } .e-small .e-btn .e-btn-icon.e-icon-left, .e-small.e-btn .e-btn-icon.e-icon-left, .e-small .e-css.e-btn .e-btn-icon.e-icon-left, .e-small.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -0.7273em; width: 2.182em; } .e-small .e-btn .e-btn-icon.e-icon-right, .e-small.e-btn .e-btn-icon.e-icon-right, .e-small .e-css.e-btn .e-btn-icon.e-icon-right, .e-small.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -0.7273em; width: 2.182em; } .e-small .e-btn .e-btn-icon.e-icon-top, .e-small.e-btn .e-btn-icon.e-icon-top, .e-small .e-css.e-btn .e-btn-icon.e-icon-top, .e-small.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-small .e-btn .e-btn-icon.e-icon-bottom, .e-small.e-btn .e-btn-icon.e-icon-bottom, .e-small .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-small.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-small .e-btn.e-icon-btn, .e-small.e-btn.e-icon-btn, .e-small .e-css.e-btn.e-icon-btn, .e-small.e-css.e-btn.e-icon-btn { padding: 2px 5px 1px; } .e-small .e-btn.e-top-icon-btn, .e-small .e-btn.e-bottom-icon-btn, .e-small.e-btn.e-top-icon-btn, .e-small.e-btn.e-bottom-icon-btn, .e-small .e-css.e-btn.e-top-icon-btn, .e-small .e-css.e-btn.e-bottom-icon-btn, .e-small.e-css.e-btn.e-top-icon-btn, .e-small.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 12px 12px; } .e-small .e-btn.e-round, .e-small.e-btn.e-round, .e-small .e-css.e-btn.e-round, .e-small.e-css.e-btn.e-round { height: 2.5em; line-height: 1; padding: 0; width: 2.5em; } .e-small .e-btn.e-round .e-btn-icon, .e-small.e-btn.e-round .e-btn-icon, .e-small .e-css.e-btn.e-round .e-btn-icon, .e-small.e-css.e-btn.e-round .e-btn-icon { font-size: 12px; line-height: 2.3334em; width: auto; } .e-small .e-btn.e-rtl .e-icon-right, .e-small.e-btn.e-rtl .e-icon-right, .e-small .e-css.e-btn.e-rtl .e-icon-right, .e-small.e-css.e-btn.e-rtl .e-icon-right { margin-left: -0.7273em; margin-right: 0; } .e-small .e-btn.e-rtl .e-icon-left, .e-small.e-btn.e-rtl .e-icon-left, .e-small .e-css.e-btn.e-rtl .e-icon-left, .e-small.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -0.7273em; } .e-bigger.e-small .e-btn, .e-bigger.e-small .e-btn, .e-bigger.e-small .e-css.e-btn, .e-bigger.e-small.e-css.e-btn { font-size: 14px; line-height: 2em; padding: 3px 16px 1px; } .e-bigger.e-small .e-btn .e-btn-icon, .e-bigger.e-small .e-btn .e-btn-icon, .e-bigger.e-small .e-css.e-btn .e-btn-icon, .e-bigger.e-small.e-css.e-btn .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-left, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -1em; width: 2.6667em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-right, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -1em; width: 2.6667em; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-top, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-bigger.e-small .e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small .e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-small.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-bigger.e-small .e-btn.e-icon-btn, .e-bigger.e-small .e-btn.e-icon-btn, .e-bigger.e-small .e-css.e-btn.e-icon-btn, .e-bigger.e-small.e-css.e-btn.e-icon-btn { padding: 3px 10px 1px; } .e-bigger.e-small .e-btn.e-top-icon-btn, .e-bigger.e-small .e-btn.e-bottom-icon-btn, .e-bigger.e-small .e-btn.e-top-icon-btn, .e-bigger.e-small .e-btn.e-bottom-icon-btn, .e-bigger.e-small .e-css.e-btn.e-top-icon-btn, .e-bigger.e-small .e-css.e-btn.e-bottom-icon-btn, .e-bigger.e-small.e-css.e-btn.e-top-icon-btn, .e-bigger.e-small.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger.e-small .e-btn.e-round, .e-bigger.e-small .e-btn.e-round, .e-bigger.e-small .e-css.e-btn.e-round, .e-bigger.e-small.e-css.e-btn.e-round { height: 2.8572em; line-height: 1; padding: 0; width: 2.8572em; } .e-bigger.e-small .e-btn.e-round .e-btn-icon, .e-bigger.e-small .e-btn.e-round .e-btn-icon, .e-bigger.e-small .e-css.e-btn.e-round .e-btn-icon, .e-bigger.e-small.e-css.e-btn.e-round .e-btn-icon { font-size: 14px; line-height: 2.7143em; width: auto; } .e-bigger.e-small .e-btn.e-rtl .e-icon-right, .e-bigger.e-small .e-btn.e-rtl .e-icon-right, .e-bigger.e-small .e-css.e-btn.e-rtl .e-icon-right, .e-bigger.e-small.e-css.e-btn.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger.e-small .e-btn.e-rtl .e-icon-left, .e-bigger.e-small .e-btn.e-rtl .e-icon-left, .e-bigger.e-small .e-css.e-btn.e-rtl .e-icon-left, .e-bigger.e-small.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } .e-bigger .e-btn, .e-bigger .e-btn, .e-bigger .e-css.e-btn, .e-bigger.e-css.e-btn { font-size: 14px; line-height: 2em; padding: 4px 16px 2px; } .e-bigger .e-btn .e-btn-icon, .e-bigger .e-btn .e-btn-icon, .e-bigger .e-css.e-btn .e-btn-icon, .e-bigger.e-css.e-btn .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger .e-btn .e-btn-icon.e-icon-left, .e-bigger .e-btn .e-btn-icon.e-icon-left, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-left, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-left { margin-left: -1em; width: 3em; } .e-bigger .e-btn .e-btn-icon.e-icon-right, .e-bigger .e-btn .e-btn-icon.e-icon-right, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-right, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-right { margin-right: -1em; width: 3em; } .e-bigger .e-btn .e-btn-icon.e-icon-top, .e-bigger .e-btn .e-btn-icon.e-icon-top, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-top, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-top { padding-bottom: 8px; width: auto; } .e-bigger .e-btn .e-btn-icon.e-icon-bottom, .e-bigger .e-btn .e-btn-icon.e-icon-bottom, .e-bigger .e-css.e-btn .e-btn-icon.e-icon-bottom, .e-bigger.e-css.e-btn .e-btn-icon.e-icon-bottom { padding-top: 8px; width: auto; } .e-bigger .e-btn.e-icon-btn, .e-bigger .e-btn.e-icon-btn, .e-bigger .e-css.e-btn.e-icon-btn, .e-bigger.e-css.e-btn.e-icon-btn { padding: 4px 11px 2px; } .e-bigger .e-btn.e-top-icon-btn, .e-bigger .e-btn.e-bottom-icon-btn, .e-bigger .e-btn.e-top-icon-btn, .e-bigger .e-btn.e-bottom-icon-btn, .e-bigger .e-css.e-btn.e-top-icon-btn, .e-bigger .e-css.e-btn.e-bottom-icon-btn, .e-bigger.e-css.e-btn.e-top-icon-btn, .e-bigger.e-css.e-btn.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger .e-btn.e-round, .e-bigger .e-btn.e-round, .e-bigger .e-css.e-btn.e-round, .e-bigger.e-css.e-btn.e-round { height: 3.7143em; line-height: 1; padding: 0; width: 3.7143em; } .e-bigger .e-btn.e-round .e-btn-icon, .e-bigger .e-btn.e-round .e-btn-icon, .e-bigger .e-css.e-btn.e-round .e-btn-icon, .e-bigger.e-css.e-btn.e-round .e-btn-icon { font-size: 16px; line-height: 3.125em; width: auto; } .e-bigger .e-btn.e-rtl .e-icon-right, .e-bigger .e-btn.e-rtl .e-icon-right, .e-bigger .e-css.e-btn.e-rtl .e-icon-right, .e-bigger.e-css.e-btn.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger .e-btn.e-rtl .e-icon-left, .e-bigger .e-btn.e-rtl .e-icon-left, .e-bigger .e-css.e-btn.e-rtl .e-icon-left, .e-bigger.e-css.e-btn.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } .e-bigger .e-btn.e-small, .e-bigger .e-btn.e-small, .e-bigger .e-css.e-btn.e-small, .e-bigger.e-css.e-btn.e-small { font-size: 14px; line-height: 2em; padding: 3px 16px 1px; } .e-bigger .e-btn.e-small .e-btn-icon, .e-bigger .e-btn.e-small .e-btn-icon, .e-bigger .e-css.e-btn.e-small .e-btn-icon, .e-bigger.e-css.e-btn.e-small .e-btn-icon { font-size: 12px; width: 1em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-left, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-left { margin-left: -1em; width: 2.6667em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-right, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-right { margin-right: -1em; width: 2.6667em; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-top, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-top { padding-bottom: 6px; width: auto; } .e-bigger .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger .e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom, .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-bottom { padding-top: 6px; width: auto; } .e-bigger .e-btn.e-small.e-icon-btn, .e-bigger .e-btn.e-small.e-icon-btn, .e-bigger .e-css.e-btn.e-small.e-icon-btn, .e-bigger.e-css.e-btn.e-small.e-icon-btn { padding: 3px 10px 1px; } .e-bigger .e-btn.e-small.e-top-icon-btn, .e-bigger .e-btn.e-small.e-bottom-icon-btn, .e-bigger .e-btn.e-small.e-top-icon-btn, .e-bigger .e-btn.e-small.e-bottom-icon-btn, .e-bigger .e-css.e-btn.e-small.e-top-icon-btn, .e-bigger .e-css.e-btn.e-small.e-bottom-icon-btn, .e-bigger.e-css.e-btn.e-small.e-top-icon-btn, .e-bigger.e-css.e-btn.e-small.e-bottom-icon-btn { line-height: 1; padding: 16px 16px; } .e-bigger .e-btn.e-small.e-round, .e-bigger .e-btn.e-small.e-round, .e-bigger .e-css.e-btn.e-small.e-round, .e-bigger.e-css.e-btn.e-small.e-round { height: 2.8572em; line-height: 1; padding: 0; width: 2.8572em; } .e-bigger .e-btn.e-small.e-round .e-btn-icon, .e-bigger .e-btn.e-small.e-round .e-btn-icon, .e-bigger .e-css.e-btn.e-small.e-round .e-btn-icon, .e-bigger.e-css.e-btn.e-small.e-round .e-btn-icon { font-size: 14px; line-height: 2.7143em; width: auto; } .e-bigger .e-btn.e-small.e-rtl .e-icon-right, .e-bigger .e-btn.e-small.e-rtl .e-icon-right, .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-right, .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-right { margin-left: -1em; margin-right: 0; } .e-bigger .e-btn.e-small.e-rtl .e-icon-left, .e-bigger .e-btn.e-small.e-rtl .e-icon-left, .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-left, .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-left { margin-left: 0; margin-right: -1em; } /*! button theme */ .e-btn, .e-css.e-btn { -webkit-tap-highlight-color: transparent; background-color: #fafafa; border-color: transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .e-btn:hover, .e-css.e-btn:hover { background-color: rgba(226, 226, 226, 0.9844); border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn:focus, .e-css.e-btn:focus { background-color: rgba(0, 0, 0, 0.18); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn:active, .e-css.e-btn:active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-active, .e-css.e-btn.e-active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn:disabled, .e-css.e-btn:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn .e-ripple-element, .e-css.e-btn .e-ripple-element { background-color: rgba(0, 0, 0, 0.24); } .e-btn.e-round, .e-css.e-btn.e-round { background-color: #fafafa; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-btn.e-round:hover, .e-css.e-btn.e-round:hover { background-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-btn.e-round:focus, .e-css.e-btn.e-round:focus { background-color: rgba(0, 0, 0, 0.18); border-color: transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; } .e-btn.e-round:active, .e-css.e-btn.e-round:active { background-color: rgba(184, 184, 184, 0.9584); border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); outline: #fafafa 0 solid; outline-offset: 0; } .e-btn.e-round:disabled, .e-css.e-btn.e-round:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-round.e-primary:focus, .e-css.e-btn.e-round.e-primary:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-success:focus, .e-css.e-btn.e-round.e-success:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-info:focus, .e-css.e-btn.e-round.e-info:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-warning:focus, .e-css.e-btn.e-round.e-warning:focus { outline: #fafafa 0 solid; } .e-btn.e-round.e-danger:focus, .e-css.e-btn.e-round.e-danger:focus { outline: #fafafa 0 solid; } .e-btn.e-primary, .e-css.e-btn.e-primary { background-color: #e3165b; border-color: transparent; color: #fff; } .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover { background-color: #e6326f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus { background-color: #ea4e82; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-primary:active, .e-css.e-btn.e-primary:active { background-color: #ec618f; border-color: transparent; color: #fff; outline: #fafafa 0 solid; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-primary.e-active, .e-css.e-btn.e-primary.e-active { background-color: #ec618f; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-primary:disabled, .e-css.e-btn.e-primary:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-primary .e-ripple-element, .e-css.e-btn.e-primary .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-success, .e-css.e-btn.e-success { background-color: #4d841d; border-color: transparent; color: #fff; } .e-btn.e-success:hover, .e-css.e-btn.e-success:hover { background-color: #629338; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-success:focus, .e-css.e-btn.e-success:focus { background-color: #78a253; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-success:active, .e-btn.e-success.e-active, .e-css.e-btn.e-success:active, .e-css.e-btn.e-success.e-active { background-color: #86ab65; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-success:disabled, .e-css.e-btn.e-success:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-success .e-ripple-element, .e-css.e-btn.e-success .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-info, .e-css.e-btn.e-info { background-color: #0378d5; border-color: transparent; color: #fff; } .e-btn.e-info:hover, .e-css.e-btn.e-info:hover { background-color: #2188da; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-info:focus, .e-css.e-btn.e-info:focus { background-color: #3f98df; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-info:active, .e-btn.e-info.e-active, .e-css.e-btn.e-info:active, .e-css.e-btn.e-info.e-active { background-color: #54a3e2; color: #fff; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-info:disabled, .e-css.e-btn.e-info:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-info .e-ripple-element, .e-css.e-btn.e-info .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-warning, .e-css.e-btn.e-warning { background-color: #c15700; border-color: transparent; color: #fff; } .e-btn.e-warning:hover, .e-css.e-btn.e-warning:hover { background-color: #c86b1f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-warning:focus, .e-css.e-btn.e-warning:focus { background-color: #d07f3d; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-warning:active, .e-btn.e-warning.e-active, .e-css.e-btn.e-warning:active, .e-css.e-btn.e-warning.e-active { background-color: #d58d52; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-warning:disabled, .e-css.e-btn.e-warning:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-warning .e-ripple-element, .e-css.e-btn.e-warning .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-danger, .e-css.e-btn.e-danger { background-color: #d64113; border-color: transparent; color: #fff; } .e-btn.e-danger:hover, .e-css.e-btn.e-danger:hover { background-color: #db582f; border-color: transparent; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-danger:focus, .e-css.e-btn.e-danger:focus { background-color: #e06f4c; border-color: transparent; color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-danger:active, .e-css.e-btn.e-danger:active { background-color: #e37e5f; border-color: transparent; color: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-btn.e-danger.e-active, .e-css.e-btn.e-danger.e-active { background-color: #e37e5f; border-color: transparent; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); color: #fff; } .e-btn.e-danger:disabled, .e-css.e-btn.e-danger:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-danger .e-ripple-element, .e-css.e-btn.e-danger .e-ripple-element { background-color: rgba(255, 255, 255, 0.24); } .e-btn.e-flat, .e-css.e-btn.e-flat { background-color: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover { background-color: rgba(0, 0, 0, 0.0348); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-flat:focus, .e-css.e-btn.e-flat:focus { background-color: rgba(0, 0, 0, 0.1044); border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-btn.e-flat:active, .e-btn.e-flat.e-active, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat.e-active { background-color: rgba(0, 0, 0, 0.2088); border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-btn.e-flat:disabled, .e-css.e-btn.e-flat:disabled { background-color: transparent; border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat .e-ripple-element, .e-css.e-btn.e-flat .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary { background-color: transparent; border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover { background-color: rgba(227, 22, 91, 0.04); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus { background-color: rgba(227, 22, 91, 0.12); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-css.e-btn.e-flat.e-primary:active, .e-css.e-btn.e-flat.e-primary.e-active { background-color: rgba(227, 22, 91, 0.24); border-color: transparent; color: #e3165b; } .e-btn.e-flat.e-primary:disabled, .e-css.e-btn.e-flat.e-primary:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-primary .e-ripple-element, .e-css.e-btn.e-flat.e-primary .e-ripple-element { background-color: rgba(227, 22, 91, 0.12); } .e-btn.e-flat.e-success, .e-css.e-btn.e-flat.e-success { background-color: transparent; border-color: transparent; color: #4d841d; } .e-btn.e-flat.e-success:hover, .e-css.e-btn.e-flat.e-success:hover { background-color: rgba(77, 132, 29, 0.04); border-color: transparent; box-shadow: none; color: #4d841d; } .e-btn.e-flat.e-success:focus, .e-css.e-btn.e-flat.e-success:focus { background-color: rgba(77, 132, 29, 0.12); border-color: transparent; color: #4d841d; box-shadow: none; } .e-btn.e-flat.e-success:active, .e-btn.e-flat.e-success.e-active, .e-css.e-btn.e-flat.e-success:active, .e-css.e-btn.e-flat.e-success.e-active { background-color: rgba(77, 132, 29, 0.24); border-color: transparent; color: #4d841d; box-shadow: none; } .e-btn.e-flat.e-success:disabled, .e-css.e-btn.e-flat.e-success:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-success .e-ripple-element, .e-css.e-btn.e-flat.e-success .e-ripple-element { background-color: rgba(77, 132, 29, 0.12); } .e-btn.e-flat.e-info, .e-css.e-btn.e-flat.e-info { background-color: transparent; border-color: transparent; color: #0378d5; } .e-btn.e-flat.e-info:hover, .e-css.e-btn.e-flat.e-info:hover { background-color: rgba(3, 120, 213, 0.04); border-color: transparent; box-shadow: none; color: #0378d5; } .e-btn.e-flat.e-info:focus, .e-css.e-btn.e-flat.e-info:focus { background-color: rgba(3, 120, 213, 0.12); border-color: transparent; color: #0378d5; box-shadow: none; } .e-btn.e-flat.e-info:active, .e-btn.e-flat.e-info.e-active, .e-css.e-btn.e-flat.e-info:active, .e-css.e-btn.e-flat.e-info.e-active { background-color: rgba(3, 120, 213, 0.24); border-color: transparent; color: #0378d5; box-shadow: none; } .e-btn.e-flat.e-info:disabled, .e-css.e-btn.e-flat.e-info:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-info .e-ripple-element, .e-css.e-btn.e-flat.e-info .e-ripple-element { background-color: rgba(3, 120, 213, 0.12); } .e-btn.e-flat.e-warning, .e-css.e-btn.e-flat.e-warning { background-color: transparent; border-color: transparent; color: #c15700; } .e-btn.e-flat.e-warning:hover, .e-css.e-btn.e-flat.e-warning:hover { background-color: rgba(193, 87, 0, 0.04); border-color: transparent; box-shadow: none; color: #c15700; } .e-btn.e-flat.e-warning:focus, .e-css.e-btn.e-flat.e-warning:focus { background-color: rgba(193, 87, 0, 0.12); border-color: transparent; color: #c15700; box-shadow: none; } .e-btn.e-flat.e-warning:active, .e-btn.e-flat.e-warning.e-active, .e-css.e-btn.e-flat.e-warning:active, .e-css.e-btn.e-flat.e-warning.e-active { background-color: rgba(193, 87, 0, 0.24); border-color: transparent; color: #c15700; box-shadow: none; } .e-btn.e-flat.e-warning:disabled, .e-css.e-btn.e-flat.e-warning:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-warning .e-ripple-element, .e-css.e-btn.e-flat.e-warning .e-ripple-element { background-color: rgba(193, 87, 0, 0.12); } .e-btn.e-flat.e-danger, .e-css.e-btn.e-flat.e-danger { background-color: transparent; border-color: transparent; color: #d64113; } .e-btn.e-flat.e-danger:hover, .e-css.e-btn.e-flat.e-danger:hover { background-color: rgba(214, 65, 19, 0.04); border-color: transparent; box-shadow: none; color: #d64113; } .e-btn.e-flat.e-danger:focus, .e-css.e-btn.e-flat.e-danger:focus { background-color: rgba(214, 65, 19, 0.12); border-color: transparent; color: #d64113; box-shadow: none; } .e-btn.e-flat.e-danger:active, .e-btn.e-flat.e-danger.e-active, .e-css.e-btn.e-flat.e-danger:active, .e-css.e-btn.e-flat.e-danger.e-active { background-color: rgba(214, 65, 19, 0.24); border-color: transparent; color: #d64113; box-shadow: none; } .e-btn.e-flat.e-danger:disabled, .e-css.e-btn.e-flat.e-danger:disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-btn.e-flat.e-danger .e-ripple-element, .e-css.e-btn.e-flat.e-danger .e-ripple-element { background-color: rgba(214, 65, 19, 0.12); } .e-btn.e-outline, .e-css.e-btn.e-outline { background-color: transparent; border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:hover, .e-css.e-btn.e-outline:hover { background-color: rgba(0, 0, 0, 0.12); border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:focus, .e-css.e-btn.e-outline:focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .e-btn.e-outline:active, .e-btn.e-outline.e-active, .e-css.e-btn.e-outline:active, .e-css.e-btn.e-outline.e-active { background-color: rgba(0, 0, 0, 0.32); border-color: #adadad; box-shadow: none; color: rgba(0, 0, 0, 0.87); } .e-btn.e-outline:disabled, .e-css.e-btn.e-outline:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-primary, .e-css.e-btn.e-outline.e-primary { background-color: transparent; border-color: #e3165b; color: #e3165b; } .e-btn.e-outline.e-primary:hover, .e-css.e-btn.e-outline.e-primary:hover { background-color: #e6326f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-primary:active, .e-btn.e-outline.e-primary.e-active, .e-css.e-btn.e-outline.e-primary:active, .e-css.e-btn.e-outline.e-primary.e-active { background-color: #ec618f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-primary:disabled, .e-css.e-btn.e-outline.e-primary:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-success, .e-css.e-btn.e-outline.e-success { background-color: transparent; border-color: #4d841d; color: #4d841d; } .e-btn.e-outline.e-success:hover, .e-css.e-btn.e-outline.e-success:hover { background-color: #629338; border-color: transparent; color: #fff; } .e-btn.e-outline.e-success:active, .e-btn.e-outline.e-success.e-active, .e-css.e-btn.e-outline.e-success:active, .e-css.e-btn.e-outline.e-success.e-active { background-color: #86ab65; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-success:disabled, .e-css.e-btn.e-outline.e-success:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-info, .e-css.e-btn.e-outline.e-info { background-color: transparent; border-color: #0378d5; color: #0378d5; } .e-btn.e-outline.e-info:hover, .e-css.e-btn.e-outline.e-info:hover { background-color: #2188da; border-color: transparent; color: #fff; } .e-btn.e-outline.e-info:active, .e-btn.e-outline.e-info.e-active, .e-css.e-btn.e-outline.e-info:active, .e-css.e-btn.e-outline.e-info.e-active { background-color: #54a3e2; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-info:disabled, .e-css.e-btn.e-outline.e-info:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-warning, .e-css.e-btn.e-outline.e-warning { background-color: transparent; border-color: #c15700; color: #c15700; } .e-btn.e-outline.e-warning:hover, .e-css.e-btn.e-outline.e-warning:hover { background-color: #c86b1f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-warning:active, .e-btn.e-outline.e-warning.e-active, .e-css.e-btn.e-outline.e-warning:active, .e-css.e-btn.e-outline.e-warning.e-active { background-color: #d58d52; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-warning:disabled, .e-css.e-btn.e-outline.e-warning:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-outline.e-danger, .e-css.e-btn.e-outline.e-danger { background-color: transparent; border-color: #d64113; color: #d64113; } .e-btn.e-outline.e-danger:hover, .e-css.e-btn.e-outline.e-danger:hover { background-color: #db582f; border-color: transparent; color: #fff; } .e-btn.e-outline.e-danger:active, .e-btn.e-outline.e-danger.e-active, .e-css.e-btn.e-outline.e-danger:active, .e-css.e-btn.e-outline.e-danger.e-active { background-color: #e37e5f; border-color: transparent; box-shadow: none; color: #fff; } .e-btn.e-outline.e-danger:disabled, .e-css.e-btn.e-outline.e-danger:disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); box-shadow: none; color: rgba(0, 0, 0, 0.26); } .e-btn.e-link, .e-css.e-btn.e-link { background-color: transparent; border-color: transparent; border-radius: 0; box-shadow: none; color: #0d47a1; } .e-btn.e-link:hover, .e-css.e-btn.e-link:hover { border-radius: 0; color: #0a3576; text-decoration: underline; } .e-btn.e-link:focus, .e-css.e-btn.e-link:focus { border-radius: 0; text-decoration: underline; color: #0a3576; } .e-btn.e-link:disabled, .e-css.e-btn.e-link:disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; box-shadow: none; text-decoration: none; } .e-checkbox-wrapper .e-check::before, .e-css.e-checkbox-wrapper .e-check::before { content: '\e933'; } .e-checkbox-wrapper .e-stop::before, .e-css.e-checkbox-wrapper .e-stop::before { content: '\e934'; } /*! checkbox layout */ .e-checkbox-wrapper, .e-css.e-checkbox-wrapper { cursor: pointer; display: inline-block; line-height: 1; outline: none; -webkit-user-select: none; user-select: none; } .e-checkbox-wrapper label, .e-css.e-checkbox-wrapper label { cursor: pointer; display: inline-block; line-height: 0; margin: 0; position: relative; white-space: nowrap; } .e-checkbox-wrapper:focus .e-frame, .e-css.e-checkbox-wrapper:focus .e-frame { box-shadow: none; } .e-checkbox-wrapper .e-ripple-container, .e-css.e-checkbox-wrapper .e-ripple-container { border-radius: 50%; bottom: -9px; height: 36px; left: -9px; pointer-events: none; position: absolute; right: -9px; top: -9px; width: 36px; z-index: 1; } .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label { cursor: pointer; display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: normal; line-height: 18px; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: normal; } .e-checkbox-wrapper .e-checkbox, .e-css.e-checkbox-wrapper .e-checkbox { height: 1px; opacity: 0; position: absolute; width: 1px; } .e-checkbox-wrapper .e-checkbox + .e-label, .e-css.e-checkbox-wrapper .e-checkbox + .e-label { margin-right: 10px; } .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame { border: 2px solid; border-radius: 2px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: 'e-icons'; height: 18px; line-height: 10px; padding: 2px 0; text-align: center; vertical-align: middle; width: 18px; } .e-checkbox-wrapper .e-frame + .e-label, .e-css.e-checkbox-wrapper .e-frame + .e-label { margin-left: 10px; } .e-checkbox-wrapper .e-frame + .e-ripple-container, .e-css.e-checkbox-wrapper .e-frame + .e-ripple-container { left: auto; } .e-checkbox-wrapper .e-check, .e-css.e-checkbox-wrapper .e-check { font-size: 12px; } .e-checkbox-wrapper .e-stop, .e-css.e-checkbox-wrapper .e-stop { font-size: 10px; line-height: 10px; } .e-checkbox-wrapper.e-checkbox-disabled, .e-css.e-checkbox-wrapper.e-checkbox-disabled { cursor: default; pointer-events: none; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame { cursor: default; } .e-checkbox-wrapper.e-checkbox-disabled .e-label, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label { cursor: default; } .e-checkbox-wrapper.e-rtl .e-ripple-container, .e-css.e-checkbox-wrapper.e-rtl .e-ripple-container { right: -9px; } .e-checkbox-wrapper.e-rtl .e-frame, .e-css.e-checkbox-wrapper.e-rtl .e-frame { margin: 0; } .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container { left: -9px; right: auto; } .e-checkbox-wrapper.e-rtl .e-label, .e-css.e-checkbox-wrapper.e-rtl .e-label { margin-left: 0; margin-right: 10px; } .e-checkbox-wrapper.e-rtl .e-label + .e-frame, .e-css.e-checkbox-wrapper.e-rtl .e-label + .e-frame { margin: 0; } .e-checkbox-wrapper.e-rtl .e-checkbox + .e-label, .e-css.e-checkbox-wrapper.e-rtl .e-checkbox + .e-label { margin-left: 10px; margin-right: 0; } .e-checkbox-wrapper.e-small .e-frame, .e-css.e-checkbox-wrapper.e-small .e-frame { height: 14px; line-height: 6px; width: 14px; } .e-checkbox-wrapper.e-small .e-check, .e-css.e-checkbox-wrapper.e-small .e-check { font-size: 10px; } .e-checkbox-wrapper.e-small .e-stop, .e-css.e-checkbox-wrapper.e-small .e-stop { font-size: 8px; line-height: 6px; } .e-checkbox-wrapper.e-small .e-label, .e-css.e-checkbox-wrapper.e-small .e-label { font-size: 13px; line-height: 14px; } .e-checkbox-wrapper.e-small .e-ripple-container, .e-css.e-checkbox-wrapper.e-small .e-ripple-container { bottom: -9px; height: 32px; left: -9px; right: -9px; top: -9px; width: 32px; } .e-small .e-checkbox-wrapper .e-frame, .e-small.e-checkbox-wrapper .e-frame, .e-small .e-css.e-checkbox-wrapper .e-frame, .e-small.e-css.e-checkbox-wrapper .e-frame { height: 14px; line-height: 6px; width: 14px; } .e-small .e-checkbox-wrapper .e-check, .e-small.e-checkbox-wrapper .e-check, .e-small .e-css.e-checkbox-wrapper .e-check, .e-small.e-css.e-checkbox-wrapper .e-check { font-size: 10px; } .e-small .e-checkbox-wrapper .e-stop, .e-small.e-checkbox-wrapper .e-stop, .e-small .e-css.e-checkbox-wrapper .e-stop, .e-small.e-css.e-checkbox-wrapper .e-stop { font-size: 8px; line-height: 6px; } .e-small .e-checkbox-wrapper .e-label, .e-small.e-checkbox-wrapper .e-label, .e-small .e-css.e-checkbox-wrapper .e-label, .e-small.e-css.e-checkbox-wrapper .e-label { font-size: 13px; line-height: 14px; } .e-small .e-checkbox-wrapper .e-ripple-container, .e-small.e-checkbox-wrapper .e-ripple-container, .e-small .e-css.e-checkbox-wrapper .e-ripple-container, .e-small.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 32px; left: -9px; right: -9px; top: -9px; width: 32px; } .e-bigger.e-small .e-checkbox-wrapper .e-frame, .e-bigger.e-small.e-checkbox-wrapper .e-frame, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-frame, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-frame { height: 20px; line-height: 12px; width: 20px; } .e-bigger.e-small .e-checkbox-wrapper .e-check, .e-bigger.e-small.e-checkbox-wrapper .e-check, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-check, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-check { font-size: 12px; } .e-bigger.e-small .e-checkbox-wrapper .e-stop, .e-bigger.e-small.e-checkbox-wrapper .e-stop, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-stop, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-stop { font-size: 10px; line-height: 12px; } .e-bigger.e-small .e-checkbox-wrapper .e-label, .e-bigger.e-small.e-checkbox-wrapper .e-label, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-label, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-label { font-size: 14px; line-height: 20px; } .e-bigger.e-small .e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small .e-css.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-small.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 38px; left: -9px; right: -9px; top: -9px; width: 38px; } .e-bigger .e-checkbox-wrapper .e-frame, .e-bigger.e-checkbox-wrapper .e-frame, .e-bigger .e-css.e-checkbox-wrapper .e-frame, .e-bigger.e-css.e-checkbox-wrapper .e-frame { height: 22px; line-height: 14px; width: 22px; } .e-bigger .e-checkbox-wrapper .e-frame + .e-label, .e-bigger.e-checkbox-wrapper .e-frame + .e-label, .e-bigger .e-css.e-checkbox-wrapper .e-frame + .e-label, .e-bigger.e-css.e-checkbox-wrapper .e-frame + .e-label { font-size: 14px; line-height: 22px; margin-left: 12px; } .e-bigger .e-checkbox-wrapper .e-check, .e-bigger.e-checkbox-wrapper .e-check, .e-bigger .e-css.e-checkbox-wrapper .e-check, .e-bigger.e-css.e-checkbox-wrapper .e-check { font-size: 16px; } .e-bigger .e-checkbox-wrapper .e-stop, .e-bigger.e-checkbox-wrapper .e-stop, .e-bigger .e-css.e-checkbox-wrapper .e-stop, .e-bigger.e-css.e-checkbox-wrapper .e-stop { font-size: 12px; line-height: 14px; } .e-bigger .e-checkbox-wrapper .e-label, .e-bigger.e-checkbox-wrapper .e-label, .e-bigger .e-css.e-checkbox-wrapper .e-label, .e-bigger.e-css.e-checkbox-wrapper .e-label { font-size: 14px; } .e-bigger .e-checkbox-wrapper .e-ripple-container, .e-bigger.e-checkbox-wrapper .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper .e-ripple-container { bottom: -9px; height: 40px; left: -9px; right: -9px; top: -9px; width: 40px; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame { margin: 0; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label { margin-left: 0; margin-right: 12px; } .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container { right: auto; } .e-bigger .e-checkbox-wrapper.e-small .e-frame, .e-bigger.e-checkbox-wrapper.e-small .e-frame, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-frame, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-frame { height: 20px; line-height: 12px; width: 20px; } .e-bigger .e-checkbox-wrapper.e-small .e-check, .e-bigger.e-checkbox-wrapper.e-small .e-check, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-check, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-check { font-size: 12px; } .e-bigger .e-checkbox-wrapper.e-small .e-stop, .e-bigger.e-checkbox-wrapper.e-small .e-stop, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-stop, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-stop { font-size: 10px; line-height: 12px; } .e-bigger .e-checkbox-wrapper.e-small .e-label, .e-bigger.e-checkbox-wrapper.e-small .e-label, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-label, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-label { font-size: 14px; line-height: 20px; } .e-bigger .e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger.e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger .e-css.e-checkbox-wrapper.e-small .e-ripple-container, .e-bigger.e-css.e-checkbox-wrapper.e-small .e-ripple-container { bottom: -9px; height: 38px; left: -9px; right: -9px; top: -9px; width: 38px; } /*! checkbox theme */ .e-checkbox-wrapper, .e-css.e-checkbox-wrapper { -webkit-tap-highlight-color: transparent; } .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame { background-color: #fff; border-color: #757575; } .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop { background-color: #fff; border-color: #757575; color: #757575; } .e-checkbox-wrapper .e-ripple-element, .e-css.e-checkbox-wrapper .e-ripple-element { background: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper .e-ripple-check .e-ripple-element, .e-css.e-checkbox-wrapper .e-ripple-check .e-ripple-element { background: rgba(0, 0, 0, 0.26); } .e-checkbox-wrapper:active .e-ripple-element, .e-css.e-checkbox-wrapper:active .e-ripple-element { background: rgba(0, 0, 0, 0.26); } .e-checkbox-wrapper:active .e-ripple-check .e-ripple-element, .e-css.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element { background: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame { background-color: #fff; border-color: #757575; box-shadow: none; } .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check { background-color: #e3165b; border-color: transparent; box-shadow: none; color: #fff; } .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop { box-shadow: none; color: #757575; } .e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame { background-color: #fff; border-color: #757575; box-shadow: none; } .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check { background-color: #e3165b; border-color: transparent; box-shadow: none; color: #fff; } .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-stop { box-shadow: none; color: #757575; } .e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame { background-color: #fff; border-color: #757575; } .e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-checkbox-wrapper:hover .e-frame.e-stop, .e-css.e-checkbox-wrapper:hover .e-frame.e-stop { color: #757575; } .e-checkbox-wrapper:hover .e-label, .e-css.e-checkbox-wrapper:hover .e-label { color: rgba(0, 0, 0, 0.87); } .e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame { background-color: #fff; border-color: #bdbdbd; color: #bdbdbd; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check { background-color: #bdbdbd; border-color: #bdbdbd; color: #fff; } .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop { background-color: #fff; border-color: #bdbdbd; color: #bdbdbd; } .e-checkbox-wrapper.e-checkbox-disabled .e-label, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label { color: #bdbdbd; } .e-checkbox-wrapper.e-focus .e-ripple-container, .e-css.e-checkbox-wrapper.e-focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check, .e-css.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check { background-color: rgba(227, 22, 91, 0.26); } .e-checkbox-wrapper.e-focus .e-frame, .e-css.e-checkbox-wrapper.e-focus .e-frame { outline: #fff 0 solid; outline-offset: 0; } .e-checkbox-wrapper.e-focus .e-frame.e-check, .e-css.e-checkbox-wrapper.e-focus .e-frame.e-check { outline: #fff 0 solid; outline-offset: 0; } /*! radiobutton layout */ .e-radio-wrapper { display: inline-block; line-height: 1; position: relative; } .e-radio { -webkit-appearance: none; height: 1px; opacity: 0; position: absolute; width: 1px; } .e-radio:not(:checked):hover + label.e-rtl::after, .e-radio:not(:checked):hover + label.e-right::after { left: auto; } .e-radio + label { -webkit-tap-highlight-color: transparent; cursor: pointer; display: inline-block; margin: 0; position: relative; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } .e-radio + label .e-label { display: inline-block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: normal; line-height: 18px; padding-left: 28px; vertical-align: text-top; white-space: normal; } .e-radio + label::before { border: 2px solid; border-radius: 50%; box-sizing: border-box; content: ''; height: 18px; left: 0; position: absolute; top: 0; width: 18px; } .e-radio + label:focus::before { box-shadow: none; } .e-radio + label::after { border: 1px solid; border-radius: 50%; box-sizing: border-box; content: ''; height: 8px; left: 5px; position: absolute; top: 5px; transform: scale(0); width: 8px; } .e-radio + label .e-ripple-container { border-radius: 50%; height: 34px; left: -8px; position: absolute; top: -8px; width: 34px; z-index: 1; } .e-radio + label.e-right .e-label, .e-radio + label.e-rtl .e-label { padding-left: 0; padding-right: 28px; } .e-radio + label.e-right::before, .e-radio + label.e-rtl::before { left: auto; right: 0; } .e-radio + label.e-right::after, .e-radio + label.e-rtl::after { left: auto; right: 5px; } .e-radio + label.e-right .e-ripple-container, .e-radio + label.e-rtl .e-ripple-container { left: auto; right: -8px; } .e-radio + label.e-right.e-rtl .e-label { padding-left: 28px; padding-right: 0; } .e-radio + label.e-right.e-rtl::before { left: 0; right: auto; } .e-radio + label.e-right.e-rtl::after { left: 5px; right: auto; } .e-radio + label.e-right.e-rtl .e-ripple-container { left: -8px; right: auto; } .e-radio + label.e-small .e-label { line-height: 14px; padding-left: 24px; } .e-radio + label.e-small::before { height: 14px; width: 14px; } .e-radio + label.e-small::after { height: 6px; left: 4px; top: 4px; width: 6px; } .e-radio + label.e-small .e-ripple-container { left: -10px; top: -10px; } .e-radio + label.e-small.e-right .e-label, .e-radio + label.e-small.e-rtl .e-label { padding-left: 0; padding-right: 24px; } .e-radio + label.e-small.e-right::after, .e-radio + label.e-small.e-rtl::after { left: auto; right: 4px; } .e-radio + label.e-small.e-right .e-ripple-container, .e-radio + label.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-radio + label.e-small.e-right.e-rtl .e-label { padding-left: 24px; padding-right: 0; } .e-radio + label.e-small.e-right.e-rtl::after { left: 4px; right: auto; } .e-radio + label.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-radio:checked + label::after { transform: scale(1); transition: transform ease 280ms, background-color ease 280ms; } .e-small .e-radio + label .e-label, .e-radio + label.e-small .e-label { line-height: 14px; padding-left: 24px; } .e-small .e-radio + label::before, .e-radio + label.e-small::before { height: 14px; width: 14px; } .e-small .e-radio + label::after, .e-radio + label.e-small::after { height: 6px; left: 4px; top: 4px; width: 6px; } .e-small .e-radio + label .e-ripple-container, .e-radio + label.e-small .e-ripple-container { left: -10px; top: -10px; } .e-small .e-radio + label.e-right .e-label, .e-small .e-radio + label.e-rtl .e-label, .e-radio + label.e-small.e-right .e-label, .e-radio + label.e-small.e-rtl .e-label { padding-left: 0; padding-right: 24px; } .e-small .e-radio + label.e-right::after, .e-small .e-radio + label.e-rtl::after, .e-radio + label.e-small.e-right::after, .e-radio + label.e-small.e-rtl::after { left: auto; right: 4px; } .e-small .e-radio + label.e-right .e-ripple-container, .e-small .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-small.e-right .e-ripple-container, .e-radio + label.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-small .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-small.e-right.e-rtl .e-label { padding-left: 24px; padding-right: 0; } .e-small .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-small.e-right.e-rtl::after { left: 4px; right: auto; } .e-small .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-bigger.e-small .e-radio + label .e-label, .e-radio + label.e-bigger.e-small .e-label { line-height: 20px; padding-left: 32px; } .e-bigger.e-small .e-radio + label::before, .e-radio + label.e-bigger.e-small::before { height: 20px; width: 20px; } .e-bigger.e-small .e-radio + label::after, .e-radio + label.e-bigger.e-small::after { height: 8px; left: 6px; top: 6px; width: 8px; } .e-bigger.e-small .e-radio + label .e-ripple-container, .e-radio + label.e-bigger.e-small .e-ripple-container { height: 40px; left: -10px; top: -10px; width: 40px; } .e-bigger.e-small .e-radio + label.e-right .e-label, .e-bigger.e-small .e-radio + label.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right .e-label, .e-radio + label.e-bigger.e-small.e-rtl .e-label { padding-left: 0; padding-right: 32px; } .e-bigger.e-small .e-radio + label.e-right::after, .e-bigger.e-small .e-radio + label.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right::after, .e-radio + label.e-bigger.e-small.e-rtl::after { left: auto; right: 6px; } .e-bigger.e-small .e-radio + label.e-right .e-ripple-container, .e-bigger.e-small .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right .e-ripple-container, .e-radio + label.e-bigger.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger.e-small .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-label { padding-left: 32px; padding-right: 0; } .e-bigger.e-small .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger.e-small .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } .e-bigger .e-radio + label .e-label, .e-radio + label.e-bigger .e-label { font-size: 14px; line-height: 22px; padding-left: 34px; } .e-bigger .e-radio + label::before, .e-radio + label.e-bigger::before { height: 22px; width: 22px; } .e-bigger .e-radio + label::after, .e-radio + label.e-bigger::after { height: 10px; left: 6px; top: 6px; width: 10px; } .e-bigger .e-radio + label .e-ripple-container, .e-radio + label.e-bigger .e-ripple-container { height: 42px; left: -10px; top: -10px; width: 42px; } .e-bigger .e-radio + label.e-right .e-label, .e-bigger .e-radio + label.e-rtl .e-label, .e-radio + label.e-bigger.e-right .e-label, .e-radio + label.e-bigger.e-rtl .e-label { padding-left: 0; padding-right: 34px; } .e-bigger .e-radio + label.e-right::after, .e-bigger .e-radio + label.e-rtl::after, .e-radio + label.e-bigger.e-right::after, .e-radio + label.e-bigger.e-rtl::after { left: auto; right: 6px; } .e-bigger .e-radio + label.e-right .e-ripple-container, .e-bigger .e-radio + label.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-right .e-ripple-container, .e-radio + label.e-bigger.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger .e-radio + label.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-right.e-rtl .e-label { padding-left: 34px; padding-right: 0; } .e-bigger .e-radio + label.e-right.e-rtl::after, .e-radio + label.e-bigger.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger .e-radio + label.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-right.e-rtl .e-ripple-container { left: -12px; right: auto; } .e-bigger .e-radio + label.e-small .e-label, .e-radio + label.e-bigger.e-small .e-label { line-height: 20px; padding-left: 32px; } .e-bigger .e-radio + label.e-small::before, .e-radio + label.e-bigger.e-small::before { height: 20px; width: 20px; } .e-bigger .e-radio + label.e-small::after, .e-radio + label.e-bigger.e-small::after { height: 8px; left: 6px; top: 6px; width: 8px; } .e-bigger .e-radio + label.e-small .e-ripple-container, .e-radio + label.e-bigger.e-small .e-ripple-container { height: 40px; left: -10px; top: -10px; width: 40px; } .e-bigger .e-radio + label.e-small.e-right .e-label, .e-bigger .e-radio + label.e-small.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right .e-label, .e-radio + label.e-bigger.e-small.e-rtl .e-label { padding-left: 0; padding-right: 32px; } .e-bigger .e-radio + label.e-small.e-right::after, .e-bigger .e-radio + label.e-small.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right::after, .e-radio + label.e-bigger.e-small.e-rtl::after { left: auto; right: 6px; } .e-bigger .e-radio + label.e-small.e-right .e-ripple-container, .e-bigger .e-radio + label.e-small.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right .e-ripple-container, .e-radio + label.e-bigger.e-small.e-rtl .e-ripple-container { left: auto; right: -10px; } .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-label, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-label { padding-left: 32px; padding-right: 0; } .e-bigger .e-radio + label.e-small.e-right.e-rtl::after, .e-radio + label.e-bigger.e-small.e-right.e-rtl::after { left: 6px; right: auto; } .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-ripple-container, .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-ripple-container { left: -10px; right: auto; } /*! radiobutton theme */ .e-radio + label::before { background-color: #fff; border-color: #757575; } .e-radio + label.e-focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-radio + label .e-label { color: rgba(0, 0, 0, 0.87); } .e-radio + label .e-ripple-element { background-color: rgba(227, 22, 91, 0.26); } .e-radio + label:active .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-radio:focus + label::before { border-color: #e3165b; box-shadow: none; } .e-radio:focus + label::before { border-color: #757575; box-shadow: none; } .e-radio:hover + label::before { border-color: #757575; } .e-radio:checked + label::before { background-color: #fff; border-color: #e3165b; } .e-radio:checked + label::after { background-color: #e3165b; color: #e3165b; } .e-radio:checked + label:active .e-ripple-element { background-color: rgba(227, 22, 91, 0.26); } .e-radio:checked + .e-focus .e-ripple-container { background-color: rgba(227, 22, 91, 0.26); } .e-radio:checked + .e-focus::before { outline: #fff 0 solid; outline-offset: 0; } .e-radio:checked:focus + label::before { border-color: #e3165b; } .e-radio:checked:focus + label::after { background-color: #e3165b; } .e-radio:checked + label:hover::before { border-color: #e3165b; } .e-radio:checked + label:hover::after { background-color: #e3165b; } .e-radio:disabled + label { cursor: default; pointer-events: none; } .e-radio:disabled + label::before { border-color: #bdbdbd; cursor: default; } .e-radio:disabled + label .e-ripple-container { background-color: transparent; } .e-radio:disabled + label .e-ripple-container::after { background-color: transparent; cursor: default; } .e-radio:disabled + label .e-label { color: #bdbdbd; } .e-radio:disabled:checked + label::before { background-color: transparent; border-color: #bdbdbd; } .e-radio:disabled:checked + label::after { background-color: #bdbdbd; border-color: #bdbdbd; cursor: default; } .e-radio:disabled:checked + label .e-ripple-container { background-color: transparent; } .e-radio:disabled:checked + label .e-ripple-container::after { background-color: transparent; } /*! switch layout */ .e-switch-wrapper, .e-css.e-switch-wrapper { cursor: pointer; display: inline-block; height: 12px; position: relative; -webkit-user-select: none; user-select: none; width: 34px; } .e-switch-wrapper .e-switch, .e-css.e-switch-wrapper .e-switch { -moz-appearance: none; height: 1px; opacity: 0; position: absolute; width: 1px; } .e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner { -ms-transition: all 0.08s linear; -webkit-transition: all 0.08s linear; border: none; border-radius: 20px; box-sizing: border-box; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transition: all 0.08s linear; width: 100%; } .e-switch-wrapper .e-switch-on, .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-off { -ms-transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); align-items: center; border-radius: inherit; display: flex; font-family: ""; font-size: small; height: 100%; justify-content: center; left: 0; position: absolute; transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on { left: -100%; text-indent: -9999px; } .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off { left: 0; opacity: 0.42; text-indent: -9999px; } .e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle { -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-radius: 50%; bottom: 0; height: 18px; left: 0; margin: auto 0; position: absolute; top: 0; transition: all 0.2s linear; width: 18px; } .e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on { left: 0; opacity: 0.54; } .e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-off { left: 100%; } .e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } .e-switch-wrapper.e-switch-disabled, .e-css.e-switch-wrapper.e-switch-disabled { cursor: default; } .e-switch-wrapper .e-ripple-container, .e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; bottom: -9px; height: 52px; left: -17px; pointer-events: none; position: absolute; top: -17px; width: 52px; z-index: 1; } .e-switch-wrapper.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } .e-switch-wrapper.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; } .e-switch-wrapper.e-rtl .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { border-radius: 50%; height: 18px; left: 0; margin: auto 0; position: absolute; top: 0; transition: all 0.2s linear; width: 18px; } .e-switch-wrapper.e-small, .e-css.e-switch-wrapper.e-small { height: 10px; width: 26px; } .e-switch-wrapper.e-small .e-switch-handle, .e-css.e-switch-wrapper.e-small .e-switch-handle { height: 16px; width: 16px; } .e-switch-wrapper.e-small .e-ripple-container, .e-css.e-switch-wrapper.e-small .e-ripple-container { border-radius: 50%; height: 36px; left: -10px; pointer-events: none; position: absolute; top: -10px; width: 36px; z-index: 1; } .e-switch-wrapper.e-small .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active { left: 100%; margin-left: -16px; } .e-switch-wrapper.e-small .e-switch-on, .e-switch-wrapper.e-small .e-switch-off, .e-css.e-switch-wrapper.e-small .e-switch-on, .e-css.e-switch-wrapper.e-small .e-switch-off { font-size: 9px; } .e-switch-wrapper.e-small .e-switch-on, .e-css.e-switch-wrapper.e-small .e-switch-on { text-indent: -9999px; } .e-switch-wrapper.e-small .e-switch-off, .e-css.e-switch-wrapper.e-small .e-switch-off { text-indent: -9999px; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { left: 100%; margin-left: -16px; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { height: 16px; width: 16px; } .e-switch-wrapper.e-small.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } .e-switch-wrapper.e-small.e-rtl .e-switch-off, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off { left: 0; } .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } .e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active { left: 16px; } *.e-small .e-switch-wrapper, *.e-small.e-switch-wrapper, *.e-small .e-css.e-switch-wrapper, *.e-small.e-css.e-switch-wrapper { height: 10px; width: 26px; } *.e-small .e-switch-wrapper .e-switch-handle, *.e-small.e-switch-wrapper .e-switch-handle, *.e-small .e-css.e-switch-wrapper .e-switch-handle, *.e-small.e-css.e-switch-wrapper .e-switch-handle { height: 16px; width: 16px; } *.e-small .e-switch-wrapper .e-ripple-container, *.e-small.e-switch-wrapper .e-ripple-container, *.e-small .e-css.e-switch-wrapper .e-ripple-container, *.e-small.e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; height: 36px; left: -10px; pointer-events: none; position: absolute; top: -10px; width: 36px; z-index: 1; } *.e-small .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-small.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -16px; } *.e-small .e-switch-wrapper .e-switch-on, *.e-small .e-switch-wrapper .e-switch-off, *.e-small.e-switch-wrapper .e-switch-on, *.e-small.e-switch-wrapper .e-switch-off, *.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-small.e-css.e-switch-wrapper .e-switch-on, *.e-small.e-css.e-switch-wrapper .e-switch-off { font-size: 9px; } *.e-small .e-switch-wrapper .e-switch-on, *.e-small.e-switch-wrapper .e-switch-on, *.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-small.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-small .e-switch-wrapper .e-switch-off, *.e-small.e-switch-wrapper .e-switch-off, *.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-small.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -16px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 16px; width: 16px; } *.e-small .e-switch-wrapper.e-rtl .e-switch-on, *.e-small.e-switch-wrapper.e-rtl .e-switch-on, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-small .e-switch-wrapper.e-rtl .e-switch-off, *.e-small.e-switch-wrapper.e-rtl .e-switch-off, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-small .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 16px; } *.e-bigger.e-small .e-switch-wrapper, *.e-bigger.e-small.e-switch-wrapper, *.e-bigger.e-small .e-css.e-switch-wrapper, *.e-bigger.e-small.e-css.e-switch-wrapper { height: 12px; width: 34px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-handle { height: 18px; left: 0; top: 0; width: 18px; } *.e-bigger.e-small .e-switch-wrapper .e-ripple-container, *.e-bigger.e-small.e-switch-wrapper .e-ripple-container, *.e-bigger.e-small .e-css.e-switch-wrapper .e-ripple-container, *.e-bigger.e-small.e-css.e-switch-wrapper .e-ripple-container { border-radius: 50%; height: 50px; left: -16px; pointer-events: none; position: absolute; top: -16px; width: 50px; z-index: 1; } *.e-bigger.e-small .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-switch-wrapper .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-off { font-size: 9px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-switch-wrapper .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-bigger.e-small .e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-switch-wrapper .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 18px; width: 18px; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger.e-small .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-small.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 18px; } *.e-bigger .e-switch-wrapper, *.e-bigger.e-switch-wrapper, *.e-bigger .e-css.e-switch-wrapper, *.e-bigger.e-css.e-switch-wrapper { height: 14px; width: 36px; } *.e-bigger .e-switch-wrapper .e-switch-handle, *.e-bigger.e-switch-wrapper .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper .e-switch-handle { height: 20px; left: 0; top: 0; width: 20px; } *.e-bigger .e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper .e-switch-handle.e-switch-active { left: 100%; margin-left: -20px; } *.e-bigger .e-switch-wrapper .e-switch-on, *.e-bigger .e-switch-wrapper .e-switch-off, *.e-bigger.e-switch-wrapper .e-switch-on, *.e-bigger.e-switch-wrapper .e-switch-off, *.e-bigger .e-css.e-switch-wrapper .e-switch-on, *.e-bigger .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-css.e-switch-wrapper .e-switch-off { font-size: 0; } *.e-bigger .e-switch-wrapper .e-switch-on, *.e-bigger.e-switch-wrapper .e-switch-on, *.e-bigger .e-css.e-switch-wrapper .e-switch-on, *.e-bigger.e-css.e-switch-wrapper .e-switch-on { text-indent: -9999px; } *.e-bigger .e-switch-wrapper .e-switch-off, *.e-bigger.e-switch-wrapper .e-switch-off, *.e-bigger .e-css.e-switch-wrapper .e-switch-off, *.e-bigger.e-css.e-switch-wrapper .e-switch-off { text-indent: -9999px; } *.e-bigger .e-switch-wrapper .e-ripple-container, *.e-bigger.e-switch-wrapper .e-ripple-container, *.e-bigger .e-css.e-switch-wrapper .e-ripple-container, *.e-bigger.e-css.e-switch-wrapper .e-ripple-container { height: 52px; left: -16px; top: -16px; width: 52px; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-handle { height: 20px; left: 100%; margin-left: -20px; top: 0; width: 20px; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-off { left: 0; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { left: 20px; } *.e-bigger .e-switch-wrapper.e-small, *.e-bigger.e-switch-wrapper.e-small, *.e-bigger .e-css.e-switch-wrapper.e-small, *.e-bigger.e-css.e-switch-wrapper.e-small { height: 12px; width: 34px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-handle { height: 18px; left: 0; top: 0; width: 18px; } *.e-bigger .e-switch-wrapper.e-small .e-ripple-container, *.e-bigger.e-switch-wrapper.e-small .e-ripple-container, *.e-bigger .e-css.e-switch-wrapper.e-small .e-ripple-container, *.e-bigger.e-css.e-switch-wrapper.e-small .e-ripple-container { border-radius: 50%; height: 50px; left: -16px; pointer-events: none; position: absolute; top: -16px; width: 50px; z-index: 1; } *.e-bigger .e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-handle.e-switch-active { left: 100%; margin-left: -18px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-switch-wrapper.e-small .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-off { font-size: 9px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-switch-wrapper.e-small .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-on { text-indent: -9999px; } *.e-bigger .e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-switch-wrapper.e-small .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small .e-switch-off { text-indent: -9999px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { left: 100%; margin-left: -18px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle { height: 18px; width: 18px; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-on { left: 100%; opacity: 0.54; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-off { left: 0; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-on { left: 0; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-inner.e-switch-active .e-switch-off { left: -100%; } *.e-bigger .e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger .e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active, *.e-bigger.e-css.e-switch-wrapper.e-small.e-rtl .e-switch-handle.e-switch-active { left: 18px; } /*! switch theme */ .e-switch-wrapper, .e-css.e-switch-wrapper { -webkit-tap-highlight-color: transparent; } .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off { background-color: #000; color: #fff; } .e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle { background-color: #f5f5f5; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on { background-color: #e3165b; color: #fff; } .e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active { background-color: #fff; border-color: transparent; } .e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner { background-color: initial; } .e-switch-wrapper .e-ripple-element, .e-css.e-switch-wrapper .e-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper .e-ripple-check .e-ripple-element, .e-css.e-switch-wrapper .e-ripple-check .e-ripple-element { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active { box-shadow: none; } .e-switch-wrapper.e-switch-disabled .e-switch-handle, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-handle { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off { opacity: 0.12; background-color: #000; border-color: #bdbdbd; color: transparent; } .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on { color: transparent; opacity: 0.12; background-color: #000; } .e-switch-wrapper.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner { background-color: #000; border-color: transparent; opacity: 0.12; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; border-color: transparent; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner { border-color: transparent; color: transparent; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on { color: transparent; background-color: #000; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-handle, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-handle { background-color: #bdbdbd; } .e-switch-wrapper.e-switch-disabled:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled:hover .e-switch-handle.e-switch-active { background-color: #bdbdbd; } .e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; } .e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner { background-color: transparent; border-color: inherit; } .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on { background-color: #e3165b; color: #fff; } .e-switch-wrapper:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active), .e-css.e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) { background-color: #f5f5f5; } .e-switch-wrapper.e-focus .e-switch-inner, .e-switch-wrapper:focus .e-switch-inner, .e-css.e-switch-wrapper.e-focus .e-switch-inner, .e-css.e-switch-wrapper:focus .e-switch-inner { background-color: transparent; border-color: transparent; box-shadow: none; outline: none; outline-offset: initial; } .e-switch-wrapper.e-focus .e-switch-inner.e-switch-active, .e-switch-wrapper:focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:focus .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-focus .e-ripple-container, .e-switch-wrapper:focus .e-ripple-container, .e-css.e-switch-wrapper.e-focus .e-ripple-container, .e-css.e-switch-wrapper:focus .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container, .e-switch-wrapper:focus .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper.e-focus .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper:focus .e-ripple-check.e-ripple-container { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-active .e-switch-inner, .e-switch-wrapper:active .e-switch-inner, .e-css.e-switch-wrapper.e-active .e-switch-inner, .e-css.e-switch-wrapper:active .e-switch-inner { background-color: transparent; border-color: transparent; box-shadow: none; outline: none; outline-offset: initial; } .e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-switch-wrapper:active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:active .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-active .e-ripple-container, .e-switch-wrapper:active .e-ripple-container, .e-css.e-switch-wrapper.e-active .e-ripple-container, .e-css.e-switch-wrapper:active .e-ripple-container { background-color: rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-active .e-ripple-check.e-ripple-container, .e-switch-wrapper:active .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper.e-active .e-ripple-check.e-ripple-container, .e-css.e-switch-wrapper:active .e-ripple-check.e-ripple-container { background-color: rgba(227, 22, 91, 0.12); } .e-switch-wrapper.e-rtl.e-focus .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-on { background-color: rgba(227, 22, 91, 0.54); } .e-switch-wrapper.e-rtl.e-focus .e-switch-off, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-off { background-color: rgba(227, 22, 91, 0.54); } .e-switch-wrapper.e-rtl.e-focus .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-focus .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; outline: none; } .e-switch-wrapper.e-rtl .e-switch-on, .e-css.e-switch-wrapper.e-rtl .e-switch-on { background-color: #e3165b; } .e-switch-wrapper.e-rtl .e-switch-handle, .e-css.e-switch-wrapper.e-rtl .e-switch-handle { background-color: #f5f5f5; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active .e-switch-off { background-color: #000; } .e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl .e-switch-inner.e-switch-active { background-color: #fff; border-color: transparent; } .e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active { background-color: transparent; border-color: transparent; } .e-switch-wrapper.e-rtl:hover .e-switch-inner, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner { border-color: inherit; } .e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on { background-color: #e3165b; } .e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active { background-color: #e3165b; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-on { color: transparent; opacity: 0.12; background-color: #000; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-off, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner .e-switch-off { opacity: 0.12; background-color: #000; color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-handle.e-switch-active { background-color: #bdbdbd; box-shadow: none; } .e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled .e-switch-inner { background-color: #000; border-color: transparent; opacity: 0.12; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active .e-switch-on { color: transparent; background-color: #000; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; border-color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-inner { border-color: transparent; color: transparent; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle.e-switch-active { background-color: #bdbdbd; } .e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle, .e-css.e-switch-wrapper.e-rtl.e-switch-disabled:hover .e-switch-handle { background-color: #bdbdbd; } .e-switch-wrapper .e-switch:focus, .e-css.e-switch-wrapper .e-switch:focus { box-shadow: none; } .e-switch-wrapper.e-small.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-small.e-rtl.e-switch-disabled:hover .e-switch-inner.e-switch-active { background-color: #000; } .e-chip-list .e-chip-delete.e-dlt-btn::before { content: '\e208'; } .e-chip-list.e-multi-selection .e-chip::before { content: '\e933'; } .e-chip-list { display: flex; padding: 4px; } .e-chip-list.e-chip, .e-chip-list .e-chip { -webkit-tap-highlight-color: transparent; align-items: center; border: 0 solid; border-radius: 14px; box-shadow: none; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 400; height: 28px; justify-content: center; line-height: 1.5em; margin: 4px; outline: none; overflow: hidden; padding: 0 10px; position: relative; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; user-select: none; } .e-chip-list.e-chip .e-chip-avatar, .e-chip-list .e-chip .e-chip-avatar { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 13px; height: 28px; justify-content: center; line-height: 1; margin: 0 8px 0 -10px; overflow: hidden; width: 28px; } .e-chip-list.e-chip .e-chip-avatar-wrap, .e-chip-list.e-chip.e-chip-avatar-wrap, .e-chip-list .e-chip .e-chip-avatar-wrap, .e-chip-list .e-chip.e-chip-avatar-wrap { border-radius: 14px; } .e-chip-list.e-chip .e-chip-icon, .e-chip-list .e-chip .e-chip-icon { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; overflow: hidden; width: 20px; } .e-chip-list.e-chip .e-chip-text, .e-chip-list .e-chip .e-chip-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-chip-list.e-chip .e-chip-delete, .e-chip-list .e-chip .e-chip-delete { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 14px; justify-content: center; line-height: 1; margin: 0 -2px 0 8px; overflow: hidden; width: 14px; } .e-chip-list.e-chip .e-chip-delete.e-dlt-btn::before, .e-chip-list .e-chip .e-chip-delete.e-dlt-btn::before { font-family: 'e-icons'; } .e-chip-list.e-chip .image-url, .e-chip-list .e-chip .image-url { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-size: 14px; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; overflow: hidden; width: 20px; } .e-chip-list.e-chip .trailing-icon-url, .e-chip-list .e-chip .trailing-icon-url { align-items: center; background-size: cover; border-radius: 50%; display: flex; font-family: 'e-icons'; font-size: 14px; height: 14px; justify-content: center; line-height: 1; margin: 0 -2px 0 8px; overflow: hidden; width: 14px; } .e-chip-list:not(.e-chip) { flex-wrap: wrap; } .e-chip-list.e-multi-selection .e-chip::before { align-items: center; display: flex; font-family: 'e-icons'; height: 20px; justify-content: center; line-height: 1; margin: 0 4px 0 -6px; margin-top: 0; overflow: hidden; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); width: 20px; } .e-chip-list.e-multi-selection .e-chip:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 0; } .e-chip-list.e-multi-selection .e-chip.e-chip-icon-wrap::before, .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { display: none; } .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { height: 28px; margin: 0 8px 0 -10px; margin-top: 0; width: 28px; } .e-chip-list.e-multi-selection .e-chip.e-active .e-chip-icon, .e-chip-list.e-multi-selection .e-chip.e-active .e-chip-avatar { display: none; } .e-chip-list.e-multi-selection .e-chip.e-active.e-chip-icon-wrap::before, .e-chip-list.e-multi-selection .e-chip.e-active.e-chip-avatar-wrap::before { display: flex; } .e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 20px; } .e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-chip-list.e-rtl .e-chip .e-chip-avatar { margin: 0 -10px 0 8px; } .e-chip-list.e-rtl.e-chip .e-chip-icon, .e-chip-list.e-rtl .e-chip .e-chip-icon { margin: 0 -6px 0 8px; } .e-chip-list.e-rtl.e-chip .e-chip-delete, .e-chip-list.e-rtl .e-chip .e-chip-delete { margin: 0 8px 0 -2px; } .e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap { border-radius: 14px; } .e-chip-list.e-rtl.e-chip .trailing-icon-url, .e-chip-list.e-rtl .e-chip .trailing-icon-url { margin: 0 8px 0 -2px; } .e-chip-list.e-rtl.e-multi-selection .e-chip::before { margin: 0 -6px 0 8px; margin-top: 0; } .e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before { margin: 0 -10px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-chip, .e-bigger .e-chip-list .e-chip, .e-bigger.e-chip-list.e-chip, .e-bigger.e-chip-list .e-chip { border-radius: 16px; font-size: 14px; height: 32px; padding: 0 12px; } .e-bigger .e-chip-list .e-chip-avatar, .e-bigger.e-chip-list .e-chip-avatar { font-size: 15px; height: 32px; margin: 0 8px 0 -12px; width: 32px; } .e-bigger .e-chip-list .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-chip-avatar-wrap, .e-bigger.e-chip-list .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-chip-avatar-wrap { border-radius: 16px; } .e-bigger .e-chip-list .e-chip-icon, .e-bigger.e-chip-list .e-chip-icon { font-size: 16px; height: 24px; margin: 0 4px 0 -8px; width: 24px; } .e-bigger .e-chip-list .e-chip-delete, .e-bigger.e-chip-list .e-chip-delete { font-size: 16px; height: 18px; margin: 0 -4px 0 8px; width: 18px; } .e-bigger .e-chip-list .trailing-icon-url, .e-bigger.e-chip-list .trailing-icon-url { font-size: 16px; height: 18px; margin: 0 -4px 0 8px; width: 18px; } .e-bigger .e-chip-list.e-multi-selection .e-chip::before, .e-bigger.e-chip-list.e-multi-selection .e-chip::before { height: 24px; margin: 0 4px 0 -8px; margin-top: 0; width: 24px; } .e-bigger .e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before, .e-bigger.e-chip-list.e-multi-selection .e-chip.e-chip-avatar-wrap::before { height: 32px; margin: 0 8px 0 -12px; margin-top: 0; width: 32px; } .e-bigger .e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before, .e-bigger.e-chip-list.e-multi-selection .e-chip.e-active:not(.e-chip-icon-wrap):not(.e-chip-avatar-wrap)::before { width: 24px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-avatar, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-avatar, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-avatar { margin: 0 -12px 0 8px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-icon, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-icon, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-icon, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-icon { margin: 0 -8px 0 8px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-delete, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-delete, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-delete, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-delete { margin: 0 4px 0 -4px; } .e-bigger .e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-bigger .e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl.e-chip .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl.e-chip.e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl .e-chip .e-chip-avatar-wrap, .e-bigger.e-chip-list.e-rtl .e-chip.e-chip-avatar-wrap { border-radius: 16px; } .e-bigger .e-chip-list.e-rtl.e-multi-selection .e-chip::before, .e-bigger.e-chip-list.e-rtl.e-multi-selection .e-chip::before { margin: 0 -8px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before, .e-bigger.e-chip-list.e-rtl.e-multi-selection .e-chip.e-chip-avatar-wrap::before { margin: 0 -12px 0 8px; margin-top: 0; } .e-bigger .e-chip-list.e-rtl .trailing-icon-url, .e-bigger.e-chip-list.e-rtl .trailing-icon-url { margin: 0 4px 0 -4px; } .e-chip-list.e-chip, .e-chip-list .e-chip { background-color: #e0e0e0; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip .e-chip-icon, .e-chip-list.e-chip .e-chip-delete, .e-chip-list .e-chip .e-chip-icon, .e-chip-list .e-chip .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip .e-chip-delete.e-dlt-btn { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip .e-chip-avatar, .e-chip-list .e-chip .e-chip-avatar { background-color: #c1c1c1; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: rgba(0, 0, 0, 0.7); } .e-chip-list.e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #000; } .e-chip-list.e-chip:hover, .e-chip-list .e-chip:hover { background-color: #d6d6d6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip:hover .e-chip-icon, .e-chip-list.e-chip:hover .e-chip-delete, .e-chip-list .e-chip:hover .e-chip-icon, .e-chip-list .e-chip:hover .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:hover .e-chip-avatar, .e-chip-list .e-chip:hover .e-chip-avatar { background-color: #b7b7b7; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused, .e-chip-list .e-chip.e-focused { background-color: #c1c1c1; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-focused .e-chip-icon, .e-chip-list.e-chip.e-focused .e-chip-delete, .e-chip-list .e-chip.e-focused .e-chip-icon, .e-chip-list .e-chip.e-focused .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-focused .e-chip-avatar { background-color: #b7b7b7; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-active, .e-chip-list .e-chip.e-active { background-color: #bcbcbc; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-active .e-chip-icon, .e-chip-list.e-chip.e-active .e-chip-delete, .e-chip-list .e-chip.e-active .e-chip-icon, .e-chip-list .e-chip.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-active .e-chip-avatar, .e-chip-list .e-chip.e-active .e-chip-avatar { background-color: #9e9e9e; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused.e-active, .e-chip-list .e-chip.e-focused.e-active { background-color: #c1c1c1; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: none; } .e-chip-list.e-chip.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-focused.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-focused.e-active .e-chip-avatar { background-color: #a3a3a3; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:active, .e-chip-list .e-chip:active { background-color: #b7b7b7; border-color: transparent; color: rgba(0, 0, 0, 0.87); box-shadow: 0 2px 1px -6px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .e-chip-list.e-chip:active .e-chip-icon, .e-chip-list.e-chip:active .e-chip-delete, .e-chip-list .e-chip:active .e-chip-icon, .e-chip-list .e-chip:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip:active .e-chip-avatar, .e-chip-list .e-chip:active .e-chip-avatar { background-color: #999999; color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-disabled, .e-chip-list .e-chip.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); opacity: 1; pointer-events: none; } .e-chip-list.e-chip.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline, .e-chip-list .e-chip.e-outline { background-color: transparent; border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); border-width: 1px; } .e-chip-list.e-chip.e-outline .e-chip-icon, .e-chip-list.e-chip.e-outline .e-chip-delete, .e-chip-list .e-chip.e-outline .e-chip-icon, .e-chip-list .e-chip.e-outline .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-outline .e-chip-delete.e-dlt-btn { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-outline .e-chip-avatar { background-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: rgba(0, 0, 0, 0.7); } .e-chip-list.e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #000; } .e-chip-list.e-chip.e-outline:hover, .e-chip-list .e-chip.e-outline:hover { background-color: rgba(0, 0, 0, 0.04); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-outline:hover .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-outline:hover .e-chip-avatar { background-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused, .e-chip-list .e-chip.e-outline.e-focused { background-color: rgba(0, 0, 0, 0.12); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-outline.e-focused .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-focused .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-active, .e-chip-list .e-chip.e-outline.e-active { background-color: rgba(0, 0, 0, 0.14); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-outline.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.14); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-outline.e-focused.e-active { background-color: rgba(0, 0, 0, 0.12); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-focused.e-active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:active, .e-chip-list .e-chip.e-outline:active { background-color: rgba(0, 0, 0, 0.16); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-chip.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-outline:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-outline:active .e-chip-avatar { background-color: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-outline.e-disabled, .e-chip-list .e-chip.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active { background-color: #e3165b; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline { background-color: #e3165b; border-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip.e-active.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-selection .e-chip:active { background-color: rgba(227, 22, 91, 0.16); border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-selection .e-chip:active .e-chip-icon, .e-chip-list.e-selection .e-chip:active .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active .e-chip-avatar { background-color: rgba(171, 17, 69, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active.e-outline { background-color: rgba(227, 22, 91, 0.16); border-color: #bdbdbd; color: rgba(0, 0, 0, 0.87); } .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-icon, .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-delete { color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-selection .e-chip:active.e-outline .e-chip-avatar { background-color: rgba(171, 17, 69, 0.16); color: rgba(0, 0, 0, 0.54); } .e-chip-list.e-chip.e-primary, .e-chip-list .e-chip.e-primary { background-color: #e3165b; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary .e-chip-icon, .e-chip-list.e-chip.e-primary .e-chip-delete, .e-chip-list .e-chip.e-primary .e-chip-icon, .e-chip-list .e-chip.e-primary .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-primary .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-primary .e-chip-avatar, .e-chip-list .e-chip.e-primary .e-chip-avatar { background-color: #ab1145; color: #fff; } .e-chip-list.e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-primary:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-primary:hover, .e-chip-list .e-chip.e-primary:hover { background-color: #ec3673; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary:hover .e-chip-icon, .e-chip-list.e-chip.e-primary:hover .e-chip-delete, .e-chip-list .e-chip.e-primary:hover .e-chip-icon, .e-chip-list .e-chip.e-primary:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary:hover .e-chip-avatar, .e-chip-list .e-chip.e-primary:hover .e-chip-avatar { background-color: #d01454; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused, .e-chip-list .e-chip.e-primary.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused .e-chip-icon, .e-chip-list.e-chip.e-primary.e-focused .e-chip-delete, .e-chip-list .e-chip.e-primary.e-focused .e-chip-icon, .e-chip-list .e-chip.e-primary.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-active, .e-chip-list .e-chip.e-primary.e-active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active, .e-chip-list .e-chip.e-primary.e-focused.e-active { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary:active, .e-chip-list .e-chip.e-primary:active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary:active .e-chip-icon, .e-chip-list.e-chip.e-primary:active .e-chip-delete, .e-chip-list .e-chip.e-primary:active .e-chip-icon, .e-chip-list .e-chip.e-primary:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary:active .e-chip-avatar, .e-chip-list .e-chip.e-primary:active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-disabled, .e-chip-list .e-chip.e-primary.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-primary.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline, .e-chip-list .e-chip.e-primary.e-outline { background-color: transparent; border-color: #e3165b; color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-primary.e-outline .e-chip-delete.e-dlt-btn { color: rgba(227, 22, 91, 0.8); } .e-chip-list.e-chip.e-primary.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-primary.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:hover, .e-chip-list .e-chip.e-primary.e-outline:hover { background-color: rgba(227, 22, 91, 0.12); border-color: #e3165b; color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-delete { color: #e3165b; } .e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused, .e-chip-list .e-chip.e-primary.e-outline.e-focused { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active, .e-chip-list .e-chip.e-primary.e-outline.e-active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active { background-color: #ed4980; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar { background-color: #e3165b; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active, .e-chip-list .e-chip.e-primary.e-outline:active { background-color: #ef5b8d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-primary.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline:active .e-chip-avatar { background-color: #ea2466; color: #fff; } .e-chip-list.e-chip.e-primary.e-outline.e-disabled, .e-chip-list .e-chip.e-primary.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-primary.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-primary.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success, .e-chip-list .e-chip.e-success { background-color: #4d841d; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success .e-chip-icon, .e-chip-list.e-chip.e-success .e-chip-delete, .e-chip-list .e-chip.e-success .e-chip-icon, .e-chip-list .e-chip.e-success .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-success .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-success .e-chip-avatar, .e-chip-list .e-chip.e-success .e-chip-avatar { background-color: #305212; color: #fff; } .e-chip-list.e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-success:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-success:hover, .e-chip-list .e-chip.e-success:hover { background-color: #61a524; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success:hover .e-chip-icon, .e-chip-list.e-chip.e-success:hover .e-chip-delete, .e-chip-list .e-chip.e-success:hover .e-chip-icon, .e-chip-list .e-chip.e-success:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success:hover .e-chip-avatar, .e-chip-list .e-chip.e-success:hover .e-chip-avatar { background-color: #437319; color: #fff; } .e-chip-list.e-chip.e-success.e-focused, .e-chip-list .e-chip.e-success.e-focused { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-focused .e-chip-icon, .e-chip-list.e-chip.e-success.e-focused .e-chip-delete, .e-chip-list .e-chip.e-success.e-focused .e-chip-icon, .e-chip-list .e-chip.e-success.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-success.e-focused .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-active, .e-chip-list .e-chip.e-success.e-active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active, .e-chip-list .e-chip.e-success.e-focused.e-active { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-focused.e-active .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success:active, .e-chip-list .e-chip.e-success:active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success:active .e-chip-icon, .e-chip-list.e-chip.e-success:active .e-chip-delete, .e-chip-list .e-chip.e-success:active .e-chip-icon, .e-chip-list .e-chip.e-success:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success:active .e-chip-avatar, .e-chip-list .e-chip.e-success:active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-disabled, .e-chip-list .e-chip.e-success.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-success.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-success.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-success.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-success.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline, .e-chip-list .e-chip.e-success.e-outline { background-color: transparent; border-color: #4d841d; color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline .e-chip-delete { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-success.e-outline .e-chip-delete.e-dlt-btn { color: rgba(77, 132, 29, 0.8); } .e-chip-list.e-chip.e-success.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-success.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-success.e-outline:hover, .e-chip-list .e-chip.e-success.e-outline:hover { background-color: rgba(77, 132, 29, 0.12); border-color: #4d841d; color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-delete { color: #4d841d; } .e-chip-list.e-chip.e-success.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline:hover .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused, .e-chip-list .e-chip.e-success.e-outline.e-focused { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-focused .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active, .e-chip-list .e-chip.e-success.e-outline.e-active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active { background-color: #6ab628; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-focused.e-active .e-chip-avatar { background-color: #4d841d; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active, .e-chip-list .e-chip.e-success.e-outline:active { background-color: #74c72c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-success.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline:active .e-chip-avatar { background-color: #579521; color: #fff; } .e-chip-list.e-chip.e-success.e-outline.e-disabled, .e-chip-list .e-chip.e-success.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-success.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-success.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info, .e-chip-list .e-chip.e-info { background-color: #0378d5; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info .e-chip-icon, .e-chip-list.e-chip.e-info .e-chip-delete, .e-chip-list .e-chip.e-info .e-chip-icon, .e-chip-list .e-chip.e-info .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-info .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-info .e-chip-avatar, .e-chip-list .e-chip.e-info .e-chip-avatar { background-color: #025699; color: #fff; } .e-chip-list.e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-info:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-info:hover, .e-chip-list .e-chip.e-info:hover { background-color: #058efb; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info:hover .e-chip-icon, .e-chip-list.e-chip.e-info:hover .e-chip-delete, .e-chip-list .e-chip.e-info:hover .e-chip-icon, .e-chip-list .e-chip.e-info:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info:hover .e-chip-avatar, .e-chip-list .e-chip.e-info:hover .e-chip-avatar { background-color: #036dc1; color: #fff; } .e-chip-list.e-chip.e-info.e-focused, .e-chip-list .e-chip.e-info.e-focused { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-focused .e-chip-icon, .e-chip-list.e-chip.e-info.e-focused .e-chip-delete, .e-chip-list .e-chip.e-info.e-focused .e-chip-icon, .e-chip-list .e-chip.e-info.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-info.e-focused .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-active, .e-chip-list .e-chip.e-info.e-active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active, .e-chip-list .e-chip.e-info.e-focused.e-active { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-focused.e-active .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info:active, .e-chip-list .e-chip.e-info:active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info:active .e-chip-icon, .e-chip-list.e-chip.e-info:active .e-chip-delete, .e-chip-list .e-chip.e-info:active .e-chip-icon, .e-chip-list .e-chip.e-info:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info:active .e-chip-avatar, .e-chip-list .e-chip.e-info:active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-disabled, .e-chip-list .e-chip.e-info.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-info.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-info.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-info.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-info.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline, .e-chip-list .e-chip.e-info.e-outline { background-color: transparent; border-color: #0378d5; color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline .e-chip-delete { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-info.e-outline .e-chip-delete.e-dlt-btn { color: rgba(3, 120, 213, 0.8); } .e-chip-list.e-chip.e-info.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-info.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-info.e-outline:hover, .e-chip-list .e-chip.e-info.e-outline:hover { background-color: rgba(3, 120, 213, 0.12); border-color: #0378d5; color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-delete { color: #0378d5; } .e-chip-list.e-chip.e-info.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline:hover .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused, .e-chip-list .e-chip.e-info.e-outline.e-focused { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-focused .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active, .e-chip-list .e-chip.e-info.e-outline.e-active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active { background-color: #1998fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-focused.e-active .e-chip-avatar { background-color: #0378d5; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active, .e-chip-list .e-chip.e-info.e-outline:active { background-color: #2ea1fc; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-info.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline:active .e-chip-avatar { background-color: #0383e9; color: #fff; } .e-chip-list.e-chip.e-info.e-outline.e-disabled, .e-chip-list .e-chip.e-info.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-info.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-info.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning, .e-chip-list .e-chip.e-warning { background-color: #c15700; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning .e-chip-icon, .e-chip-list.e-chip.e-warning .e-chip-delete, .e-chip-list .e-chip.e-warning .e-chip-icon, .e-chip-list .e-chip.e-warning .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-warning .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-warning .e-chip-avatar, .e-chip-list .e-chip.e-warning .e-chip-avatar { background-color: #843b00; color: #fff; } .e-chip-list.e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-warning:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-warning:hover, .e-chip-list .e-chip.e-warning:hover { background-color: #ea6900; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning:hover .e-chip-icon, .e-chip-list.e-chip.e-warning:hover .e-chip-delete, .e-chip-list .e-chip.e-warning:hover .e-chip-icon, .e-chip-list .e-chip.e-warning:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning:hover .e-chip-avatar, .e-chip-list .e-chip.e-warning:hover .e-chip-avatar { background-color: #ad4e00; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused, .e-chip-list .e-chip.e-warning.e-focused { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused .e-chip-icon, .e-chip-list.e-chip.e-warning.e-focused .e-chip-delete, .e-chip-list .e-chip.e-warning.e-focused .e-chip-icon, .e-chip-list .e-chip.e-warning.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-focused .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-active, .e-chip-list .e-chip.e-warning.e-active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active, .e-chip-list .e-chip.e-warning.e-focused.e-active { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-focused.e-active .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning:active, .e-chip-list .e-chip.e-warning:active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning:active .e-chip-icon, .e-chip-list.e-chip.e-warning:active .e-chip-delete, .e-chip-list .e-chip.e-warning:active .e-chip-icon, .e-chip-list .e-chip.e-warning:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning:active .e-chip-avatar, .e-chip-list .e-chip.e-warning:active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-disabled, .e-chip-list .e-chip.e-warning.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-warning.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline, .e-chip-list .e-chip.e-warning.e-outline { background-color: transparent; border-color: #c15700; color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline .e-chip-delete { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-warning.e-outline .e-chip-delete.e-dlt-btn { color: rgba(193, 87, 0, 0.8); } .e-chip-list.e-chip.e-warning.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-warning.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:hover, .e-chip-list .e-chip.e-warning.e-outline:hover { background-color: rgba(193, 87, 0, 0.12); border-color: #c15700; color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-delete { color: #c15700; } .e-chip-list.e-chip.e-warning.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline:hover .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused, .e-chip-list .e-chip.e-warning.e-outline.e-focused { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-focused .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active, .e-chip-list .e-chip.e-warning.e-outline.e-active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active { background-color: #fe7300; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-focused.e-active .e-chip-avatar { background-color: #c15700; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active, .e-chip-list .e-chip.e-warning.e-outline:active { background-color: #ff7e14; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-warning.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline:active .e-chip-avatar { background-color: #d56000; color: #fff; } .e-chip-list.e-chip.e-warning.e-outline.e-disabled, .e-chip-list .e-chip.e-warning.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-warning.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-warning.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger, .e-chip-list .e-chip.e-danger { background-color: #d64113; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger .e-chip-icon, .e-chip-list.e-chip.e-danger .e-chip-delete, .e-chip-list .e-chip.e-danger .e-chip-icon, .e-chip-list .e-chip.e-danger .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-danger .e-chip-delete.e-dlt-btn { color: rgba(255, 255, 255, 0.8); } .e-chip-list.e-chip.e-danger .e-chip-avatar, .e-chip-list .e-chip.e-danger .e-chip-avatar { background-color: #9e300e; color: #fff; } .e-chip-list.e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #fff; } .e-chip-list.e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-danger:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-danger:hover, .e-chip-list .e-chip.e-danger:hover { background-color: #ec5526; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger:hover .e-chip-icon, .e-chip-list.e-chip.e-danger:hover .e-chip-delete, .e-chip-list .e-chip.e-danger:hover .e-chip-icon, .e-chip-list .e-chip.e-danger:hover .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger:hover .e-chip-avatar, .e-chip-list .e-chip.e-danger:hover .e-chip-avatar { background-color: #c33b11; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused, .e-chip-list .e-chip.e-danger.e-focused { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused .e-chip-icon, .e-chip-list.e-chip.e-danger.e-focused .e-chip-delete, .e-chip-list .e-chip.e-danger.e-focused .e-chip-icon, .e-chip-list .e-chip.e-danger.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-focused .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-active, .e-chip-list .e-chip.e-danger.e-active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active, .e-chip-list .e-chip.e-danger.e-focused.e-active { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-focused.e-active .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger:active, .e-chip-list .e-chip.e-danger:active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger:active .e-chip-icon, .e-chip-list.e-chip.e-danger:active .e-chip-delete, .e-chip-list .e-chip.e-danger:active .e-chip-icon, .e-chip-list .e-chip.e-danger:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger:active .e-chip-avatar, .e-chip-list .e-chip.e-danger:active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-disabled, .e-chip-list .e-chip.e-danger.e-disabled { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-danger.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline, .e-chip-list .e-chip.e-danger.e-outline { background-color: transparent; border-color: #d64113; color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline .e-chip-delete { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline .e-chip-delete.e-dlt-btn, .e-chip-list .e-chip.e-danger.e-outline .e-chip-delete.e-dlt-btn { color: rgba(214, 65, 19, 0.8); } .e-chip-list.e-chip.e-danger.e-outline .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover, .e-chip-list .e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:hover { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active, .e-chip-list .e-chip.e-danger.e-outline:not(.e-active) .e-chip-delete.e-dlt-btn:active { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:hover, .e-chip-list .e-chip.e-danger.e-outline:hover { background-color: rgba(214, 65, 19, 0.12); border-color: #d64113; color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-delete { color: #d64113; } .e-chip-list.e-chip.e-danger.e-outline:hover .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline:hover .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused, .e-chip-list .e-chip.e-danger.e-outline.e-focused { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-focused .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active, .e-chip-list .e-chip.e-danger.e-outline.e-active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active { background-color: #ed6339; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-focused.e-active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-focused.e-active .e-chip-avatar { background-color: #d64113; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active, .e-chip-list .e-chip.e-danger.e-outline:active { background-color: #ef724c; border-color: transparent; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-delete { color: #fff; } .e-chip-list.e-chip.e-danger.e-outline:active .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline:active .e-chip-avatar { background-color: #e94715; color: #fff; } .e-chip-list.e-chip.e-danger.e-outline.e-disabled, .e-chip-list .e-chip.e-danger.e-outline.e-disabled { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-icon, .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-delete, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-icon, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-delete { color: rgba(0, 0, 0, 0.26); } .e-chip-list.e-chip.e-danger.e-outline.e-disabled .e-chip-avatar, .e-chip-list .e-chip.e-danger.e-outline.e-disabled .e-chip-avatar { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.26); } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***! \****************************************************************************************************************************************************************************************************************************************/ .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-dropdowns/styles/material.css (1) ***! \********************************************************************************************************************************************************************************************************************************************************/ .e-dropdownbase .e-list-item .e-list-icon { padding: 0 16px 0 0; } .e-small .e-dropdownbase .e-list-item .e-list-icon { padding: 0 12px 0 0; } .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon { padding: 0 16px 0 0; } .e-bigger .e-dropdownbase, .e-dropdownbase.e-bigger { min-height: 45px; } .e-bigger .e-dropdownbase .e-list-item, .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-bigger .e-list-item, .e-dropdownbase.e-bigger .e-list-group-item, .e-dropdownbase.e-bigger .e-fixed-head { line-height: 48px; text-indent: 16px; } .e-bigger .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-bigger .e-list-item .e-list-icon { font-size: 20px; } .e-dropdownbase { display: block; height: 100%; min-height: 36px; position: relative; width: 100%; } .e-dropdownbase .e-list-parent { margin: 0; padding: 0; } .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head { cursor: default; } .e-dropdownbase .e-list-item { cursor: pointer; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-dropdownbase .e-list-item .e-list-icon { font-size: 16px; vertical-align: middle; } .e-dropdownbase .e-fixed-head { position: absolute; top: 0; } .e-rtl .e-dropdownbase .e-fixed-head { left: 33px; } .e-dropdownbase.e-content { overflow: auto; position: relative; } .e-popup.e-ddl .e-dropdownbase.e-nodata { color: #000; cursor: default; font-family: inherit; font-size: 14px; padding: 14px 16px; text-align: center; } .e-rtl .e-dropdownbase.e-dd-group .e-list-item { padding-right: 2em; } .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; text-indent: 0; } .e-small .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-bigger .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item { padding-left: 2em; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { text-indent: 0; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { cursor: pointer; font-weight: normal; overflow: hidden; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%; } .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item { padding-right: 2em; } .e-rtl .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-small.e-rtl .e-dropdownbase .e-list-item, .e-small .e-rtl .e-dropdownbase .e-list-item, .e-rtl .e-small .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item, .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item, .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item, .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item, .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item { padding-left: 16px; padding-right: 0; } .e-dropdownbase { border-color: #e0e0e0; } .e-dropdownbase .e-list-item { background-color: #fff; border-bottom: 0; border-color: #fff; color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; line-height: 36px; min-height: 36px; padding-right: 16px; text-indent: 16px; } .e-dropdownbase .e-list-group-item, .e-fixed-head { background-color: #fff; border-color: #fff; color: rgba(0, 0, 0, 0.54); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 36px; min-height: 36px; padding-left: 16px; padding-right: 16px; } .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover { background-color: #eee; border-color: #fff; color: #e3165b; } .e-dropdownbase .e-list-item.e-hover { background-color: #eee; border-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-dropdownbase .e-list-item:last-child { border-bottom: 0; } .e-dropdownbase .e-list-item.e-item-focus { background-color: #eee; } .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head { font-size: 14px; padding-left: 16px; } .e-multi-column.e-ddl.e-popup.e-popup-open table { border-collapse: collapse; table-layout: fixed; width: 100%; } .e-multi-column.e-ddl.e-popup.e-popup-open th, .e-multi-column.e-ddl.e-popup.e-popup-open td { display: table-cell; overflow: hidden; padding-right: 16px; text-indent: 10px; text-overflow: ellipsis; } .e-multi-column.e-ddl.e-popup.e-popup-open th { line-height: 36px; text-align: left; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header { background-color: #fff; border-color: #e0e0e0; border-style: solid; border-width: 0 0 1px 0; color: rgba(0, 0, 0, 0.54); font-family: inherit; font-size: 13px; font-weight: 600; text-indent: 10px; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item { padding-right: 0; } .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header { padding-right: 16px; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header, .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header { padding-right: 0; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center { text-align: center; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right { text-align: right; } .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left { text-align: left; } .e-small .e-dropdownbase .e-list-item, .e-dropdownbase.e-small .e-list-item { color: #000; line-height: 26px; min-height: 26px; text-indent: 12px; } .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-small .e-list-group-item, .e-dropdownbase.e-small .e-fixed-head { font-size: 13px; line-height: 26px; min-height: 26px; padding-left: 16px; } .e-small .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-small .e-list-item .e-list-icon { font-size: 14px; } .e-bigger.e-small .e-dropdownbase .e-list-item, .e-dropdownbase.e-small.e-bigger .e-list-item { color: #000; line-height: 40px; min-height: 40px; text-indent: 16px; } .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-small.e-bigger .e-list-group-item, .e-dropdownbase.e-small.e-bigger .e-fixed-head { line-height: 40px; min-height: 40px; padding-left: 16px; } .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon, .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon { font-size: 18px; } .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head, .e-dropdownbase.e-bigger.e-small .e-list-group-item, .e-dropdownbase.e-bigger.e-small .e-fixed-head { font-size: 13px; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item { background-color: #fff; border-bottom: 0; border-color: #fff; color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; padding-right: 16px; text-indent: 16px; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus { background-color: #eee; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active, .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover { background-color: #eee; border-color: #fff; color: #e3165b; } .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover { background-color: #eee; border-color: #fff; color: rgba(0, 0, 0, 0.87); } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-ddl.e-control-wrapper .e-ddl-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-dropdownbase .e-list-item.e-active.e-hover { color: #e3165b; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, .e-input-group:not(.e-disabled) .e-back-icon:active, .e-input-group:not(.e-disabled) .e-back-icon:hover, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover { background: transparent; } .e-input-group .e-ddl-icon:not(:active)::after { animation: none; } .e-ddl.e-popup { border: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); margin-top: 2px; } .e-popup.e-ddl .e-dropdownbase { min-height: 26px; } .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { border-color: #e0e0e0; } .e-bigger .e-popup.e-ddl-device-filter { margin-top: 0; } .e-bigger .e-ddl-device .e-input-group, .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { background: #f5f5f5; border-width: 0; box-shadow: none; margin-bottom: 0; } .e-bigger .e-ddl-device .e-input-group .e-back-icon, .e-bigger .e-ddl-device .e-input-group input.e-input, .e-bigger .e-ddl-device .e-input-group .e-clear-icon { background-color: #f5f5f5; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { margin: 6px 6px 5px; min-height: 12px; min-width: 12px; padding: 6px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { min-height: 16px; min-width: 16px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter { padding: 8px 16px 8px 0; } .e-input-group.e-ddl, .e-input-group.e-ddl .e-input, .e-input-group.e-ddl .e-ddl-icon { background: transparent; } .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) { border-bottom-width: 0; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon { margin: 0; } .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter { padding: 5px 5px 5px 12px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon { min-height: 18px; min-width: 18px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter { padding: 8px 16px; } .e-ddl.e-popup.e-outline .e-filter-parent { padding: 4px 8px; } .e-ddl .e-search-icon::before { content: '\e993'; } .e-ddl .e-back-icon::before { content: '\e977'; } .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before { content: '\e969'; font-family: 'e-icons'; } .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus { margin-left: -20px; } .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item { font-size: 14px; } .e-bigger .e-ddl.e-popup .e-input-group { padding: 4px 0; } .e-bigger.e-ddl.e-popup .e-list-item, .e-bigger.e-ddl.e-popup .e-list-group-item { font-size: 14px; } .e-bigger.e-ddl.e-popup .e-input-group { padding: 4px 0; } .e-popup-full-page { bottom: 0; left: 0; margin: 0; overflow: hidden; padding: 0; right: 0; top: 0; } .e-ddl.e-control-wrapper .e-ddl-disable-icon { position: relative; } .e-ddl.e-control-wrapper .e-ddl-disable-icon::before { content: ''; } .e-ddl-device-filter .e-filter-parent { background-color: #f5f5f5; } .e-ddl input.e-input::-webkit-contacts-auto-fill-button { display: none; pointer-events: none; position: absolute; right: 0; visibility: hidden; } .e-filter-parent { border: 0; border-top-width: 0; box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3); display: block; padding: 0; } .e-ddl.e-input-group:not(.e-disabled) { cursor: pointer; } .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after { width: 0; } .e-ddl.e-popup { background: #fff; position: absolute; } .e-ddl.e-popup .e-search-icon { margin: 0; opacity: .57; padding: 12px 8px 8px; } .e-ddl.e-popup .e-filter-parent .e-back-icon { padding: 0 8px; } .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter { padding: 8px 16px 8px; } .e-ddl.e-popup .e-input-group { margin-bottom: 0; } .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header { cursor: default; } .e-ddl.e-input-group .e-ddl-hidden, .e-ddl.e-float-input .e-ddl-hidden { -webkit-appearance: initial; border: 0; height: 0; padding: 0; visibility: hidden; width: 0; } .e-ddl.e-input-group, .e-ddl.e-input-group.e-input-focus:focus { outline: none; } .e-dropdownbase .e-list-item .e-highlight { display: inline; font-weight: bold; vertical-align: baseline; } .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide), .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide), .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) { opacity: 1; } .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon { display: flex; } .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide { display: none; } .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide { cursor: pointer; display: flex; } .e-ddl.e-input-group .e-input-value, .e-ddl.e-input-group .e-input-value:focus { font-family: inherit; font-size: 14px; height: auto; margin: 0; outline: none; width: 100%; } .e-ddl.e-input-group input[readonly].e-input, .e-ddl.e-input-group input[readonly], .e-ddl.e-input-group .e-dropdownlist { pointer-events: none; } ejs-autocomplete, ejs-combobox, ejs-dropdownlist { display: block; } .e-small .e-ddl.e-popup .e-list-item, .e-small .e-ddl.e-popup .e-list-group-item, .e-input-group.e-ddl.e-small .e-list-item, .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 12px; } .e-small.e-ddl.e-popup .e-list-item, .e-small.e-ddl.e-popup .e-list-group-item, .e-input-group.e-ddl.e-small .e-list-item, .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 12px; } .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 13px; } .e-bigger.e-small.e-ddl.e-popup .e-list-item, .e-bigger.e-small.e-ddl.e-popup .e-list-group-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-item, .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item { font-size: 13px; } .e-content-placeholder.e-ddl.e-placeholder-ddl, .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-content-placeholder.e-combobox.e-placeholder-combobox { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl, .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl, .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete, .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox, .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox { background-size: 300px 40px; min-height: 40px; } .e-popup { border-color: #e0e0e0; } .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text, .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text { color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! TreeView's material theme wise override definitions and variables */ .e-ddt .e-ddt-icon::before { content: '\e969'; } .e-ddt .e-chips-close::before { content: '\e7e9'; } .e-ddt { cursor: pointer; outline: none; } .e-ddt .e-ddt-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-ddt.e-icon-anim .e-ddt-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-ddt .e-ddt-hidden { border: 0; height: 0; visibility: hidden; width: 0; } .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon { box-sizing: content-box; min-height: 22px; } .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon { border: 0; } .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide { display: none; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 0; position: absolute; right: 0; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { right: 18px; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 2px; position: absolute; right: 0; } .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input { padding-left: 0; padding-right: 0; } .e-ddt .e-chips-wrapper { width: 100%; } .e-ddt.e-show-chip .e-chips-close { line-height: 16px; min-height: 16px; min-width: 16px; text-align: center; } .e-ddt.e-show-chip .e-chips-close::before { font-size: 16px; } .e-ddt.e-show-chip .e-chips { align-items: center; border-radius: 16px; box-sizing: border-box; display: inline-flex; float: left; height: 24px; margin: 3px 1px; max-width: calc(100% - 2px); overflow: hidden; padding: 0 4px 0 4px; text-overflow: ellipsis; white-space: nowrap; } .e-ddt.e-show-chip .e-chips > .e-chipcontent { max-width: 100%; overflow: hidden; padding: 0 4px 0 4px; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; } .e-ddt.e-outline .e-overflow.e-show-text { padding: 10px 12px 9px; } .e-ddt.e-outline .e-overflow.e-total-count { padding: 10px 12px; } .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon { right: 30px; } .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon { min-height: 20px; } .e-ddt.e-outline.e-show-chip .e-overflow { padding: 4px 12px; } .e-ddt.e-outline.e-show-chip .e-chips-wrapper { padding: 4px 12px; } .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { line-height: 21px; padding: 14px 2px 5px 0; } .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count { padding-top: 10px; } .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon { padding-top: 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 6px; right: 10px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 5px; right: 38px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { bottom: 9px; right: 10px; } .e-ddt.e-filled .e-chips-wrapper .e-chips, .e-ddt.e-filled .e-overflow .e-chips { margin-top: 8px; padding: 0 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow { padding-top: 8px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips { height: 18px; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 12px; padding: 0 4px 0 0; } .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before { font-size: 12px; height: 12px; width: 12px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text { line-height: 39px; padding: 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count { line-height: 39px; padding-top: 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips { height: 28px; margin-top: 8px; padding: 0 8px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 13px; padding: 0 8px 0 0; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon { bottom: 10px; right: 10px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { bottom: 9px; right: 38px; } .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon { bottom: 9px; right: 10px; } .e-ddt .e-overflow { white-space: nowrap; } .e-ddt .e-overflow.e-show-text { padding: 6px 0 0 0; } .e-ddt .e-overflow.e-total-count { box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .e-ddt .e-overflow.e-total-count .e-remain { padding: 0 16px 0 0; } .e-ddt .e-overflow.e-wrap-count { padding-top: 6px; } .e-ddt .e-overflow .e-remain { cursor: pointer; display: inline-block; font-size: 13px; padding: 0 0 0 16px; } .e-ddt .e-overflow .e-remain.e-wrap-count { padding-top: 6px; } .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain { padding: 6px 0 0 0; } .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 18px; max-width: calc(100% - 19px); } .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-right: 26px; max-width: calc(100% - 27px); } .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 45px; max-width: calc(100% - 45px); } .e-ddt input[readonly], .e-ddt .e-dropdowntree, .e-ddt input[readonly].e-input { pointer-events: none; } .e-ddt input[readonly].e-chip-input, .e-ddt .e-dropdowntree.e-chip-input, .e-ddt input[readonly].e-input.e-chip-input { width: 0; } .e-ddt.e-popup { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12); position: absolute; } .e-ddt.e-popup .e-selectall-parent { border-bottom: 1px solid; cursor: pointer; display: block; line-height: 36px; overflow: hidden; position: relative; text-indent: 38px; white-space: nowrap; width: 100%; } .e-ddt.e-popup .e-selectall-parent.e-hide-selectall { display: none; } .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper { position: relative; text-indent: 0; } .e-ddt.e-popup .e-selectall-parent .e-all-text { font-family: inherit; font-size: 14px; margin: 10px; } .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus { padding: 8px 16px 8px; } .e-ddt.e-popup .e-filter-wrap { border: 0; border-top-width: 0; display: block; padding: 0; } .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after { bottom: -1px; height: 1px; } .e-ddt.e-popup .e-filter-wrap .e-input-group { margin-bottom: 0; } .e-ddt.e-popup .e-filter-wrap .e-input-group .e-clear-icon { margin: 6px 6px 5px; min-height: 12px; min-width: 12px; padding: 6px; } .e-ddt.e-popup .e-popup-content { overflow: auto; position: relative; } .e-ddt.e-popup .e-popup-content .e-ddt-nodata { display: none; } .e-ddt.e-popup .e-popup-content.e-no-data { cursor: default; font-family: inherit; font-size: 14px; padding: 14px 16px; text-align: center; } .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview { display: none; } .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata { display: block; } .e-ddt.e-popup .e-treeview { display: inline-table; width: 100%; } .e-ddt.e-popup .e-treeview .e-list-item { padding: 0; } .e-ddt.e-popup .e-treeview .e-list-item .e-ul { margin: 0; padding: 0 0 0 14px; } .e-ddt.e-popup .e-treeview .e-fullrow { height: 36px; } .e-ddt.e-popup .e-treeview > .e-ul { overflow: hidden; padding: 0 8px; } .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content { padding-bottom: 2px; padding-top: 2px; } .e-ddt.e-popup .e-ddt-footer, .e-ddt.e-popup .e-ddt-header { cursor: default; } .e-ddt.e-rtl.e-show-chip .e-chips { float: right; } .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain { padding: 0 16px 0 0; } .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count { padding-top: 6px; } .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count { position: absolute; right: auto; } .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain { padding: 0 0 0 16px; } .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain { padding: 6px 0 0 0; } .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon { left: 30px; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { padding: 14px 0 5px 2px; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 38px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { padding: 0 0 0 4px; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { padding: 0 0 0 8px; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon .e-clear-icon { left: 38px; right: auto; } .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon { left: 10px; right: auto; } .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 18px; margin-right: 1px; } .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-left: 26px; margin-right: 1px; } .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 45px; margin-right: 1px; } .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { left: 0; right: auto; } .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 18px; } .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul { padding: 0 14px 0 0; } .e-ddt-icon-hide { display: none; } .e-bigger .e-ddt .e-chips, .e-ddt.e-bigger .e-chips { height: 31px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { right: 20px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 3px; } .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon, .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon { min-height: 26px; } .e-bigger .e-ddt .e-overflow.e-show-text, .e-ddt.e-bigger .e-overflow.e-show-text { padding: 8px 0 0 0; } .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-ddt.e-bigger.e-outline .e-overflow.e-show-text { padding: 15px 16px; } .e-bigger .e-ddt.e-outline .e-overflow.e-total-count, .e-ddt.e-bigger.e-outline .e-overflow.e-total-count { padding: 15px 16px; } .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon { right: 36px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow { padding: 8px 15px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain { padding-top: 10px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count { padding-top: 10px; } .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper, .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper { padding: 8px 15px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { line-height: 30px; padding: 19px 12px 0 0; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count { padding-top: 14px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon { padding-top: 8px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon { bottom: 12px; right: 12px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon { bottom: 11px; right: 44px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { bottom: 14px; right: 12px; } .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled .e-overflow .e-chips, .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled .e-overflow .e-chips { margin-top: 8px; padding: 0 8px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow { padding-top: 19px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips { height: 24px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text { line-height: 55px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count { line-height: 55px; padding-top: 0; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips { height: 32px; padding: 0 12px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent { font-size: 14px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before { font-size: 16px; height: 16px; width: 16px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon { bottom: 16px; right: 12px; } .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon, .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { bottom: 15px; right: 44px; } .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 20px; max-width: calc(100% - 21px); } .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-right: 32px; max-width: calc(100% - 33px); } .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-right: 52px; max-width: calc(100% - 53px); } .e-bigger .e-ddt.e-popup .e-selectall-parent, .e-ddt.e-bigger.e-popup .e-selectall-parent { text-indent: 43px; } .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow, .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow { height: 44px; } .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-text .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon.e-show-chip .e-clear-icon { left: 36px; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text { padding: 19px 0 0 12px; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon { left: 12px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon { left: 44px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus) .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon:not(.e-input-focus):not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon { left: 12px; right: auto; } .e-bigger .e-ddt.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon { left: 44px; right: auto; } .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 20px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child { margin-left: 32px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child, .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child { margin-left: 52px; margin-right: 1px; } .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon { left: 20px; right: auto; } .e-ddt .e-chips { background-color: #eee; } .e-ddt .e-chips .e-chips-close::before { color: rgba(0, 0, 0, 0.54); } .e-ddt .e-chips > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-ddt .e-chips:hover { background-color: #d6d6d6; } .e-ddt .e-chips:hover > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-ddt.e-filled .e-chips { background-color: #cecece; } .e-ddt .e-overflow .e-remain { color: rgba(0, 0, 0, 0.54); } .e-ddt.e-popup { background: #fff; border-color: transparent; } .e-ddt.e-popup .e-popup-content.e-no-data { color: #000; } .e-ddt.e-popup .e-selectall-parent { border-bottom-color: rgba(0, 0, 0, 0.12); } .e-ddt.e-popup .e-selectall-parent .e-all-text { color: rgba(0, 0, 0, 0.87); } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-multiselect.e-input-group .e-ddl-icon::before { content: '\e969'; font-family: 'e-icons'; } .e-multi-select-wrapper .e-chips .e-chips-close::before { content: '\e7e9'; cursor: pointer; left: 0; position: relative; top: 0; } .e-multi-select-wrapper .e-close-hooker::before { content: '\e7a7'; cursor: pointer; left: 6px; position: relative; top: 6px; } .e-multiselect.e-input-group .e-ddl-disable-icon::before { content: ''; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -38px; right: 18px; top: 100%; width: 16px; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -35px; right: 18px; top: 100%; width: 16px; } .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 52px; } .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 52px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 38px; margin-top: -55px; right: 12px; top: 100%; width: 18px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 48px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 54px; margin-top: -55px; right: 16px; top: 100%; width: 20px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 60px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 34px; margin-top: -35px; right: 16px; top: 100%; width: 14px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { right: 48px; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 52px; right: auto; } .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 48px; right: auto; } .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 60px; right: auto; } .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker, .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker { left: 48px; right: auto; } .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 16px; height: 16px; margin-top: -8px; top: 50%; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 14px; height: 14px; margin-top: -7px; top: 50%; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 20px; height: 20px; left: 0; margin-top: -10px; top: 50%; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before { content: '\e208'; font-size: 18px; height: 18px; left: 0; margin-top: -9px; top: 50%; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 13px; } .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 16px; } .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 7px 12px 9px 0; } .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 16px 10px 0; } .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 10px 8px 0; } .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 12px 8px 0; } .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 7px 0 9px 12px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 0 10px 16px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 0 8px 10px; } .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 6px 0 8px 12px; } .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 20px; margin-top: -33px; right: 18px; width: 20px; } .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { height: 20px; margin-top: -35px; right: 45px; width: 20px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -32px; } .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 18px; margin: -29px 0 8px; width: 18px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { height: 24px; width: 24px; } .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -26px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -40px; } .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker { margin-top: -32px; right: 40px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker { margin-top: -44px; } .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 14px; width: 14px; } .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 16px; width: 16px; } .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 10px; width: 10px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 12px; height: 12px; width: 12px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 10px; height: 10px; width: 10px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; height: 14px; width: 14px; } .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { content: '\e208'; font-size: 16px; height: 16px; padding: 0; text-align: center; vertical-align: middle; width: 16px; } .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before, .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before { font-size: 20px; height: 20px; width: 20px; } .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 10px; right: auto; } .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 6px; right: auto; } .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 12px; right: auto; } .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 10px 0 9px; } .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0 8px 8px 0; padding: 0; } .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 18px; margin: 7px 0 2px; width: 18px; } .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 24px; margin: 12px -4px 8px -1px; padding: 0; width: 24px; } .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0 12px 4px 0; } .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { margin: 0; } .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 20px; margin: 0 0 8px; padding: 0; width: 20px; } .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 16px; height: 16px; width: 16px; } .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 14px; height: 14px; width: 14px; } .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 20px; height: 20px; width: 20px; } .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before { font-size: 18px; height: 18px; width: 18px; } .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon { height: 24px; margin: 7px -4px 8px -1px; padding: 0; width: 24px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before { content: ''; } .e-multi-select-wrapper { box-sizing: border-box; cursor: text; line-height: normal; min-height: 30px; padding: 0 32px 0 0; position: relative; -webkit-user-select: none; user-select: none; width: 100%; } .e-multi-select-wrapper.e-delimiter .e-searcher { height: 27px; vertical-align: middle; } .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase { height: 100%; min-height: 100%; } .e-multi-select-wrapper .e-delim-view { white-space: nowrap; } .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total { box-sizing: border-box; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { color: #fff; font-size: 16px; left: 12px; top: 0; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { background-color: #3f51b5; color: #fff; padding: 12px 4px 11px 0; } .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box), .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) { width: 0; } .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'], .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] { height: 1px; min-height: 1px; } .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent { max-width: 100%; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher { display: flex; float: left; width: auto; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher { display: inline-flex; float: none; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box), .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) { width: 0; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide, .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide, .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide { display: none; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon { padding: 0 48px 0 0; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values { align-items: center; display: inline; max-width: 100%; word-break: break-word; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { align-items: center; cursor: pointer; display: none; flex-direction: row; margin-top: -2.5em; outline: 0; padding: 0; position: absolute; right: 5px; top: 100%; } .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { display: flex; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { margin-right: 0; margin-top: -2.1em; right: 0; } .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter { top: -1px; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon { font-size: 10px; height: 24px; width: 24px; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher { float: right; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon { left: 0; right: auto; } .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon, .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon { padding: 0 0 0 48px; } .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon { margin-top: -2.5em; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled, .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled { opacity: .7; pointer-events: none; } .e-multiselect.e-input-group, .e-multiselect.e-float-input { word-wrap: initial; } .e-multiselect.e-input-group .e-searcher .e-label-top, .e-multiselect.e-input-group .e-multi-searcher .e-label-top { top: 15px; } .e-bigger .e-multi-select-wrapper { min-height: 37px; } .e-multi-select-wrapper.e-close-icon-hide { padding-right: 0; } .e-multi-select-wrapper .e-chips-collection { cursor: default; display: block; } .e-multi-select-wrapper .e-multi-hidden { border: 0; height: 0; position: absolute; visibility: hidden; width: 0; } .e-multi-select-wrapper .e-chips { align-items: center; display: inline-flex; float: left; margin: 0 8px 6px 0; max-width: 100%; overflow: hidden; padding: 0 4px 0 8px; text-overflow: ellipsis; white-space: nowrap; } .e-bigger .e-multi-select-wrapper .e-chips { margin: 0 8px 6px 0; } .e-multi-select-wrapper .e-chips > .e-chipcontent { max-width: 100%; overflow: hidden; padding: 0 4px 0 0; text-indent: 0; text-overflow: ellipsis; white-space: nowrap; } .e-multi-select-wrapper.e-delimiter .e-searcher { display: inline-block; float: none; } .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent, .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 8px 4px 8px 0; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent, .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 8px 0 8px 4px; } .e-multi-select-wrapper .e-chips-close { align-self: center; display: flex; float: right; font-family: 'e-icons'; height: 16px; margin: 0 0 0; width: 16px; } .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close { margin: 3px 0 0; } .e-multi-select-wrapper .e-chips-close.e-close-hooker { cursor: default; font-size: 10px; height: 24px; margin-top: -2.5em; position: absolute; right: 5px; top: 100%; width: 24px; } .e-multiselect .e-down-icon .e-chips-close.e-close-hooker, .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon { right: 22px; } .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon { left: 22px; right: auto; } .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker { margin-top: -3em; } .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -3em; } .e-multi-select-wrapper input[type='text'] { background: none; border: 0; font-family: inherit; font-size: 13px; font-weight: 400; height: 28px; min-height: 28px; outline: none; padding: 0; text-indent: 0; } .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] { background: none; border: 0; color: inherit; font-family: inherit; font-size: 14px; font-weight: 400; height: 28px; min-height: 28px; outline: none; padding: 0; text-indent: 0; } .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] { padding: 5px; } .e-bigger .e-multi-select-wrapper input[type='text'], .e-multi-select-wrapper.e-mob-wrapper input[type='text'] { height: 28px; min-height: 28px; } .e-bigger .e-multi-select-wrapper input[type='text'] { height: 34px; min-height: 34px; } .e-multi-select-wrapper input[type='text']::-ms-clear { display: none; } .e-multi-select-wrapper .e-searcher { display: block; float: left; width: auto; } .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 38px); } .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 30px); } .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 38px); } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 30px); } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width { width: calc(100% - 32px); } .e-multi-select-wrapper .e-delim-values { font-family: inherit; font-size: 14px; line-height: 28px; max-width: 100%; padding-left: 0; padding-right: 6px; vertical-align: middle; } .e-bigger .e-multi-select-wrapper .e-delim-values { line-height: 34px; padding-left: 0; } .e-multi-select-list-wrapper .e-hide-listitem, .e-multi-select-list-wrapper .e-hide-group-header { display: none; } .e-multi-select-wrapper .e-delim-values .e-remain { color: rgba(0, 0, 0, 0.54); cursor: pointer; display: inline-block; font-size: 13px; padding-left: 16px; } .e-multiselect.e-disabled .e-multi-select-wrapper, .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before { cursor: not-allowed; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { height: 40px; left: 0; margin: 0 0 0 0; margin-left: auto; position: relative; top: 0; width: 40px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { align-self: center; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21); display: inline-flex; padding: 0 0 0 16px; width: 92%; } .e-multi-select-wrapper .e-ddl-disable-icon::before { content: ''; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher { float: none; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide { padding-left: 0; } .e-multiselect.e-rtl .e-multi-select-wrapper { padding: 0 2px 0 32px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { left: -12px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { margin: 0; margin-right: auto; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher { float: right; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips { float: right; margin: 0 0 8px 8px; padding: 0 8px 0 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent { padding: 5px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close { float: left; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before { left: 0; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip { padding: 0 4px 0 8px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent { padding: 8px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { padding: 0 8px 0 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { padding: 12px 4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker { left: 22px; position: absolute; right: auto; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before { left: -4px; } .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain { padding-right: 16px; } .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker { left: 19px; } .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before { left: -7px; } .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper { padding-left: 14px; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper { padding-right: 25px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper { padding-right: 25px; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item { padding-right: 0; } .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item { padding-right: 0; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item { padding-left: 16px; } .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper { padding-left: 14px; } .e-multi-select-list-wrapper .e-selectall-parent { cursor: pointer; display: block; line-height: 36px; overflow: hidden; padding-right: 16px; position: relative; text-indent: 17px; white-space: nowrap; width: 100%; } .e-rtl .e-multi-select-list-wrapper .e-selectall-parent, .e-multi-select-list-wrapper.e-rtl .e-selectall-parent { padding-left: 16px; padding-right: 0; } .e-multi-select-list-wrapper .e-selectall-parent .e-all-text { color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 14px; } .e-bigger .e-multi-select-list-wrapper .e-selectall-parent { font-size: 13px; line-height: 48px; text-indent: 17px; } .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper { bottom: 1px; margin-right: 10px; position: relative; text-indent: 0; vertical-align: middle; } .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper { bottom: 1px; margin-right: 12px; } .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper { margin-left: 12px; margin-right: 0; } .e-multiselect .e-input-group-icon.e-ddl-icon { float: right; margin-top: 6px; } .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon { float: left; } .e-multiselect .e-ddl-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-multiselect.e-icon-anim .e-ddl-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-multiselect.e-checkbox .e-multi-select-wrapper, .e-multiselect .e-multi-select-wrapper.e-down-icon { padding: 0; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter, .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter { padding: 8px; } .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter, .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus { padding: 4px 0; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon, .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon { padding-left: 8px; padding-right: 8px; } .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon { padding: 0 8px; } .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values { line-height: 34px; } .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain { line-height: 20px; padding-left: 10px; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame, .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame { opacity: .3; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable, .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable { opacity: .7; } .e-multi-select-wrapper input[readonly='true'] { pointer-events: none; } .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher { pointer-events: none; } ejs-multiselect { display: block; } .e-small .e-multi-select-list-wrapper .e-selectall-parent { line-height: 26px; } .e-small .e-multi-select-wrapper .e-chips-close { height: 14px; width: 14px; } .e-small .e-multi-select-wrapper { min-height: 24px; } .e-small .e-multi-select-wrapper input[type='text'] { height: 26px; min-height: 26px; } .e-small .e-multi-select-wrapper .e-delim-values { font-size: 12px; line-height: 26px; } .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -2.5em; } .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent { line-height: 40px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips-close { height: 16px; width: 16px; } .e-bigger.e-small .e-multi-select-wrapper { min-height: 28px; } .e-bigger.e-small .e-multi-select-wrapper input[type='text'] { height: 28px; min-height: 28px; } .e-small.e-bigger .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 28px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { margin-top: -2.5em; right: 5px; } .e-content-placeholder.e-multiselect.e-placeholder-multiselect { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect, .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect { background-size: 300px 40px; min-height: 40px; } .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { color: inherit; font-size: inherit; min-height: 34px; padding: 8px 12px 9px; } .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 8px 12px 9px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 30px; padding: 7px 10px; } .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 7px 10px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 34px; padding: 8px 12px 9px; } .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] { padding: 8px 12px 9px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] { font-size: inherit; min-height: 40px; } .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 40px; padding: 7px 42px 7px 0; } .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-small.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 30px; padding: 3px 38px 1px 0; } .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-multiselect.e-outline .e-multi-select-wrapper { min-height: 34px; padding: 3px 38px 1px 0; } .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon { padding-right: 0; } .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon { padding-left: 0; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { padding: 3px 0 1px 38px; } .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper { padding: 7px 0 7px 42px; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide { padding-left: 0; } .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide { padding-right: 0; } .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 34px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 40px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 30px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher { height: 34px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 34px; padding: 0 0 0 12px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 16px; line-height: 40px; padding: 0 0 0 16px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 30px; padding: 0 0 0 8px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 34px; padding: 0 0 0 12px; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 12px 0 0; } .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 16px 0 0; } .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 8px 0 0; } .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values, .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values { padding: 0 12px 0 0; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 26px; margin: 4px 0 4px 8px; padding: 0 8px; } .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips { margin: 4px 8px 4px 0; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 32px; padding: 0 12px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 24px; padding: 0 8px; } .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips { height: 26px; padding: 0 8px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 8px 0 0; } .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 0 0 8px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 14px; } .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { align-items: normal; } .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 14px; } .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 16px; } .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 13px; } .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain { font-size: 14px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding: 0 12px 0 8px; } .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper, .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding: 3px 12px 0 4px; } .e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper { padding: 0; } .e-filled.e-float-input .e-multi-select-wrapper, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper { padding: 11px 12px 0; } .e-small.e-filled.e-float-input .e-multi-select-wrapper, .e-small .e-filled.e-float-input .e-multi-select-wrapper { padding: 12px 12px 0 8px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper { padding: 19px 12px 0 16px; } .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper { padding-top: 3px; } .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper, .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper { padding: 0; } .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 39px; padding-right: 10px; } .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 32px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'], .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] { height: 22px; min-height: 22px; padding: 2px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] { min-height: 52px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'], .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] { min-height: 36px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 39px; } .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 32px; } .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 22px; } .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher { height: 52px; } .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 36px; } .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher, .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher { height: 28px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'], .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] { padding: 5px 0; } .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase, .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase { min-height: 28px; } .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 39px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 14px; line-height: 28px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 16px; line-height: 52px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { line-height: 36px; } .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values, .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { font-size: 13px; line-height: 32px; } .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values, .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values { line-height: 22px; } .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 28px; } .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 24px; } .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 32px; } .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip { height: 24px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips { height: 18px; } .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { margin: 8px 8px 0 0; padding: 0 8px; } .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { margin: 8px 0 0 8px; padding: 0 8px; } .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips { padding-left: 8px; } .e-small .e-filled .e-multi-select-wrapper .e-chips, .e-small.e-filled .e-multi-select-wrapper .e-chips { height: 16px; margin: 4px 4px 0 0; padding-right: 8px; } .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips { margin: 4px 0 0 4px; } .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips, .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips { height: 24px; } .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close, .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close { height: 12px; width: 12px; } .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; padding: 0 8px 0 0; } .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; padding: 0 4px 0 0; } .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { padding: 0 0 0 4px; } .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 10px; } .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent { font-size: 13px; padding-right: 4px; } .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 14px; } .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger.e-filled .e-multi-select-wrapper .e-chips, .e-bigger .e-filled .e-multi-select-wrapper .e-chips { padding: 0 12px; } .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips, .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips { padding-right: 8px; } .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon { height: 38px; margin-top: -38px; right: 12px; top: 100%; width: 16px; } .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon, .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon, .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon { display: none; } .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before { color: #fff; } .e-multi-select-wrapper .e-chips.e-chip-selected { background-color: #757575; } .e-multi-select-wrapper .e-chips.e-chip-selected:hover { background-color: #757575; } .e-multiselect { box-sizing: border-box; } .e-multi-select-wrapper .e-chips > .e-chipcontent { -webkit-text-fill-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); font-family: inherit; font-size: 13px; } .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent { color: #fff; } .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover { color: #fff; } .e-multi-select-wrapper .e-chips { background-color: #eee; border-radius: 16px; height: 24px; } .e-multi-select-wrapper .e-chips:hover { background-color: #eee; } .e-multi-select-wrapper .e-chips > .e-chipcontent:hover { color: rgba(0, 0, 0, 0.87); } .e-multi-select-wrapper .e-chips .e-chips-close::before { -webkit-text-fill-color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54); font-size: 16px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { background-color: #3f51b5; border-radius: 2px; color: #fff; height: 40px; line-height: 40px; } .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { color: #fff; } .e-multi-select-wrapper .e-chips.e-mob-chip, .e-bigger .e-multi-select-wrapper .e-chips { height: 28px; } .e-popup.e-multi-select-list-wrapper { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); box-sizing: content-box; overflow: initial; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active { border-bottom: 1px solid transparent; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #fff; } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus { color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus { color: rgba(0, 0, 0, 0.87); } .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover { background-color: #eee; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover { background-color: #eee; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child { border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child { border-bottom: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active { border-top: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus { background-color: #e0e0e0; border: 1px solid transparent; box-shadow: none; color: #e3165b; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus { background-color: #e0e0e0; border: 1px solid transparent; box-shadow: none; color: #e3165b; } .e-popup.e-multi-select-list-wrapper .e-list-item { border: 1px solid transparent; } .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item { border: 1px solid transparent; } .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-ul.e-reorder { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-multi-select-list-wrapper .e-selectall-parent { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-multi-select-wrapper .e-delim-values { -webkit-text-fill-color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); } .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: #000; } .e-small .e-multi-select-wrapper .e-chips { height: 20px; } .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 12px; } .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 14px; } .e-small .e-multi-select-wrapper .e-close-hooker::before { left: 6px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips { height: 22px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent { font-size: 13px; } .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before { font-size: 16px; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips { background-color: #e0e0e0; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips { background-color: #cecece; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover { background-color: #d6d6d6; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover { background-color: #cecece; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected { background-color: #c7c7c7; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover { background-color: #c7c7c7; } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: rgba(0, 0, 0, 0.54); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before, .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before { color: rgba(0, 0, 0, 0.54); } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before { color: #fff; } .e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before, .e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before { color: rgba(0, 0, 0, 0.87); } .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain { color: rgba(0, 0, 0, 0.6); } .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before, .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker { color: rgba(0, 0, 0, 0.38); } .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.42); } .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips { background-color: #f5f5f5; } .e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected { background-color: #3f51b5; border-radius: 4px; box-sizing: border-box; color: #fff; height: 40px; line-height: 40px; margin-left: 0; margin-right: 0; width: 100%; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close { width: 33px; } .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent, .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent { color: #fff; } .e-listbox-tool .e-moveup::before { content: '\e651'; } .e-listbox-tool .e-movedown::before { content: '\e652'; } .e-listbox-tool .e-moveto::before { content: '\e653'; } .e-listbox-tool .e-movefrom::before { content: '\e654'; } .e-listbox-tool .e-moveallto::before { content: '\e655'; } .e-listbox-tool .e-moveallfrom::before { content: '\e656'; } .e-listbox-wrapper, .e-listbox-container { -webkit-overflow-scrolling: touch; box-sizing: border-box; cursor: pointer; display: block; position: relative; -webkit-user-select: none; user-select: none; width: 100%; } .e-listbox-wrapper *, .e-listbox-container * { box-sizing: border-box; } .e-listbox-wrapper:focus, .e-listbox-container:focus { outline: none; } .e-listbox-wrapper.e-disabled, .e-listbox-container.e-disabled { cursor: default; pointer-events: none; } .e-listbox-wrapper:not(.e-list-template) .e-list-nrt, .e-listbox-container:not(.e-list-template) .e-list-nrt { text-align: center; } .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-listbox-wrapper .e-list-nrt, .e-listbox-wrapper .e-selectall-parent, .e-listbox-container:not(.e-list-template) .e-list-item, .e-listbox-container .e-list-nrt, .e-listbox-container .e-selectall-parent { height: 36px; line-height: 1; padding: 11px 16px; position: relative; } .e-listbox-wrapper.e-filter-list, .e-listbox-container.e-filter-list { overflow: inherit; } .e-listbox-wrapper .e-list-parent, .e-listbox-container .e-list-parent { height: 100%; min-height: 36px; } .e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item { border-bottom: 0 solid; outline: none; } .e-listbox-wrapper .e-list-item.e-disabled, .e-listbox-container .e-list-item.e-disabled { pointer-events: none; } .e-listbox-wrapper .e-disable, .e-listbox-container .e-disable { opacity: .7; } .e-listbox-wrapper .e-list-parent, .e-listbox-container .e-list-parent { margin: 0; padding: 0; } .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-container .e-list-header .e-text.header { display: none; } .e-listbox-wrapper .e-icon-back, .e-listbox-container .e-icon-back { margin-top: 2px; } .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header, .e-listbox-container .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-listbox-wrapper .e-list-header, .e-listbox-container .e-list-header { align-items: center; border-bottom: 1px solid; display: flex; font-weight: bold; height: 48px; padding: 0 16px; } .e-listbox-wrapper .e-has-header > .e-view, .e-listbox-container .e-has-header > .e-view { top: 45px; } .e-listbox-wrapper .e-but-back, .e-listbox-container .e-but-back { cursor: pointer; padding-right: 30px; } .e-listbox-wrapper .e-list-group-item:first-child, .e-listbox-container .e-list-group-item:first-child { border: 0; border-bottom: 0 solid transparent; } .e-listbox-wrapper .e-list-group-item, .e-listbox-container .e-list-group-item { border-bottom: 0 solid transparent; border-top: 1px solid; font-weight: 600; height: 36px; line-height: 36px; padding: 0 16px; } .e-listbox-wrapper .e-icon-collapsible, .e-listbox-container .e-icon-collapsible { cursor: pointer; font-size: 12px; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); } .e-listbox-wrapper .e-text-content, .e-listbox-container .e-text-content { height: 100%; position: relative; vertical-align: middle; } .e-listbox-wrapper .e-text-content *, .e-listbox-container .e-text-content * { display: inline-block; vertical-align: middle; } .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text, .e-listbox-container .e-text-content.e-checkbox .e-list-text { width: calc(100% - 40px); } .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text, .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text { width: calc(100% - 90px); } .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text, .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 80px); } .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text, .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text { width: calc(100% - 92px); } .e-listbox-wrapper .e-checkbox .e-checkbox-left, .e-listbox-container .e-checkbox .e-checkbox-left { margin: -2px 10px 0 0; } .e-listbox-wrapper .e-checkbox .e-checkbox-right, .e-listbox-container .e-checkbox .e-checkbox-right { margin: -2px 0 0 10px; } .e-listbox-wrapper .e-list-text, .e-listbox-container .e-list-text { cursor: pointer; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; width: 100%; } .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-container .e-list-icon + .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-container .e-icon-wrapper .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text, .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text { width: calc(100% - 60px); } .e-listbox-wrapper .e-list-icon, .e-listbox-container .e-list-icon { height: 30px; margin-right: 16px; width: 30px; } .e-listbox-wrapper .e-content, .e-listbox-container .e-content { overflow: hidden; position: relative; } .e-listbox-wrapper .e-list-header .e-text, .e-listbox-container .e-list-header .e-text { cursor: pointer; text-indent: 0; } .e-listbox-wrapper .e-text .e-headertext, .e-listbox-container .e-text .e-headertext { display: inline-block; line-height: inherit; } .e-listbox-wrapper.e-rtl, .e-listbox-container.e-rtl { direction: rtl; } .e-listbox-wrapper.e-rtl .e-list-icon, .e-listbox-container.e-rtl .e-list-icon { margin-left: 16px; margin-right: 0; } .e-listbox-wrapper.e-rtl .e-icon-collapsible, .e-listbox-container.e-rtl .e-icon-collapsible { left: 0%; right: initial; top: 50%; transform: translateY(-50%) rotate(180deg); } .e-listbox-wrapper.e-rtl .e-list-header .e-text, .e-listbox-container.e-rtl .e-list-header .e-text { cursor: pointer; } .e-listbox-wrapper.e-rtl .e-but-back, .e-listbox-container.e-rtl .e-but-back { transform: rotate(180deg); } .e-listbox-wrapper.e-rtl .e-icon-back, .e-listbox-container.e-rtl .e-icon-back { margin-top: -2px; } .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left, .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left { margin: -2px 0 0 10px; } .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right, .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right { margin: -2px 10px 0 0; } .e-listbox-wrapper.e-rtl .e-checkbox-wrapper, .e-listbox-container.e-rtl .e-checkbox-wrapper { margin: -2px 0 0 10px; } .e-listbox-wrapper .e-checkbox-wrapper, .e-listbox-container .e-checkbox-wrapper { margin: -2px 10px 0 0; text-indent: 0; vertical-align: middle; } .e-listbox-wrapper.e-right .e-checkbox-wrapper, .e-listbox-container.e-right .e-checkbox-wrapper { position: absolute; right: 0; top: 30%; } .e-listbox-wrapper .e-input-group, .e-listbox-container .e-input-group { padding: 4px 8px; } .e-listbox-wrapper .e-input-focus, .e-listbox-container .e-input-focus { padding: 4px 4px 4px 8px; } .e-listbox-wrapper .e-hidden-select, .e-listbox-container .e-hidden-select { height: 1px; opacity: 0; position: absolute; width: 100%; } .e-listbox-wrapper .e-placeholder, .e-listbox-container .e-placeholder { background-color: #e3165b; display: block; height: 1px; } ejs-listbox { display: block; } .e-listbox-wrapper:not(.e-listbox-container) { overflow: auto; } .e-listbox-wrapper.e-filter-list { overflow: inherit; } .e-listbox-wrapper.e-filter-list.e-list-parent { overflow: auto; } .e-listbox-wrapper.e-sortableclone, .e-listbox-container.e-sortableclone { border-width: 0; overflow: visible; } .e-listbox-wrapper.e-sortableclone .e-list-item, .e-listbox-container.e-sortableclone .e-list-item { list-style-type: none; } .e-listbox-wrapper.e-sortableclone .e-ripple, .e-listbox-container.e-sortableclone .e-ripple { overflow: visible; } .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element, .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element { display: none; } .e-listbox-wrapper.e-sortableclone .e-list-badge, .e-listbox-container.e-sortableclone .e-list-badge { align-items: center; background-color: #e3165b; border: 1px solid #fff; border-radius: 50%; color: #fff; display: flex; font-size: 12px; height: 22px; justify-content: center; position: absolute; right: -10px; top: -10px; width: 22px; } .e-listboxtool-wrapper, .e-listboxtool-container { cursor: pointer; display: flex; } .e-listboxtool-wrapper *, .e-listboxtool-container * { box-sizing: border-box; } .e-listboxtool-wrapper.e-disabled, .e-listboxtool-container.e-disabled { cursor: default; pointer-events: none; } .e-listboxtool-wrapper .e-listbox-wrapper, .e-listboxtool-container .e-listbox-wrapper { flex: 1; } .e-listboxtool-wrapper.e-right .e-listbox-tool, .e-listboxtool-container.e-right .e-listbox-tool { margin-left: 15px; } .e-listboxtool-wrapper.e-left .e-listbox-tool, .e-listboxtool-container.e-left .e-listbox-tool { margin-right: 15px; } .e-listboxtool-wrapper .e-listbox-tool, .e-listboxtool-container .e-listbox-tool { border: 1px solid #e0e0e0; overflow: auto; padding: 8px; } .e-listboxtool-wrapper .e-listbox-tool .e-btn, .e-listboxtool-container .e-listbox-tool .e-btn { display: list-item; list-style-type: none; margin-bottom: 10px; } .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool, .e-rtl.e-listboxtool-container.e-right .e-listbox-tool { margin-right: 15px; } .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool, .e-rtl.e-listboxtool-container.e-left .e-listbox-tool { margin-left: 15px; } .e-bigger .e-listbox-wrapper .e-list-item, .e-listbox-wrapper.e-bigger .e-list-item, .e-bigger .e-listbox-container .e-list-item, .e-listbox-container.e-bigger .e-list-item { border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; } .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-wrapper .e-selectall-parent, .e-bigger .e-listbox-wrapper .e-list-group-item, .e-bigger .e-listbox-wrapper .e-list-header, .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-wrapper.e-bigger .e-selectall-parent, .e-listbox-wrapper.e-bigger .e-list-group-item, .e-listbox-wrapper.e-bigger .e-list-header, .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-container .e-selectall-parent, .e-bigger .e-listbox-container .e-list-group-item, .e-bigger .e-listbox-container .e-list-header, .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-container.e-bigger .e-selectall-parent, .e-listbox-container.e-bigger .e-list-group-item, .e-listbox-container.e-bigger .e-list-header { padding: 12px 16px; } .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-wrapper .e-selectall-parent, .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-wrapper.e-bigger .e-selectall-parent, .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item, .e-bigger .e-listbox-container .e-selectall-parent, .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item, .e-listbox-container.e-bigger .e-selectall-parent { height: 48px; line-height: 1.6; position: relative; } .e-bigger .e-listbox-wrapper .e-list-parent, .e-listbox-wrapper.e-bigger .e-list-parent, .e-bigger .e-listbox-container .e-list-parent, .e-listbox-container.e-bigger .e-list-parent { min-height: 48px; } .e-bigger .e-listbox-wrapper .e-text-content, .e-listbox-wrapper.e-bigger .e-text-content, .e-bigger .e-listbox-container .e-text-content, .e-listbox-container.e-bigger .e-text-content { font-size: 15px; } .e-bigger .e-listbox-wrapper .e-list-group-item, .e-listbox-wrapper.e-bigger .e-list-group-item, .e-bigger .e-listbox-container .e-list-group-item, .e-listbox-container.e-bigger .e-list-group-item { height: 48px; line-height: 45px; } .e-bigger .e-listbox-wrapper .e-list-header, .e-listbox-wrapper.e-bigger .e-list-header, .e-bigger .e-listbox-container .e-list-header, .e-listbox-container.e-bigger .e-list-header { align-items: center; display: flex; font-weight: bold; height: 64px; } .e-bigger .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper.e-bigger .e-list-header .e-text.header, .e-bigger .e-listbox-container .e-list-header .e-text.header, .e-listbox-container.e-bigger .e-list-header .e-text.header { display: none; } .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header, .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header, .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header, .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header { display: none; } .e-bigger .e-listbox-wrapper .e-list-header .e-text, .e-listbox-wrapper.e-bigger .e-list-header .e-text, .e-bigger .e-listbox-container .e-list-header .e-text, .e-listbox-container.e-bigger .e-list-header .e-text { font-size: 20px; } .e-small .e-listbox-wrapper.e-filter-list .e-list-parent, .e-small .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 45px); } .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent, .e-bigger .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 55px); } .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent, .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 45px); } .e-listbox-wrapper, .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone), .e-listboxtool-container.e-listbox-container .e-ul { border: 1px solid #e0e0e0; } .e-listbox-wrapper, .e-listbox-container { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 15px; } .e-listbox-wrapper .e-list-header, .e-listbox-container .e-list-header { background-color: #fff; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); font-size: 20px; } .e-listbox-wrapper.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-list-parent { height: calc(100% - 47px); } .e-listbox-wrapper.e-select-all .e-list-parent, .e-listbox-container.e-select-all .e-list-parent { height: calc(100% - 36px); } .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent, .e-listbox-container.e-filter-list.e-select-all .e-list-parent { height: calc(100% - 79px); } .e-listbox-wrapper .e-icons, .e-listbox-container .e-icons { color: rgba(0, 0, 0, 0.54); } .e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item { background-color: #fff; border-bottom: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 solid transparent; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) { background-color: #eee; border-color: transparent; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-selected, .e-listbox-container .e-list-item.e-selected { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-selected.e-checklist, .e-listbox-container .e-list-item.e-selected.e-checklist { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-container .e-list-item.e-focused, .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: #e3165b; border-color: transparent; color: #fff; } .e-listbox-wrapper .e-list-group-item, .e-listbox-container .e-list-group-item { background-color: #fafafa; border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); font-size: 15px; } .e-listbox-wrapper .e-selectall-parent, .e-listbox-container .e-selectall-parent { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element, .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element { background-color: transparent; } .e-listbox-wrapper.e-list-template .e-list-wrapper, .e-listbox-container.e-list-template .e-list-wrapper { height: inherit; position: relative; } .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line), .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) { padding: 0.2667em 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line { padding: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header { color: rgba(0, 0, 0, 0.87); display: block; font-size: 15px; font-weight: 500; margin: 0; overflow: hidden; padding: 0.115em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content { color: rgba(0, 0, 0, 0.54); display: block; font-size: 13px; margin: 0; padding: 0.115em 0; word-wrap: break-word; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow), .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { height: 2.6667em; left: 1.0667em; position: absolute; top: 0.2666em; width: 2.6667em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge), .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { height: 2.6667em; position: absolute; right: 1.0667em; top: 0.2666em; width: 2.6667em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar { top: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar { top: 1.0666em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge, .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge { font-size: 12px; height: 1.6666em; line-height: 1.8666em; padding: 0; position: absolute; right: 1.33em; top: 50%; transform: translateY(-50%); width: 2.5em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar, .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.8em; padding-right: 4.1333em; } .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar), .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 1.0666em; padding-right: 4.1333em; } .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content, .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content { display: block; margin: 0; overflow: hidden; padding: 0.72em 0; text-overflow: ellipsis; white-space: nowrap; } .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content, .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content, .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content { color: rgba(0, 0, 0, 0.87); } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar { left: inherit; right: 1.0667em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) { padding-left: 1.0666em; padding-right: 4.8em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) { padding-left: 4.8em; padding-right: 1.0666em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar { left: 1.0667em; right: inherit; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge { left: 1.33em; right: inherit; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar, .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar { padding-left: 4.1333em; padding-right: 4.8em; } .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar), .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) { padding-left: 4.1333em; padding-right: 1.0666em; } /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@syncfusion/ej2-angular-grids/styles/material.css (1) ***! \************************************************************************************************************************************************************************************************************************************************************/ /*! component icons */ .e-pager .e-icon-last::before, .e-grid-menu .e-icon-last::before { content: '\e897'; } .e-pager .e-icon-first::before, .e-grid-menu .e-icon-first::before { content: '\e896'; } .e-pager .e-icon-prev::before, .e-grid-menu .e-icon-prev::before { content: '\e904'; } .e-pager .e-icon-next::before, .e-grid-menu .e-icon-next::before { content: '\e913'; } .e-pager.e-rtl .e-icon-last.e-lastpage::before, .e-pager.e-rtl .e-icon-last.e-lastpage:hover, .e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before, .e-grid-menu.e-rtl .e-icon-last.e-lastpage::before, .e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover, .e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before { content: '\e896'; } .e-pager.e-rtl .e-icon-first.e-firstpage::before, .e-pager.e-rtl .e-icon-first.e-firstpage:hover, .e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before, .e-grid-menu.e-rtl .e-icon-first.e-firstpage::before, .e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover, .e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before { content: '\e897'; } .e-pager.e-rtl .e-icon-prev.e-prevpage::before, .e-pager.e-rtl .e-icon-prev.e-prevpage:hover, .e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before, .e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before, .e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover, .e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before { content: '\e913'; } .e-pager.e-rtl .e-icon-next.e-nextpage::before, .e-pager.e-rtl .e-icon-next.e-nextpage:hover, .e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before, .e-grid-menu.e-rtl .e-icon-next.e-nextpage::before, .e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover, .e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before { content: '\e904'; } /*! Pager layout */ .e-bigger .e-pager, .e-pager.e-bigger { font-size: 13px; padding: 4px 0 2px; } .e-bigger .e-pager div.e-icons, .e-pager.e-bigger div.e-icons { font-size: 13px; } .e-bigger .e-pager div.e-parentmsgbar, .e-pager.e-bigger div.e-parentmsgbar { padding-bottom: 8px; padding-right: 24px; padding-top: 15px; } .e-bigger .e-pager .e-pagerdropdown, .e-pager.e-bigger .e-pagerdropdown { height: 40px; margin: -40px 0 0 16px; margin-top: -22px; } .e-bigger .e-pager .e-pagerconstant, .e-pager.e-bigger .e-pagerconstant { margin-bottom: 15px; margin-left: 16px; } .e-bigger .e-pager .e-pagercontainer, .e-pager.e-bigger .e-pagercontainer { margin: 5px 8px 5px 24px; } .e-bigger .e-pager.e-rtl .e-pagercontainer, .e-pager.e-bigger.e-rtl .e-pagercontainer { margin: 5px 0 5px 0; } @media (max-width: 769px) { .e-bigger .e-pager, .e-pager.e-bigger { padding: 19px 0; } .e-bigger .e-pager.e-rtl div.e-parentmsgbar, .e-pager.e-bigger.e-rtl div.e-parentmsgbar { margin-right: 0; } .e-bigger .e-pager div.e-parentmsgbar, .e-pager.e-bigger div.e-parentmsgbar { padding: 0; } } .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default, .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 12px; } .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default, .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 0; margin-right: 12px; } .e-bigger .e-pager.e-rtl div.e-parentmsgbar, .e-pager.e-bigger.e-rtl div.e-parentmsgbar { margin-left: 6px; margin-top: -3px; } .e-bigger .e-pager .e-numericitem, .e-pager.e-bigger .e-numericitem { margin: 0 8px; } .e-bigger .e-pager .e-pp.e-spacing, .e-bigger .e-pager .e-np.e-spacing, .e-bigger .e-pager .e-pp.e-spacing:hover, .e-bigger .e-pager .e-np.e-spacing:hover, .e-pager.e-bigger .e-pp.e-spacing, .e-pager.e-bigger .e-np.e-spacing, .e-pager.e-bigger .e-pp.e-spacing:hover, .e-pager.e-bigger .e-np.e-spacing:hover { padding: 10px 13px; } .e-bigger .e-pager .e-spacing, .e-bigger .e-pager .e-numericitem:hover, .e-bigger .e-pager .e-currentitem, .e-pager.e-bigger .e-spacing, .e-pager.e-bigger .e-numericitem:hover, .e-pager.e-bigger .e-currentitem { border-radius: 16px; padding: 10px 13px; } .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active), .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) { padding: 10px 13px; } .e-bigger .e-pager.e-rtl .e-spacing, .e-bigger .e-pager.e-rtl .e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-currentitem, .e-pager.e-bigger.e-rtl .e-spacing, .e-pager.e-bigger.e-rtl .e-numericitem:hover, .e-pager.e-bigger.e-rtl .e-currentitem { margin: 0 8px; padding: 10px 13px; } .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active), .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) { padding: 10px 13px; } .e-bigger .e-pager.e-rtl .e-pp, .e-bigger .e-pager.e-rtl .e-np, .e-bigger .e-pager.e-rtl .e-pp:hover, .e-bigger .e-pager.e-rtl .e-np:hover, .e-pager.e-bigger.e-rtl .e-pp, .e-pager.e-bigger.e-rtl .e-np, .e-pager.e-bigger.e-rtl .e-pp:hover, .e-pager.e-bigger.e-rtl .e-np:hover { font-size: 22px; margin-top: -10px; } .e-bigger .e-pager.e-rtl .e-pagerdropdown, .e-pager.e-bigger.e-rtl .e-pagerdropdown { margin: -38px 18px 0 0; } .e-bigger .e-pager.e-rtl .e-pagerconstant, .e-pager.e-bigger.e-rtl .e-pagerconstant { margin: 8px 16px 14px 0; } .e-bigger .e-pager .e-pagercontainer .e-firstpage, .e-bigger .e-pager .e-pagercontainer .e-prevpage, .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled, .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled, .e-bigger .e-pager .e-pagercontainer .e-nextpage, .e-bigger .e-pager .e-pagercontainer .e-lastpage, .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled, .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled, .e-pager.e-bigger .e-pagercontainer .e-firstpage, .e-pager.e-bigger .e-pagercontainer .e-prevpage, .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled, .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled, .e-pager.e-bigger .e-pagercontainer .e-nextpage, .e-pager.e-bigger .e-pagercontainer .e-lastpage, .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled, .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled { margin-right: 16px; padding: 6px; } .e-bigger .e-pager .e-pp, .e-bigger .e-pager .e-np, .e-bigger .e-pager .e-pp:hover, .e-bigger .e-pager .e-np:hover, .e-pager.e-bigger .e-pp, .e-pager.e-bigger .e-np, .e-pager.e-bigger .e-pp:hover, .e-pager.e-bigger .e-np:hover { font-size: 22px; } .e-pager { border-style: solid; border-width: 1px; display: inline-block; font-size: 13px; padding: 0; white-space: normal; width: 100%; } .e-pager [class^='e-'] { box-sizing: border-box; } .e-pager div.e-parentmsgbar { float: right; padding-bottom: 9px; padding-right: 18px; padding-top: 14px; } .e-pager .e-pagesizes { display: inline; } .e-pager .e-pagerdropdown { display: inline-block; height: 32px; margin-left: 12px; margin-right: 0; margin-top: -22px; overflow: hidden; vertical-align: middle; width: 90px; } .e-pager .e-pagerconstant { display: inline-block; margin: 0 0 11px 12px; overflow: hidden; width: auto; } .e-pager .e-icons { font-size: 9px; } .e-pager .e-numericitem { border-right-style: solid; border-right-width: 0; display: inline-block; line-height: 1; margin-right: 4px; min-width: 26px; padding: 5px 8px; text-align: center; } .e-pager div.e-pagermsgdiv { padding-right: 6px; padding-top: 4px; text-align: right; } .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled { opacity: 0.3; } .e-pager .e-spacing, .e-pager .e-numericitem:hover, .e-pager .e-currentitem { border-radius: 12px; cursor: pointer; padding: 6px; text-decoration: none; } .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) { padding: 6px; } .e-pager .e-currentitem { font-style: normal; font-variant: normal; font-weight: normal; } .e-pager div, .e-pager a { display: inline; -webkit-user-select: none; user-select: none; } .e-pager .e-icons::before { display: inline-block; } .e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled { border-right-style: solid; border-right-width: 0; display: inline-block; margin-right: 12px; margin-top: 5px; min-width: 26px; padding: 11px 9px 8px; } .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-lastpagedisabled { border-right: 0; } .e-pager .e-firstpage:hover, .e-pager .e-prevpage:hover, .e-pager .e-lastpage:hover, .e-pager .e-nextpage:hover { cursor: pointer; text-decoration: none; } .e-pager a.e-nextprevitemdisabled { display: none; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; text-decoration: none; } .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 9px; } .e-pager .e-pagercontainer { border-radius: 4px; border-style: solid; border-width: 0; display: inline-block; margin: 5px 6px 5px 18px; overflow: hidden; } .e-pager .e-lastpage:Hover { border-radius: 0 4px 4px 0; } .e-pager .e-firstpage:Hover { border-radius: 4px 0 0 4px; } .e-pager .e-pagermessage, .e-pager .e-pagerexternalmsg { display: block; margin: 6px; overflow: hidden; text-overflow: ellipsis; } .e-pager .e-mfirst, .e-pager .e-mprev, .e-pager .e-mnext, .e-pager .e-mlast { display: none; } .e-pager .e-mprev { text-indent: -3px; } .e-pager .e-mnext { text-indent: -2px; } .e-pager .e-mfirst, .e-pager .e-mprev, .e-pager .e-mnext, .e-pager .e-mlast { -webkit-tap-highlight-color: #fff; } .e-pager .e-pp, .e-pager .e-np, .e-pager .e-pp:hover, .e-pager .e-np:hover { font-size: 22px; font-weight: normal; letter-spacing: -0.1em; padding: 0 6px; } @media (max-width: 769px) { .e-pager { padding: 13px 0; } .e-pager div.e-parentmsgbar { box-sizing: border-box; display: inline-block; float: initial; padding-bottom: 0; padding-right: 0; padding-top: 0; text-align: center; vertical-align: top; width: calc(60% - 48px); } .e-pager .e-pagesizes { display: none; } .e-pager .e-pagecountmsg { display: none; } .e-pager .e-pagercontainer { display: none; } .e-pager .e-icons { font-size: 11px; } .e-pager .e-mfirst, .e-pager .e-mprev, .e-pager .e-mnext, .e-pager .e-mlast { border: 0; box-sizing: border-box; display: inline-block; padding: 1% 5%; } .e-pager .e-mfirst { margin-right: 4px; text-align: right; width: calc(10% + 11px); } .e-pager .e-mprev { margin: 0 4px; text-align: right; width: 10%; } .e-pager .e-mnext { margin: 0 4px; text-align: left; width: 10%; } .e-pager .e-mlast { margin-left: 4px; text-align: left; width: calc(10% + 11px); } } .e-pager.e-rtl { direction: rtl; } .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 0; margin-right: 6px; } .e-pager.e-rtl .e-pagercontainer, .e-pager.e-rtl div, .e-pager.e-rtl a { float: initial; } .e-pager.e-rtl .e-parentmsgbar { float: left; margin-left: 6px; } .e-pager.e-rtl .e-pagerdropdown { margin: -30px 18px 0 10px; } .e-pager.e-rtl .e-pagerconstant { margin: 14px; } .e-pager.e-rtl .e-pagerexternalmsg { float: none; } .e-pager.e-rtl .e-pagercontainer { float: none; margin: 5px 6px 5px 18px; padding: 0; } .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled { padding: 9px 8px; } .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before { content: '\e701'; } .e-pager.e-rtl .e-prevpage::before, .e-pager.e-rtl .e-prevpage:hover, .e-pager.e-rtl .e-prevpagedisabled::before { content: '\e848'; } .e-pager.e-rtl .e-nextpage::before, .e-pager.e-rtl .e-nextpage:hover, .e-pager.e-rtl .e-nextpagedisabled::before { content: '\e84b'; } .e-pager.e-rtl .e-lastpage::before, .e-pager.e-rtl .e-lastpage:hover, .e-pager.e-rtl .e-lastpagedisabled::before { content: '\e716'; } .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-firstpagedisabled { border-left-style: solid; border-left-width: 0; } .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-prevpagedisabled { border-right-style: none; border-right-width: 0; } .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-firstpagedisabled { border-right: medium none; } .e-pager.e-rtl .e-firstpage:hover { border-radius: 0 4px 4px 0; } .e-pager.e-rtl .e-lastpage:hover { border-radius: 4px 0 0 4px; } .e-pager.e-rtl .e-numericcontainer { float: none; } .e-pager.e-rtl .e-numericitem { border-left-style: solid; border-left-width: 0; border-right-style: none; border-right-width: 0; min-width: 26px; } .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 0; margin-right: 9px; } .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem { margin: 11px 4px 0 0; padding: 6px; } .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) { padding: 6px; } .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover { margin-top: -2px; padding: 3px 11px 9px; } @media (max-width: 769px) { .e-pager.e-rtl .e-mfirst, .e-pager.e-rtl .e-mprev, .e-pager.e-rtl .e-mnext, .e-pager.e-rtl .e-mlast { border: 0; } .e-pager.e-rtl.e-rtl div.e-parentmsgbar { float: initial; margin-left: 0; margin-top: 7px; } .e-pager.e-rtl .e-parentmsgbar { float: right; } } .e-pager.sf-pager .e-pagercontainer .e-first, .e-pager.sf-pager .e-pagercontainer .e-prev, .e-pager.sf-pager .e-pagercontainer .e-next, .e-pager.sf-pager .e-pagercontainer .e-last { font-size: 9px; } .e-pager.sf-pager .e-numericcontainer a { font-size: 13px; } .e-pager.sf-pager .e-pagercontainer { font-size: 0; } .e-pager.sf-pager .e-link, .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default { margin-left: 0; } /*! Pager theme */ .e-pager { background-color: #fff; border-color: #e0e0e0; color: #000; opacity: 0.87; } .e-pager div.e-icons { color: #000; } .e-pager div.e-icons.e-disable { color: unset; } .e-pager .e-pager-default:hover { background: #fff; color: #000; opacity: 0.87; } .e-pager .e-parentmsgbar { font-weight: normal; } .e-pager .e-spacing { color: #000; opacity: 0.87; } .e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover { background: unset; } .e-pager .e-numericitem:hover { color: #000; opacity: 0.87; } .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) { border-left: 0 solid #e0e0e0; } .e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover { background-color: #eee; opacity: 1; } .e-pager .e-numericitem { background: #fff; border-right-color: #e0e0e0; color: #000; } .e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled { background-color: #fff; color: #000; } .e-pager .e-lastpage, .e-pager .e-firstpage { background-color: transparent; } .e-pager .e-pagercontainer { background-color: #fff; border-color: #e0e0e0; } .e-pager .e-firstpage, .e-pager .e-prevpage, .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled, .e-pager .e-nextpage, .e-pager .e-lastpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled { border-right-color: #e0e0e0; } .e-pager .e-currentitem, .e-pager .e-currentitem:hover { background: #e3165b; color: #fff; opacity: 1; } @media (max-width: 590px) { .e-pager .e-pager-default:hover { background: #fff; color: #000; opacity: 0.87; } } .e-pager.e-rtl .e-numericitem { border-left-color: #e0e0e0; } .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled { border-left-color: #e0e0e0; } .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled { border-left-color: #e0e0e0; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } .e-ddl.e-control-wrapper .e-ddl-icon::before { transform: rotate(0deg); transition: transform 300ms ease; } .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before { transform: rotate(180deg); transition: transform 300ms ease; } .e-dropdownbase .e-list-item.e-active.e-hover { color: #e3165b; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, .e-input-group:not(.e-disabled) .e-back-icon:active, .e-input-group:not(.e-disabled) .e-back-icon:hover, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover { background: transparent; } .e-input-group .e-ddl-icon:not(:active)::after { animation: none; } .e-ddl.e-popup { border: 0; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); margin-top: 2px; } .e-popup.e-ddl .e-dropdownbase { min-height: 26px; } .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { border-color: #e0e0e0; } .e-bigger .e-popup.e-ddl-device-filter { margin-top: 0; } .e-bigger .e-ddl-device .e-input-group, .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) { background: #f5f5f5; border-width: 0; box-shadow: none; margin-bottom: 0; } .e-bigger .e-ddl-device .e-input-group .e-back-icon, .e-bigger .e-ddl-device .e-input-group input.e-input, .e-bigger .e-ddl-device .e-input-group .e-clear-icon { background-color: #f5f5f5; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { margin: 6px 6px 5px; min-height: 12px; min-width: 12px; padding: 6px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon { min-height: 16px; min-width: 16px; } .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter { padding: 8px 16px 8px 0; } .e-input-group.e-ddl, .e-input-group.e-ddl .e-input, .e-input-group.e-ddl .e-ddl-icon { background: transparent; } .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) { border-bottom-width: 0; } .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon { margin: 0; } .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter { padding: 5px 5px 5px 12px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon, .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon { min-height: 18px; min-width: 18px; } .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter, .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter, .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter, .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter { padding: 8px 16px; } .e-ddl.e-popup.e-outline .e-filter-parent { padding: 4px 8px; } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*!component icons*/ .e-icon-check::before { content: '\e7ff'; } .e-excelfilter .e-icon-filter::before { content: '\e7ee'; } .e-excelfilter .e-excl-filter-icon::before { content: '\e251'; } .e-excelfilter .e-excl-filter-icon.e-filtered::before { content: '\e248'; } .e-excelfilter .e-search-icon::before { content: '\e993'; } .e-excelfilter .e-chkcancel-icon::before { content: '\e7a7'; } .e-excelfilter .e-sortascending::before { content: '\e734'; } .e-excelfilter .e-sortdescending::before { content: '\e733'; } /*! Excel-Filter layout */ .sf-grid .e-excelfilter .e-dlg-content { overflow: visible; padding: 0; } .sf-grid .e-excelfilter .e-searchcontainer { padding: 18px; padding-top: 4px; } .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) { height: 26px; line-height: 26px; } .sf-grid .e-excelfilter .e-searchbox { padding-left: 0; } .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator { height: auto; } .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul { position: absolute; } .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu { display: inline-block; position: relative; width: 100%; } .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv { width: unset; } .e-xlflmenu { min-height: 295px; } .e-xlflmenu .e-xlfl-dlgfields { font-size: 17px; } .e-xlflmenu .e-xlfl-fieldset { font-size: 14px; padding-top: 15px; } .e-xlflmenu .e-xlfl-optr, .e-xlflmenu .e-xlfl-value { padding-top: 12px; } .e-xlflmenu .e-xlfl-radio, .e-xlflmenu .e-xlfl-mtcase { padding-top: 12px; } .e-xlflmenu .e-xlfl-optr:first-child { padding-right: 12px; } .e-xlflmenu .e-xlfl-table { border-spacing: 0; table-layout: fixed; width: 100%; } .e-xlflmenu .e-radio + label .e-label { margin-top: 0; padding-left: 23px; padding-right: 13px; } .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label { margin-bottom: 1px; margin-left: 6px; } .e-xlflmenu .e-checkbox-wrapper .e-frame { margin-bottom: 1px; } .e-xlflmenu .e-dlg-content { padding-bottom: 6px; } .e-xlflmenu .e-xlfl-radiodiv { width: 117px; } .e-xlflmenu .e-xlfl-matchcasediv { margin-left: 0; margin-right: 13px; } .e-xlfl-radio-or, .e-xlfl-matchcasediv { margin-left: 13px; } .e-emptyicon { opacity: 0; } .e-xlflmenu.e-rtl .e-xlfl-optr { padding-left: 12px; padding-right: 0; } .e-xlflmenu.e-rtl .e-radio + label .e-label { padding-left: 0; padding-right: 25px; } .e-xlflmenu.e-rtl .e-xlfl-radio-or { margin-left: 0; margin-right: 13px; } .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label { padding-left: 0; padding-right: 25px; } .e-bigger .e-xlflmenu { min-height: 396px; } .e-bigger .e-xlflmenu .e-xlfl-table { border-spacing: 0; width: 100%; } .e-bigger .e-xlflmenu .e-dlg-content { padding-bottom: 8px; } .e-bigger .e-xlflmenu .e-radio + label .e-label { padding-left: 28px; padding-right: 5px; } .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label { margin-left: 8px; } .e-bigger .e-xlflmenu .e-xlfl-radiodiv { width: 137px; } .e-bigger .e-xlflmenu .e-xlfl-radio-or, .e-bigger .e-xlflmenu .e-xlfl-matchcasediv { margin-left: 18px; } .e-bigger .e-xlflmenu .e-xlfl-optr:first-child { padding-right: 16px; } .e-bigger .e-xlflmenu .e-xlfl-dlgfields { font-size: 18px; } .e-bigger .e-xlflmenu .e-xlfl-fieldset { font-size: 15px; padding-top: 20px; } .e-bigger .e-xlflmenu .e-xlfl-optr, .e-bigger .e-xlflmenu .e-xlfl-value { padding-top: 16px; } .e-bigger .e-xlflmenu .e-xlfl-radio, .e-bigger .e-xlflmenu .e-xlfl-mtcase { padding-top: 16px; } .e-bigger .e-excelfilter .e-xlflmenu, .e-excelfilter.e-bigger .e-xlflmenu { min-height: 396px; } .e-bigger .e-excelfilter .e-ftrchk, .e-excelfilter.e-bigger .e-ftrchk { padding-bottom: 13px; padding-top: 13px; } .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li, .e-bigger .e-excelfilter .e-contextmenu-container ul li, .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li, .e-excelfilter.e-bigger .e-contextmenu-container ul li { height: 48px; line-height: 48px; } .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon, .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon, .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon, .e-excelfilter.e-bigger .e-contextmenu-container ul li .e-menu-icon { height: 48px; line-height: 48px; margin-right: 15px; } .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret { height: 48px; line-height: 48px; margin-right: 0; } .e-bigger .e-excelfilter.e-dialog .e-dlg-content, .e-excelfilter.e-bigger.e-dialog .e-dlg-content { padding-left: 11px; } .e-bigger .e-excelfilter .e-ftrchk, .e-bigger .e-excelfilter .e-searchbox, .e-excelfilter.e-bigger .e-ftrchk, .e-excelfilter.e-bigger .e-searchbox { padding-left: 13px; } .e-bigger .e-excelfilter.e-rtl .e-dlg-content, .e-excelfilter.e-bigger.e-rtl .e-dlg-content { padding-left: 24px; padding-right: 11px; } .e-bigger .e-excelfilter.e-rtl .e-ftrchk, .e-bigger .e-excelfilter.e-rtl .e-searchbox, .e-excelfilter.e-bigger.e-rtl .e-ftrchk, .e-excelfilter.e-bigger.e-rtl .e-searchbox { padding-left: 0; padding-right: 13px; } .e-excelfilter .e-checkboxlist { height: 200px; margin-top: 5px; min-height: 160px; overflow-y: auto; } .e-excelfilter .e-checkboxfiltertext { width: 150px; word-break: normal; } .e-excelfilter .e-chk-hidden { -moz-appearance: none; height: 1px; opacity: 0; width: 1px; } .e-excelfilter .e-contextmenu-wrapper, .e-excelfilter .e-contextmenu-wrapper ul { display: block; } .e-excelfilter .e-contextmenu-wrapper ul { padding-bottom: 4px; position: static; } .e-excelfilter .e-contextmenu-wrapper ul li, .e-excelfilter .e-contextmenu-container ul li { height: 36px; line-height: 36px; } .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon, .e-excelfilter .e-contextmenu-container ul li .e-menu-icon { height: 36px; line-height: 36px; margin-right: 12px; } .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon { margin-right: 0; } .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret { height: 36px; line-height: 36px; } .e-excelfilter .e-contextmenu-wrapper ul, .e-excelfilter .e-contextmenu-container ul:not(.e-ul) { border: 0; border-radius: 0; box-shadow: none; max-width: 300px; padding-bottom: 4px; position: static; } .e-excelfilter .e-footer-content { border-style: solid; border-width: 1px 0 0; } .e-excelfilter .e-excel-menu { z-index: 1000; } .e-excelfilter .e-dlg-content { background-color: #fff; padding-top: 0; } .e-excelfilter .e-contextmenu-wrapper, .e-excelfilter .e-contextmenu-wrapper ul { display: block; } .e-excelfilter .e-contextmenu-wrapper ul { padding-bottom: 4px; position: static; } .e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li { height: 36px; line-height: 36px; } .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon, .e-excelfilter .e-contextmenu-container ul li .e-menu-icon { height: 36px; line-height: 36px; margin-right: 12px; } .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon { margin-right: 0; } .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret { height: 36px; line-height: 36px; margin-right: 0; } .e-excelfilter .e-footer-content { border-style: solid; border-width: 1px 0 0; } .e-excelfilter .e-excel-menu { z-index: 1000; } .e-excelfilter .e-dlg-content { padding-top: 0; } .e-excelfilter .e-xlsel { border: 0 solid; position: absolute; -webkit-user-select: none; user-select: none; } .e-excelfilter.e-dialog .e-dlg-content { padding-left: 9px; } .e-excelfilter .e-ftrchk, .e-excelfilter .e-searchbox { padding-left: 9px; } .e-excelfilter.e-rtl .e-dlg-content { padding-left: 18px; padding-right: 9px; } .e-excelfilter.e-rtl .e-ftrchk, .e-excelfilter.e-rtl .e-searchbox { padding-left: 0; padding-right: 9px; } .e-excelfilter .e-searchbox { display: block; } .e-ftrchk { padding-bottom: 9px; padding-top: 9px; } /*! Excel-Filter theme */ .e-excelfilter .e-footer-content { border-color: rgba(0, 0, 0, 0.12); opacity: 1; } .e-excelfilter .e-filtered::before { color: #e3165b; } .e-excelfilter .e-dlg-content { padding-bottom: 0; } li.e-separator.e-menu-item.e-excel-separator { margin-bottom: 4px; margin-top: 4px; } .e-xlsel { background-color: #e3165b; border-color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes slideTopUp { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 0, 0) scale(1); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! component's theme wise override definitions and variables */ @keyframes tbar-popup-shadow { 0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12); } } /*!componenticons*/ .e-icon-check::before { content: '\e7ff'; } .e-grid .e-group-animate .e-drag.e-icon-drag::before, .e-grid-menu .e-group-animate .e-drag.e-icon-drag::before { content: '\e330'; } .e-grid .e-group-animate .e-nextgroup.e-icon-next::before, .e-grid-menu .e-group-animate .e-nextgroup.e-icon-next::before { content: '\ec07'; } .e-grid .e-icon-ascending::before, .e-grid-menu .e-icon-ascending::before { content: '\e840'; } .e-grid .e-icon-descending::before, .e-grid-menu .e-icon-descending::before { content: '\e83f'; } .e-grid .e-icon-hide::before, .e-grid-menu .e-icon-hide::before { content: '\e825'; } .e-grid .e-ungroupbutton.e-icon-hide::before, .e-grid-menu .e-ungroupbutton.e-icon-hide::before { content: '\e917'; } .e-grid .e-icon-rowselect::before, .e-grid-menu .e-icon-rowselect::before { content: '\e930'; } .e-grid .e-icon-sortdirect::before, .e-grid-menu .e-icon-sortdirect::before { content: '\e890'; } .e-grid .e-icon-gdownarrow::before, .e-grid-menu .e-icon-gdownarrow::before { content: '\e83d'; } .e-grid .e-icon-grightarrow::before, .e-grid-menu .e-icon-grightarrow::before { content: '\e859'; } .e-grid .e-icon-filter::before, .e-grid .e-icon-filter.e-filtered::before, .e-grid-menu .e-icon-filter::before, .e-grid-menu .e-icon-filter.e-filtered::before { content: '\e7ee'; } .e-grid .e-resfilter-icon::before, .e-grid-menu .e-resfilter-icon::before { content: '\e251'; } .e-grid .e-ressort-icon::before, .e-grid-menu .e-ressort-icon::before { content: '\e612'; } .e-grid .e-excl-filter-icon::before, .e-grid-menu .e-excl-filter-icon::before { content: '\e251'; } .e-grid .e-excl-filter-icon.e-filtered::before, .e-grid-menu .e-excl-filter-icon.e-filtered::before { content: '\e248'; } .e-grid.e-rtl .e-icon-grightarrow::before, .e-grid-menu.e-rtl .e-icon-grightarrow::before { content: '\e854'; } .e-grid .e-icon-group::before, .e-grid-menu .e-icon-group::before { content: '\e926'; } .e-grid .e-icon-ungroup::before, .e-grid-menu .e-icon-ungroup::before { content: '\e926'; } .e-grid .e-icon-reorderuparrow::before, .e-grid-menu .e-icon-reorderuparrow::before { content: '\e918'; } .e-grid .e-icon-reorderdownarrow::before, .e-grid-menu .e-icon-reorderdownarrow::before { content: '\e919'; } .e-grid .e-print::before, .e-grid-menu .e-print::before { content: '\e813'; } .e-grid .e-add::before, .e-grid-menu .e-add::before { content: '\e7f9'; } .e-grid .e-resback-icon::before, .e-grid-menu .e-resback-icon::before { content: '\e977'; } .e-grid .e-wordexport::before, .e-grid-menu .e-wordexport::before { content: '\e7b0'; } .e-grid .e-pdfexport::before, .e-grid-menu .e-pdfexport::before { content: '\e240'; } .e-grid .e-csvexport::before, .e-grid-menu .e-csvexport::before { content: '\e241'; } .e-grid .e-excelexport::before, .e-grid-menu .e-excelexport::before { content: '\e242'; } .e-grid .e-edit::before, .e-grid-menu .e-edit::before { content: '\e81e'; } .e-grid .e-columnmenu::before, .e-grid .e-columnmenu.e-filtered::before, .e-grid-menu .e-columnmenu::before, .e-grid-menu .e-columnmenu.e-filtered::before { content: '\e984'; } .e-grid .e-delete::before, .e-grid-menu .e-delete::before { content: '\e84e'; } .e-grid .e-cancel::before, .e-grid-menu .e-cancel::before { content: '\e825'; } .e-grid .e-copy::before, .e-grid-menu .e-copy::before { content: '\e70a'; } .e-grid .e-save::before, .e-grid-menu .e-save::before { content: '\e98e'; } .e-grid .e-update::before, .e-grid-menu .e-update::before { content: '\e735'; } .e-grid .e-search-icon::before, .e-grid-menu .e-search-icon::before { content: '\e993'; } .e-grid .e-cancel-icon::before, .e-grid-menu .e-cancel-icon::before { content: '\e825'; } .e-grid .e-columnchooserdiv::before, .e-grid-menu .e-columnchooserdiv::before { content: '\e714'; } .e-grid .e-ccsearch-icon::before, .e-grid-menu .e-ccsearch-icon::before { content: '\e993'; } .e-grid .e-columnchooser::before, .e-grid-menu .e-columnchooser::before { content: '\e21e'; } .e-grid .e-columnchooser-btn::before, .e-grid-menu .e-columnchooser-btn::before { content: '\e969'; } .e-grid .e-cc-icon::before, .e-grid-menu .e-cc-icon::before { content: '\e82e'; } .e-grid .e-icon-rowdragicon::before, .e-grid-menu .e-icon-rowdragicon::before { content: '\e330'; } .e-grid.e-rtl .e-icon-rowdragicon::before, .e-grid-menu.e-rtl .e-icon-rowdragicon::before { content: '\e330'; } .e-grid .e-ccsearch-icon.e-cc-cancel::before, .e-grid .e-chkcancel-icon::before, .e-grid-menu .e-ccsearch-icon.e-cc-cancel::before, .e-grid-menu .e-chkcancel-icon::before { content: '\e7a7'; } .e-responsive-dialog .e-resfilterback::before { content: '\e977'; } .e-responsive-dialog .e-filterset::before { content: '\e7ee'; } .e-responsive-dialog .e-search-icon::before { content: '\e993'; } .e-responsive-dialog .e-chkcancel-icon::before { content: '\e7a7'; } .e-responsive-dialog .e-icon-filter-clear::before { content: '\e248'; } .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before { content: '\e977'; } /*! Grid layout */ .e-disableuserselect { -webkit-user-select: none; user-select: none; } /*! Blazor column menu custom css */ .e-contextmenu-container.e-sfcontextmenu.e-hide-menu { visibility: hidden; } .e-emptyicon { opacity: 0; } .e-device .e-flmenu-valuediv { padding: 24px 0 0; } .e-bigger .e-grid, .e-grid.e-bigger { font-size: 13px; } .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop), .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) { font-size: 10px; } .e-bigger .e-grid .e-row .e-icon-rowdragicon::before, .e-grid.e-bigger .e-row .e-icon-rowdragicon::before { font-size: 10px; } .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper, .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper { padding-bottom: 8px; padding-top: 2px; } .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon, .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon { min-width: 20px; } .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons, .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons { font-size: 18px; } .e-bigger .e-grid .e-flmenu-valuediv, .e-grid.e-bigger .e-flmenu-valuediv { padding: 24px 0 0; } .e-bigger .e-grid .e-headercell, .e-grid.e-bigger .e-headercell { height: 56px; padding: 0 28px 0; } .e-bigger .e-grid .e-headercelldiv, .e-grid.e-bigger .e-headercelldiv { font-size: 12px; height: 29px; line-height: 30px; } .e-bigger .e-grid .e-headercell, .e-bigger .e-grid .e-detailheadercell, .e-grid.e-bigger .e-headercell, .e-grid.e-bigger .e-detailheadercell { font-size: 12px; } .e-bigger .e-grid .e-icons, .e-grid.e-bigger .e-icons { font-size: 14px; } .e-bigger .e-grid .e-gridheader thead .e-icons, .e-grid.e-bigger .e-gridheader thead .e-icons { font-size: 16px; } .e-bigger .e-grid .e-icon-gdownarrow, .e-grid.e-bigger .e-icon-gdownarrow { font-size: 12px; } .e-bigger .e-grid .e-icon-grightarrow, .e-grid.e-bigger .e-icon-grightarrow { font-size: 12px; } .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn, .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn { font-size: 12px; } .e-bigger .e-grid .e-gridheader tr th:last-child, .e-grid.e-bigger .e-gridheader tr th:last-child { padding-right: 28px; } .e-bigger .e-grid .e-gridheader tr th:last-child.e-filterbarcell, .e-grid.e-bigger .e-gridheader tr th:last-child.e-filterbarcell { padding-left: 21px; } .e-bigger .e-grid .e-gridheader tr th:first-child, .e-grid.e-bigger .e-gridheader tr th:first-child { padding-left: 28px; } .e-bigger .e-grid .e-gridheader tr th:first-child.e-filterbarcell, .e-grid.e-bigger .e-gridheader tr th:first-child.e-filterbarcell { padding-left: 21px; } .e-bigger .e-grid .e-headercelldiv, .e-grid.e-bigger .e-headercelldiv { font-size: 12px; } .e-bigger .e-grid .e-rowcell, .e-bigger .e-grid .e-summarycell, .e-bigger .e-grid .e-groupcaption, .e-grid.e-bigger .e-rowcell, .e-grid.e-bigger .e-summarycell, .e-grid.e-bigger .e-groupcaption { font-size: 13px; padding: 11px 28px; } .e-bigger .e-grid .e-rowcell:first-child, .e-bigger .e-grid .e-summarycell:first-child, .e-grid.e-bigger .e-rowcell:first-child, .e-grid.e-bigger .e-summarycell:first-child { padding-left: 28px; } .e-bigger .e-grid .e-rowcell:last-child, .e-bigger .e-grid .e-summarycell:last-child, .e-grid.e-bigger .e-rowcell:last-child, .e-grid.e-bigger .e-summarycell:last-child { padding-right: 28px; } .e-bigger .e-grid .e-filterbarcell, .e-bigger .e-grid .e-filterbarcelldisabled, .e-grid.e-bigger .e-filterbarcell, .e-grid.e-bigger .e-filterbarcelldisabled { height: 56px; padding: 0 28px; } .e-bigger .e-grid .e-filterbarcell input, .e-grid.e-bigger .e-filterbarcell input { height: 26px; } .e-bigger .e-grid .e-ftrchk, .e-grid.e-bigger .e-ftrchk { padding-bottom: 13px; padding-top: 13px; } .e-bigger .e-grid .e-columnmenu, .e-grid.e-bigger .e-columnmenu { bottom: 31px; } .e-bigger .e-grid.e-device.e-noselect, .e-grid.e-bigger.e-device.e-noselect { -webkit-user-select: none; user-select: none; } .e-bigger .e-grid .e-dialog.e-checkboxfilter, .e-bigger .e-grid .e-dialog.e-flmenu, .e-grid.e-bigger .e-dialog.e-checkboxfilter, .e-grid.e-bigger .e-dialog.e-flmenu { min-width: 260px; } .e-bigger .e-grid .e-dialog.e-checkboxfilter, .e-grid.e-bigger .e-dialog.e-checkboxfilter { min-height: 352px; } .e-bigger .e-grid .e-checkboxfilter .e-dlg-content, .e-grid.e-bigger .e-checkboxfilter .e-dlg-content { padding-left: 11px; } .e-bigger .e-grid .e-checkboxfilter .e-ftrchk, .e-bigger .e-grid .e-checkboxfilter .e-searchbox, .e-grid.e-bigger .e-checkboxfilter .e-ftrchk, .e-grid.e-bigger .e-checkboxfilter .e-searchbox { padding-left: 13px; } .e-bigger .e-grid.e-rtl .e-checkboxfilter .e-dlg-content, .e-grid.e-bigger.e-rtl .e-checkboxfilter .e-dlg-content { padding-left: 24px; padding-right: 11px; } .e-bigger .e-grid.e-rtl .e-checkboxfilter .e-ftrchk, .e-bigger .e-grid.e-rtl .e-checkboxfilter .e-searchbox, .e-grid.e-bigger.e-rtl .e-checkboxfilter .e-ftrchk, .e-grid.e-bigger.e-rtl .e-checkboxfilter .e-searchbox { padding-left: 0; padding-right: 13px; } .e-bigger .e-grid .e-filtermenudiv, .e-grid.e-bigger .e-filtermenudiv { margin: -18px -7px; } .e-bigger .e-grid .e-sortfilterdiv, .e-grid.e-bigger .e-sortfilterdiv { margin: -17px 8px; } .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv { margin: -15px 18px; } .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv, .e-bigger .e-grid .e-wrap .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-bigger .e-wrap .e-sortfilterdiv { margin: -20px 8px; } .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv .e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv .e-wrap .e-rightalign .e-sortfilterdiv { margin: -20px 2px; } .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv .e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv .e-wrap .e-fltr-icon .e-sortfilterdiv { margin: -10px 18px; } .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv, .e-bigger .e-grid .e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger .e-wrap .e-rightalign.e-fltr-icon .e-sortfilterdiv { margin: -12px 2px; } .e-bigger .e-grid.e-wrap .e-rowcell, .e-bigger .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-bigger .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-bigger.e-wrap .e-rowcell, .e-grid.e-bigger.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-bigger.e-wrap .e-columnheader .e-headercelldiv { line-height: 18px; } .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv { margin: -17px 2px; } .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber, .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber { float: left; margin: 8px 2px 0 5px; } .e-bigger .e-grid .e-sortnumber, .e-grid.e-bigger .e-sortnumber { border-radius: 65%; display: inline-block; float: right; font-size: 9px; height: 15px; line-height: 16px; margin: 8px 5px 0 2px; text-align: center; width: 15px; } .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv { margin: -17px 2px; } .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv, .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv { margin: -17px 10px; } .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv, .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv { margin: -17px 10px; } .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv { margin: -15px 30px 0 0; } .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv, .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv { margin: -16px 0; } .e-bigger .e-grid.e-rtl .e-filtermenudiv, .e-grid.e-bigger.e-rtl .e-filtermenudiv { margin: -18px 0 -18px -11px; } .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv, .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv { margin: -18px 0 -18px -11px; } .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber, .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber { margin: 6px 0 0 5px; } .e-bigger .e-grid .e-rowcell, .e-bigger .e-grid .e-summarycell, .e-bigger .e-grid .e-emptyrow td, .e-bigger .e-grid .e-frozencontent table tr td:first-child:empty, .e-bigger .e-grid .e-movablecontent table tr td:first-child:empty, .e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty, .e-grid.e-bigger .e-rowcell, .e-grid.e-bigger .e-summarycell, .e-grid.e-bigger .e-emptyrow td, .e-grid.e-bigger .e-frozencontent table tr td:first-child:empty, .e-grid.e-bigger .e-movablecontent table tr td:first-child:empty, .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty { line-height: 27px; } .e-bigger .e-grid .e-filterbarcell input, .e-grid.e-bigger .e-filterbarcell input { font-size: 13px; } .e-bigger .e-grid .e-groupdroparea, .e-grid.e-bigger .e-groupdroparea { font-size: 19px; min-height: 64px; padding: 22px 24px; } .e-bigger .e-grid .e-cloneproperties, .e-grid.e-bigger .e-cloneproperties { padding: 4px 5px; } .e-bigger .e-grid .e-cloneproperties.e-draganddrop, .e-grid.e-bigger .e-cloneproperties.e-draganddrop { padding: 0; } .e-bigger .e-grid .e-headerclone, .e-grid.e-bigger .e-headerclone { font-size: 12px; } .e-bigger .e-grid .e-groupdroparea.e-grouped, .e-grid.e-bigger .e-groupdroparea.e-grouped { padding: 11px 0 12px; } .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell, .e-grid.e-bigger .e-frozenheader table tr td.e-rowcell { height: 43px; } .e-bigger .e-grid .e-frozencontent table tr td:first-child:empty, .e-bigger .e-grid .e-movablecontent table tr td:first-child:empty, .e-bigger .e-grid .e-frozenhdrcont table tr td:first-child:empty, .e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-bigger .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty, .e-grid.e-bigger .e-frozencontent table tr td:first-child:empty, .e-grid.e-bigger .e-movablecontent table tr td:first-child:empty, .e-grid.e-bigger .e-frozenhdrcont table tr td:first-child:empty, .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty { height: 49px; } .e-bigger .e-grid.e-bigger .e-columnmenu, .e-grid.e-bigger.e-bigger .e-columnmenu { bottom: 16px; margin: 0 -7px; } .e-bigger .e-grid .e-columnmenu, .e-grid.e-bigger .e-columnmenu { right: 10px; } .e-bigger .e-grid .e-groupheadercell, .e-bigger .e-grid .e-groupheadercell:hover, .e-grid.e-bigger .e-groupheadercell, .e-grid.e-bigger .e-groupheadercell:hover { border-radius: 16px; height: 32px; margin: 4px 0 0 24px; padding: 0 8px 0 12px; font-size: 13px; } .e-bigger .e-grid .e-groupheadercell:hover, .e-grid.e-bigger .e-groupheadercell:hover { padding: 0 8px 0 12px; } .e-bigger .e-grid .e-gdclone, .e-grid.e-bigger .e-gdclone { border-radius: 17px; padding: 6px; } .e-bigger .e-grid .e-groupheadercell span, .e-grid.e-bigger .e-groupheadercell span { height: 32px; line-height: 32px; padding: 0; } .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton, .e-grid.e-bigger .e-groupheadercell .e-ungroupbutton { font-size: 16px; } .e-bigger .e-grid .e-groupheadercell .e-grouptext, .e-grid.e-bigger .e-groupheadercell .e-grouptext { line-height: 32px; } .e-bigger .e-grid .e-row .e-input-group .e-input.e-field, .e-bigger .e-grid .e-row .e-input-focus .e-input.e-field, .e-grid.e-bigger .e-row .e-input-group .e-input.e-field, .e-grid.e-bigger .e-row .e-input-focus .e-input.e-field { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; padding-bottom: 9px; padding-top: 13px; } .e-bigger .e-grid.e-device .e-row .e-input-group .e-input.e-field, .e-bigger .e-grid.e-device .e-row .e-input-focus .e-input.e-field, .e-grid.e-bigger.e-device .e-row .e-input-group .e-input.e-field, .e-grid.e-bigger.e-device .e-row .e-input-focus .e-input.e-field { padding-bottom: 5px; padding-top: 12px; } .e-bigger .e-grid .e-row .e-input-group, .e-grid.e-bigger .e-row .e-input-group { margin-bottom: 5px; vertical-align: middle; } .e-bigger .e-grid.e-device .e-headercell, .e-grid.e-bigger.e-device .e-headercell { padding: 0 12px 0; } .e-bigger .e-grid.e-device .e-headercell:first-child, .e-grid.e-bigger.e-device .e-headercell:first-child { padding: 0 12px 0 16px; } .e-bigger .e-grid.e-device .e-headercell:last-child, .e-grid.e-bigger.e-device .e-headercell:last-child { padding: 0 16px 0 12px; } .e-bigger .e-grid.e-device .e-groupheadercell span, .e-grid.e-bigger.e-device .e-groupheadercell span { line-height: 30px; } .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell, .e-grid.e-bigger.e-device .e-rowcell, .e-grid.e-bigger.e-device .e-summarycell { padding: 8px 12px; } .e-bigger .e-grid:not(.e-row-responsive).e-device .e-rowcell:first-child, .e-bigger .e-grid:not(.e-row-responsive).e-device .e-summarycell:first-child, .e-grid.e-bigger:not(.e-row-responsive).e-device .e-rowcell:first-child, .e-grid.e-bigger:not(.e-row-responsive).e-device .e-summarycell:first-child { padding: 8px 12px 8px 16px; } .e-bigger .e-grid:not(.e-row-responsive).e-device .e-rowcell:last-child, .e-bigger .e-grid:not(.e-row-responsive).e-device .e-summarycell:last-child, .e-grid.e-bigger:not(.e-row-responsive).e-device .e-rowcell:last-child, .e-grid.e-bigger:not(.e-row-responsive).e-device .e-summarycell:last-child { padding: 8px 16px 8px 12px; } .e-bigger .e-grid.e-device .e-filterbarcell, .e-grid.e-bigger.e-device .e-filterbarcell { padding: 8px 12px; } .e-bigger .e-grid.e-device .e-filterbarcell:first-child, .e-grid.e-bigger.e-device .e-filterbarcell:first-child { padding: 8px 12px 8px 16px; } .e-bigger .e-grid.e-device .e-filterbarcell:last-child, .e-grid.e-bigger.e-device .e-filterbarcell:last-child { padding: 8px 16px 8px 12px; } .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton, .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton { line-height: 33px; } .e-bigger .e-grid.e-device .e-normaledit .e-rowcell, .e-grid.e-bigger.e-device .e-normaledit .e-rowcell { padding-bottom: 0; padding-top: 0; } .e-bigger .e-grid.e-device .e-editedbatchcell.e-rowcell, .e-grid.e-bigger.e-device .e-editedbatchcell.e-rowcell { padding-bottom: 0; padding-top: 0; } .e-bigger .e-grid .e-unboundcell, .e-bigger .e-grid .e-editedrow .e-normaledit .e-unboundcell, .e-bigger .e-grid .e-addedrow .e-normaledit .e-unboundcell, .e-grid.e-bigger .e-unboundcell, .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell, .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell { padding-bottom: 6px; padding-top: 6px; } .e-bigger .e-grid .e-grouptext, .e-grid.e-bigger .e-grouptext { margin-right: 8px; width: 76px; } .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan], .e-grid.e-bigger .e-gridheader table th[rowspan], .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] { padding-bottom: 20px; } .e-bigger .e-grid .e-groupsort, .e-bigger .e-grid span.e-ungroupbutton, .e-bigger .e-grid .e-toggleungroup, .e-grid.e-bigger .e-groupsort, .e-grid.e-bigger span.e-ungroupbutton, .e-grid.e-bigger .e-toggleungroup { margin-left: 8px; margin-top: 0; } .e-bigger .e-grid span.e-ungroupbutton.e-icons, .e-grid.e-bigger span.e-ungroupbutton.e-icons { font-size: 16px; margin-left: 0; margin-top: 0; margin-right: 0; } .e-bigger .e-grid .e-groupsort, .e-grid.e-bigger .e-groupsort { margin-right: 0; margin-top: 0; } .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover, .e-grid.e-bigger.e-rtl .e-groupheadercell, .e-grid.e-bigger.e-rtl .e-groupheadercell:hover { margin: 3px 24px 0 0; padding: 0 12px 0 8px; } .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons, .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons { margin-left: 0; margin-right: 6px; margin-top: 0; padding-top: 0; } .e-bigger .e-grid .e-groupcaption, .e-grid.e-bigger .e-groupcaption { line-height: 32px; } .e-bigger .e-grid .e-ccdlg .e-dlg-content, .e-grid.e-bigger .e-ccdlg .e-dlg-content { margin: 20px 0 0; padding: 17px 24px 5px 12px; } .e-bigger .e-grid .e-ccdlg .e-ccul-ele, .e-grid.e-bigger .e-ccdlg .e-ccul-ele { padding: 0; } .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv, .e-grid.e-bigger .e-ccdlg .e-cc-searchdiv { padding-left: 6px; } .e-bigger .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard, .e-grid.e-bigger .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard { padding-left: 12px; } .e-bigger .e-grid .e-ccdlg li.e-cclist, .e-grid.e-bigger .e-ccdlg li.e-cclist { padding: 11px 0; } .e-bigger .e-grid .e-ccdlg .e-toolbar .e-ccdiv, .e-grid.e-bigger .e-ccdlg .e-toolbar .e-ccdiv { margin-top: 0; } .e-grid { border-radius: 0; border-style: none solid solid; border-width: 1px; display: block; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; height: auto; position: relative; } .e-grid .e-gridheader { -webkit-user-select: none; user-select: none; } .e-grid .e-groupdroparea.e-sticky, .e-grid .e-toolbar.e-sticky, .e-grid .e-gridheader.e-sticky { position: sticky; z-index: 10; } .e-grid .e-gridheader.e-sticky .e-headercontent .e-reorderuparrow, .e-grid .e-gridheader.e-sticky .e-headercontent .e-reorderdownarrow, .e-grid .e-ccdlg.e-sticky { position: fixed; z-index: 10; } .e-grid .e-groupdroparea.e-sticky { opacity: 1; } .e-grid .e-gridheader .e-firstrow-dragborder, .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder, .e-grid .e-gridcontent .e-lastrow-dragborder, .e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder { bottom: 0; background-color: #e3165b; height: 2px; position: absolute; } .e-grid .e-grid-relative { position: relative; } .e-grid .e-dropitemscount { border: 1px solid #fff; border-radius: 17px; box-sizing: content-box; font-size: 13px; line-height: normal; margin-left: -8px; min-width: 12px; padding: 3px 7px 4px; position: absolute; text-align: center; top: -10px; z-index: 5; } .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 0; } .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder { box-shadow: 0 2px 0 0 #e3165b; position: relative; z-index: 5; } .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) { font-size: 10px; } .e-grid .e-row .e-icon-rowdragicon::before { display: block; text-indent: 10px; font-size: 12px; font-weight: bold; color: #000; opacity: 0.54; } .e-grid .e-row .e-icon-rowdragmoveicon::before { font-size: 12px; font-weight: bold; } .e-grid .e-row .e-icon-rowdragmoveicon { padding-left: 10px; } .e-grid .e-draganddrop .e-rowcell, .e-grid.e-rtl .e-draganddrop .e-rowcell { padding-left: 6px; padding-right: 6px; } .e-grid .e-gridcontent .e-rowdragdrop, .e-grid .e-gridheader .e-rowdragdrop { border-style: solid; border-width: 1px 0 0 0; border-color: #e0e0e0; } .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell { border-bottom-width: 1px; } .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before { position: relative; left: -5px; } .e-grid .e-icon-rowdragicon { font-size: 10px; text-indent: 12px; } .e-grid .e-toolbar { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #e0e0e0; border-radius: 0; } .e-grid .e-res-toolbar { border-bottom: 1px solid; border-bottom-color: #e0e0e0; } .e-grid .e-res-toolbar .e-toolbar-items { min-height: initial; } .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus { background: none; } .e-grid .e-res-toolbar .e-toolbar-items .e-icons { color: #000; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item .e-tbar-btn .e-resfilter-icon { font-size: 22px; } .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right { width: calc(100% - 50px); } .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::before, .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::after { background: none; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper { width: 100%; padding-left: 18px; padding-right: 0; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon { font-size: 18px; margin-top: 8px; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group { border: 0; opacity: 1; padding: 0 6px; padding-right: 9px; width: 100%; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group .e-input { margin-top: 8px; } .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group .e-search-icon { margin-top: 14px; padding-left: 0; } .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper { padding-left: 0; } .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper { padding-bottom: 6px; padding-top: 1px; } .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search { margin-bottom: 0; opacity: .6; width: 230px; } .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search.e-input-focus { opacity: 1; } .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon { min-width: 18px; } .e-bigger .e-grid .e-group-animator .e-groupheadercell, .e-bigger .e-grid .e-group-animator .e-groupheadercell:hover { margin: 15px 0 15px 0; border-bottom-width: 1px; } .e-grid .e-groupdroparea.e-group-animate.e-grouped { height: 54px; } .e-bigger .e-grid .e-group-animate.e-groupdroparea .e-nextgroup { margin-top: 15px; } .e-grid .e-group-animator .e-groupheadercell, .e-grid .e-group-animator .e-groupheadercell:hover { margin: 12px 0 12px 0; border-bottom-width: 1px; } .e-grid .e-group-animator:last-child .e-nextgroup.e-icons.e-icon-next { display: none; } .e-grid .e-groupdroparea.e-group-animate.e-grouped { overflow: hidden; padding: 0; height: 48px; border-bottom-width: 0; } .e-grid.e-rtl .e-group-animator { float: right; } .e-grid.e-rtl .e-group-animate .e-groupheadercell, .e-grid.e-rtl .e-group-animate .e-groupheadercell:hover { margin-right: 0; margin-left: 0; } .e-grid.e-rtl .e-group-animate.e-groupdroparea .e-nextgroup { transform: rotate(180deg); margin-top: 16px; } .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell { margin: 12px 16px 12px 0; } .e-grid .e-group-animator:first-child .e-groupheadercell { margin: 12px 0 12px 16px; } .e-grid .e-group-animate.e-groupdroparea .e-nextgroup { margin-top: 9px; } .e-grid .e-groupdroparea.e-group-animate .e-drag.e-icon-drag { display: inline-block; height: 24px; font-size: 11px; line-height: 25px; padding: 0; vertical-align: middle; } .e-grid .e-group-animator .e-icon-drag.e-icons { margin-left: 0; } .e-grid .e-groupdroparea.e-group-animate span.e-drag.e-icons.e-icon-drag { cursor: move; } .e-grid .e-group-animate .e-drag.e-icon-drag::before { opacity: 0.7; } .e-grid .e-group-animate span.e-nextgroup.e-icons.e-icon-next { display: inline-block; float: left; height: 24px; line-height: 32px; padding: 0; vertical-align: middle; } .e-grid .e-groupdroparea.e-grouped { padding: 9px 0 10px; } .e-grid .e-groupdroparea.e-grouped { padding: 9px 0 10px; } .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell { border-top: 0; } .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell { border-bottom: 1px solid; } .e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell { border-bottom: 0; } .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell { border-top: 1px solid; } .e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell { border-top: 0; } .e-grid.e-default .e-grouptopleftcell { border-top: 1px solid; } .e-grid.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-default.e-horizontallines .e-headercell.e-firstheader { border-left: 1px solid; } .e-grid.e-default.e-hidelines .e-headercell.e-firstheader { border-left: 0; } .e-grid.e-default.e-verticallines .e-grouptopleftcell, .e-grid.e-default.e-bothlines .e-grouptopleftcell, .e-grid.e-default.e-hidelines .e-grouptopleftcell { border-top-width: 0; } .e-grid.e-default.e-verticallines .e-detailrowcollapse, .e-grid.e-default.e-verticallines .e-detailrowexpand, .e-grid.e-default.e-verticallines .e-rowdragdrop, .e-grid.e-default.e-hidelines .e-detailrowcollapse, .e-grid.e-default.e-hidelines .e-detailrowexpand, .e-grid.e-default.e-hidelines .e-rowdragdrop { border-top-width: 0; } .e-grid.e-default.e-horizontallines .e-grouptopleftcell { border-top: 1px solid; } .e-grid .e-gridheader .e-headercell .e-rhandler, .e-grid .e-gridheader .e-headercell .e-rsuppress { height: 100%; position: absolute; right: 0; top: 0; width: 4px; } .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type, .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type { right: 0; } .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress { left: 0; } .e-grid.e-device .e-gridheader .e-headercell .e-rhandler { width: 14px; } .e-grid.e-rtl .e-gridheader .e-headercell .e-rhandler, .e-grid.e-rtl .e-gridheader .e-headercell .e-rsuppress { left: 0; right: auto; } .e-grid.e-resize-lines .e-gridheader th.e-headercell.e-lastcell .e-rhandler { border-right-width: 0; } .e-grid.e-resize-lines .e-gridheader .e-frozen-right-header th.e-headercell .e-rhandler { border-right-width: 0; } .e-grid.e-rtl .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid.e-rtl .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress { right: 0; } .e-grid.e-rtl.e-resize-lines .e-gridheader .e-frozen-right-header th.e-headercell .e-rhandler { border-right-width: 1px; border-left-width: 0; } .e-grid .e-rhelper { position: absolute; width: 1px; } .e-grid .e-virtual-rhandler { z-index: 1; } .e-grid.e-device .e-ricon::before { border-bottom: 6px solid transparent; border-right: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; position: absolute; right: 4px; top: 4px; width: 20px; } .e-grid.e-device .e-ricon::after { border-bottom: 6px solid transparent; border-left: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; } .e-grid.e-rcursor, .e-grid .e-gridheader .e-stackedheadercell.e-rcursor, .e-grid .e-gridheader .e-rcursor { cursor: col-resize; } .e-grid.e-editing .e-gridheader .e-rcursor { cursor: default; } .e-grid .e-table { border-collapse: separate; table-layout: fixed; width: 100%; } .e-grid .e-tableborder { border-right: 1px solid; } .e-grid .e-virtualtable { will-change: transform; z-index: 1; } .e-grid .e-headercelldiv { border: 0 none; display: block; font-size: 12px; font-weight: 500; height: 29px; line-height: 30px; margin: -7px; overflow: hidden; padding: 0 0.6em; text-align: left; text-transform: none; -webkit-user-select: none; user-select: none; } .e-grid .e-headercelldiv.e-headerchkcelldiv { overflow: visible; } .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv { padding: 0 .6em; } .e-grid .e-gridheader .e-headercontent .e-centeralign .e-headercelldiv.e-headerchkcelldiv { padding: 0 .6em; } .e-grid .e-headercell, .e-grid .e-headercell.e-stackedheadercell, .e-grid .e-headercell.e-defaultcursor { cursor: default; } .e-grid .e-headercell.e-mousepointer, .e-grid .e-headercell.e-stackedheadercell.e-mousepointer { cursor: pointer; } .e-grid .e-gridheader .e-headercell, .e-grid .e-gridheader .e-detailheadercell { -webkit-user-select: none; user-select: none; } .e-grid .e-gridcontent tr:first-child td { border-top: 0 none; } .e-grid .e-gridheader tr:first-child th { border-top: 0 none; } .e-grid .e-gridheader tr th:last-child.e-filterbarcell { padding-right: 21px; } .e-grid .e-gridheader tr th:last-child { padding-right: 21px; } .e-grid .e-gridheader tr th:first-child { padding-left: 21px; } .e-grid .e-gridheader tr th:first-child.e-filterbarcell { padding-left: 21px; } .e-grid .e-gridheader { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; } .e-grid .e-frozenhdrcont { border-bottom-width: 0; } .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td { border-top-style: solid; border-top-width: 1px; } .e-grid.e-bothlines .e-filterbarcell, .e-grid.e-bothlines .e-filterbarcelldisabled { border-width: 1px 0 0 1px; } .e-grid .e-headercell, .e-grid .e-detailheadercell { border-style: solid; border-width: 0; font-size: 12px; font-weight: 500; height: 42px; overflow: hidden; padding: 0 21px 0; position: relative; text-align: left; } .e-grid.e-device .e-headercell { padding: 0 12px 0; } .e-grid.e-device .e-headercell:first-child { padding: 0 12px 0 16px; } .e-grid.e-device .e-headercell:last-child { padding: 0 16px 0 12px; } .e-grid .e-rowcell { border-style: solid; border-width: 1px 0 0 0; display: table-cell; font-size: 13px; line-height: 20px; overflow: hidden; padding: 8px 21px; vertical-align: middle; white-space: nowrap; width: auto; } .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell, .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell, .e-grid .e-movableheader table .e-insertedrow td.e-rowcell, .e-grid .e-movablecontent table .e-insertedrow td.e-rowcell, .e-grid:not(.e-grid-min-height) .e-gridcontent .e-content tr.e-insertedrow .e-rowcell:empty, .e-grid .e-row.e-emptyrow { height: 37px; } .e-grid .e-editedrow .e-input-group input.e-input, .e-grid .e-editedrow .e-input-group.e-control-wrapper input.e-input, .e-grid .e-addedrow .e-input-group input.e-input, .e-grid .e-addedrow .e-input-group.e-control-wrapper input.e-input { min-height: unset; } .e-grid:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty { height: 36px; } .e-grid.e-afenabled .e-movablecontent, .e-grid.e-afenabled .e-frozencontent, .e-grid.e-afenabled .e-movableheader, .e-grid.e-afenabled .e-frozenheader, .e-grid.e-afenabled .e-headercontent, .e-grid.e-enabledboxbdr .e-movablecontent, .e-grid.e-enabledboxbdr .e-frozencontent, .e-grid.e-enabledboxbdr .e-movableheader, .e-grid.e-enabledboxbdr .e-frozenheader, .e-grid.e-enabledboxbdr .e-headercontent { position: relative; } .e-grid .e-rowcell:first-child, .e-grid .e-summarycell:first-child { padding-left: 21px; } .e-grid .e-rowcell:last-child, .e-grid .e-summarycell:last-child { padding-right: 21px; } .e-grid .e-unboundcell, .e-grid .e-editedrow .e-normaledit .e-unboundcell, .e-grid .e-addedrow .e-normaledit .e-unboundcell { padding-bottom: 4px; padding-top: 4px; } .e-grid .e-unboundcelldiv > button { margin: 0 3.5px; } .e-grid .e-unboundcelldiv { margin: 0 -3.5px; } .e-grid .e-summarycell { border-style: solid; border-width: 1px 0 0; font-size: 13px; font-weight: 500; height: auto; line-height: 18px; padding: 8px 21px; white-space: normal; word-wrap: break-word; } .e-grid .e-summarycontent { display: flex; } .e-grid .e-summarycontent .e-frozenfootercontent { float: left; width: min-content; } .e-grid .e-summarycontent .e-frozen-right-footercontent { float: right; } .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell { border-left: 1px solid; border-color: #e0e0e0; } .e-grid .e-summarycontent .e-movablefootercontent { height: inherit; overflow: hidden; flex: 1; } .e-grid .e-summarycontent .e-indentcell { border-width: 1px 0 0; } .e-grid .e-summarycontent .e-detailindentcelltop { border-width: 1px 0 0; } .e-grid.e-device .e-rowcell, .e-grid.e-device .e-summarycell { padding: 8px 12px; } .e-grid.e-device .e-rowcell:first-child, .e-grid.e-device .e-summarycell:first-child { padding: 8px 12px 8px 16px; } .e-grid.e-device .e-rowcell:last-child, .e-grid.e-device .e-summarycell:last-child { padding: 8px 16px 8px 12px; } .e-grid td.e-rowcell.e-checkbox { padding: 6px 21px; } .e-grid td.e-rowcell.e-checkbox input[type='checkbox'] { margin-top: 5px; } .e-grid.e-default .e-rowcell.e-lastrowcell { border-bottom-width: 1px; } .e-grid.e-default .e-detailrowcollapse.e-lastrowcell { border-bottom-width: 1px; } .e-grid.e-default .e-detailrow .e-lastrowcell { border-bottom: 1px solid; border-bottom-color: #e0e0e0; } .e-grid.e-bothlines .e-rowcell.e-lastrowcell { border-bottom-width: 1px; } .e-grid.e-bothlines .e-rowcell { border-width: 1px 0 0 1px; } .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] { padding-bottom: 13px; vertical-align: bottom; } .e-grid .e-emptyrow td { line-height: 20px; padding: .7em; } .e-grid.e-responsive .e-rowcell, .e-grid.e-responsive .e-headercelldiv { text-overflow: ellipsis; white-space: nowrap; } .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv { text-overflow: clip; } .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell { border-width: 0; } .e-grid [aria-selected] + tr .e-detailindentcell { border-top-style: solid; border-top-width: 1px; } .e-grid.e-default.e-verticallines .e-headercell, .e-grid.e-default.e-verticallines .e-detailheadercell { border-width: 0 0 0 1px; } .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell { border-bottom: 1px solid; } .e-grid.e-default .e-stackedheadercell { border-width: 0 0 1px 1px; } .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) { border-left-width: 0; } .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell { border-width: 0 0 0 1px; } .e-grid.e-default table th[rowspan] { border-width: 0 0 0 1px; } .e-grid tr th.e-firstcell { border-left-style: solid; border-left-width: 1px; } .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child { border-left-width: 0; } .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst { border-left-width: 0; } .e-grid .e-hide { display: none; } .e-grid .e-rowcell, .e-grid .e-gridcontent, .e-grid .e-gridheader, .e-grid .e-headercontent, .e-grid .e-groupdroparea, .e-grid .e-gridfooter, .e-grid .e-summarycontent { overflow: hidden; vertical-align: middle; } .e-grid .e-sortfilterdiv { float: right; height: 10px; margin: -15px 10px; padding: 3px; width: 10px; } .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv { float: left; margin: -15px 5px; } .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv, .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv { padding: 0 0.6em 0 1.9em; } .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv { margin: -7px 15px -7px -7px; } .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv { margin: -7px 15px -7px -7px; } .e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv, .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv { padding: 0 1.8em 0 0.6em; } .e-grid .e-filtermenudiv { float: right; margin: -18px -7px; padding: 6px; text-align: right; } .e-grid .e-filtermenudiv:hover { cursor: pointer; } .e-grid.e-print-grid-layout .e-pager, .e-grid.e-print-grid-layout .e-filterbar, .e-grid.e-print-grid-layout .e-icons:not(.e-frame), .e-grid.e-print-grid-layout .e-grouptopleftcell, .e-grid.e-print-grid-layout .e-recordpluscollapse, .e-grid.e-print-grid-layout .e-indentcell, .e-grid.e-print-grid-layout .e-recordplusexpand { display: none; } .e-grid.e-print-grid-layout .e-indentcell.e-detailindentcelltop { display: table-cell; } .e-grid.e-print-grid-layout .e-content { overflow-y: hidden; } .e-grid.e-print-grid-layout .e-grouptext { width: auto; } .e-grid.e-print-grid-layout .e-detailcell { padding: .8em .6em; } .e-grid.e-print-grid { left: -1000px; top: -1000px; } .e-grid .e-flmenu-valuediv { padding: 24px 0 0; } .e-grid .e-flbldcontent { padding: 18px 18px 0; } .e-grid .e-flblbtn { width: 110px; } .e-grid .e-sortnumber { border-radius: 65%; display: inline-block; float: right; font-size: 9px; height: 15px; line-height: 16px; margin: 8px 5px 0 2px; text-align: center; width: 15px; } .e-grid .e-gridheader .e-rightalign .e-sortnumber { float: left; margin: 8px 2px 0 5px; } .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv { margin: -15px 24px; } .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv { margin: -15px 5px; } .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber { margin: 3px 2px 0 5px; } .e-grid.e-wrap .e-gridheader .e-sortnumber { margin: 3px 5px 0 2px; } .e-grid.e-wrap .e-gridheader .e-sortfilterdiv { margin: -9px 10px; } .e-grid .e-movableheader .e-editcell.e-normaledit, .e-grid .e-frozenheader .e-editcell.e-normaledit { border-top-color: transparent; } .e-grid .e-columnmenu { position: absolute; right: 23px; float: right; margin: -18px; padding: 6px; } .e-grid.e-wrap .e-columnmenu { margin: -13px -13px -23px -23px; } .e-grid.e-rtl .e-columnmenu { left: 5px; right: auto; margin: -17px -18px -18px 3px; } .e-grid.e-wrap.e-rtl .e-columnmenu { margin: -13px -13px -23px -3px; } .e-grid [class^='e-'] { box-sizing: border-box; } .e-grid .e-rowdragdropcell { border-style: solid; border-width: 1px 0 0 0; } .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand { border-style: solid; border-width: 1px 0 0 0; cursor: pointer; } .e-grid .e-detailindentcell { border-right-style: solid; border-right-width: 1px; } .e-grid .e-detailcell { border-top-style: solid; border-top-width: 1px; padding: .3em; } .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell { border-width: 0 0 0 1px; } .e-grid.e-hidelines .e-rowcell, .e-grid.e-horizontallines .e-headercell, .e-grid.e-hidelines .e-headercell, .e-grid.e-horizontallines .e-detailheadercell, .e-grid.e-hidelines .e-detailheadercell, .e-grid.e-hidelines tr th.e-firstcell, .e-grid.e-hidelines .e-filterbarcell { border-width: 0; } .e-grid.e-horizontallines .e-headercell.e-stackedheadercell { border-width: 0 0 1px 1px; } .e-grid.e-horizontallines .e-rowcell { border-width: 1px 0 0; } .e-grid.e-horizontallines .e-filterbarcell { border-width: 1px 0 0; } .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell { border-bottom-width: 1px; } .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible { border-left-width: 0; } .e-grid.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-verticallines .e-firstchildrow .e-detailrowcollapse, .e-grid.e-verticallines .e-firstchildrow .e-detailrowexpand, .e-grid.e-hidelines .e-firstchildrow .e-rowcell, .e-grid.e-hidelines .e-firstchildrow .e-detailrowcollapse, .e-grid.e-hidelines .e-firstchildrow .e-detailrowexpand { border-top-width: 1px; } .e-grid .e-filterbarcell .e-icons::before { display: block; margin: 0 auto; } .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button, .e-grid .e-search input::-webkit-search-cancel-button { display: none; } .e-grid .e-filterbarcell .e-filtertext::-ms-clear, .e-grid .e-search input::-ms-clear { display: none; } .e-grid .e-filterbarcell, .e-grid .e-filterbarcelldisabled { border-collapse: collapse; border-style: solid; border-width: 1px 0 0; cursor: default; height: 42px; overflow: hidden; padding: 0 21px; vertical-align: middle; } .e-grid .e-rowdragheader { border-color: #e0e0e0; border-style: solid; border-width: 1px 0 0; } .e-grid .e-filterbarcell input { border-radius: 0; border-style: solid; border-width: 0 0 2px 0; font-size: 13px; font-weight: normal; height: 26px; padding-right: 24px; text-indent: 0; width: 100%; } .e-grid.e-device .e-filterbarcell { padding: 8px 12px; } .e-grid.e-device .e-filterbarcell:first-child { padding: 8px 12px 8px 16px; } .e-grid.e-device .e-filterbarcell:last-child { padding: 8px 16px 8px 12px; } .e-grid .e-searchclear { float: right; position: relative; } .e-grid.e-rtl .e-searchclear { float: left; position: relative; } .e-grid .e-checkboxlist { height: 200px; margin-top: 5px; min-height: 160px; overflow-y: auto; } .e-grid .e-checkfltrnmdiv { height: 60px; padding: 23px; text-align: center; } .e-grid .e-checkboxlist > span { padding-left: 9px; } .e-grid .e-chk-hidden { -moz-appearance: none; height: 1px; opacity: 0; width: 1px; } .e-grid .e-checkselect, .e-grid .e-checkselectall { margin: 0; opacity: 0; position: absolute; width: 0; } .e-grid .e-rowcell .e-checkbox-wrapper, .e-grid .e-rowcell .e-css.e-checkbox-wrapper { height: 20px; line-height: 20px; } .e-grid .e-dialog.e-checkboxfilter, .e-grid .e-dialog.e-flmenu { min-width: 250px; } .e-grid .e-dialog.e-checkboxfilter .e-dlg-content, .e-grid .e-dialog.e-flmenu .e-dlg-content { border-radius: 0; } .e-grid .e-dialog.e-checkboxfilter { min-height: 322px; } .e-grid .e-checkboxfilter .e-searchbox { display: block; } .e-grid .e-checkboxfilter .e-dlg-content { padding-left: 9px; } .e-grid .e-checkboxfilter .e-ftrchk, .e-grid .e-checkboxfilter .e-searchbox { padding-left: 9px; } .e-grid .e-ftrchk { padding-bottom: 9px; padding-top: 9px; } .e-grid .e-filterdiv, .e-grid .e-fltrtempdiv { padding: 0; position: relative; text-align: center; width: 100%; } .e-grid .e-pager { border-bottom: transparent; border-left: transparent; border-right: transparent; } .e-grid .e-gridpopup { font-weight: normal; position: absolute; -webkit-user-select: none; user-select: none; z-index: 99999; } .e-grid .e-gridpopup .e-content { border-radius: 4px; border-style: solid; border-width: 1px; font-size: 14px; padding: 4px; } .e-grid .e-lastsummarycell { border-right: 1px solid; } .e-grid .e-footerpadding { padding-right: 14px; } .e-grid .e-gridpopup span { border: 1px solid transparent; cursor: pointer; display: inline-block; height: 26px; padding: 4px; width: 26px; } .e-grid .e-gridpopup .e-tail::before, .e-grid .e-gridpopup .e-tail::after { border: 10px solid transparent; content: ''; height: 0; left: 8px; position: absolute; width: 0; } .e-grid .e-gridpopup .e-downtail::after { top: 34px; } .e-grid .e-gridpopup .e-uptail::after { top: -17px; } .e-grid .e-gridpopup .e-uptail::before { top: -19px; } .e-grid .e-gridpopup .e-sortdirect, .e-grid .e-gridpopup .e-rowselect { line-height: 18px; text-indent: 7%; } .e-grid .e-cloneproperties { border-style: solid; border-width: 1px; box-shadow: 0 0; font-size: 12px; font-weight: 500; opacity: 1; overflow: hidden; padding: 4px 5px; text-align: center; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; z-index: 10; } .e-grid .e-cloneproperties.e-draganddrop { border-spacing: 0; font-size: 12px; font-weight: normal; overflow: visible; } .e-grid .e-cloneproperties.e-draganddrop table { border-spacing: 0; } .e-grid .e-defaultcur { cursor: default; } .e-grid .e-notallowedcur { cursor: not-allowed; } .e-grid .e-grabcur { cursor: grabbing; } .e-grid .e-cloneproperties.e-headerclone table { border-spacing: 0; } .e-grid .e-headerclone { border-radius: 12px; font-size: 12px; font-weight: 500; line-height: 29px; } .e-grid .e-draganddrop { border-width: 0 1px 1px; font-weight: normal; padding: 0; } .e-grid .e-draganddrop .e-rowcell { opacity: .95; } .e-grid.e-default .e-gridheader th.e-firstcell, .e-grid.e-default .e-gridheader th.e-laststackcell { border-left-style: solid; border-left-width: 1px; } .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px; } .e-grid.e-default.e-hidelines .e-gridheader th.e-firstcell { border-left-width: 0; } .e-grid .e-gridheader .e-headercontent .e-reorderuparrow, .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow { font-size: 8px; margin-left: 0; margin-top: 0; position: absolute; z-index: 10; } .e-grid td.e-active { font-weight: normal; } .e-grid td.e-cellselectionbackground { font-weight: normal; } .e-grid .e-groupdroparea { height: auto; line-height: normal; min-height: 48px; } .e-grid .e-griddragarea { border: 1px solid; opacity: .6; position: absolute; } .e-grid .e-gdclone { border-radius: 13px; padding: 2px; } .e-grid .e-content { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: scroll; position: relative; } .e-grid.e-ungroupdrag .e-columnheader, .e-grid.e-ungroupdrag .e-groupdroparea, .e-grid.e-rowdrag .e-columnheader, .e-grid.e-rowdrag .e-groupdroparea { cursor: not-allowed; } .e-grid .e-groupdroparea, .e-grid.e-ungroupdrag .e-gridcontent, .e-grid.e-rowdrag .e-gridcontent { cursor: default; } .e-grid .e-groupdroparea { border-style: solid none; border-width: 1px 0 0; } .e-grid .e-groupdroparea { border-top-width: 1px; font-size: 14px; font-weight: lighter; opacity: 0.87; padding: 14px 24px; text-align: left; text-indent: 1pt; -webkit-user-select: none; user-select: none; width: 100%; } .e-grid .e-grouptext { display: inline-block; margin-right: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 57px; } .e-grid .e-grid-icon { float: left; } .e-grid .e-groupheadercell, .e-grid .e-groupheadercell:hover { border: 0; border-collapse: collapse; border-radius: 12px; cursor: pointer; font-size: 13px; font-weight: normal; height: 24px; margin: 3px 0 0 18px; overflow: hidden; padding: 0 6px 0 9px; vertical-align: middle; } .e-grid .e-groupheadercell:hover { border: 0; padding: 0 6px 0 9px; } .e-grid .e-groupheadercell span { display: inline-block; float: left; height: 24px; line-height: 26px; padding: 0; vertical-align: middle; } .e-grid .e-groupheadercell .e-grouptext { line-height: 24px; } .e-grid .e-groupheadercell .e-ungroupbutton { font-size: 13px; line-height: 26px; } .e-grid.e-device .e-groupheadercell span { line-height: 26px; } .e-grid.e-device .e-groupheadercell .e-ungroupbutton { line-height: 28px; } .e-grid .e-groupheadercell .e-cancel { padding-right: 10px; } .e-grid .e-groupheadercell .e-icons::before { display: inline; } .e-grid .e-groupsort, .e-grid .e-ungroupbutton, .e-grid .e-toggleungroup { font-size: 10px; margin-left: 6px; } .e-grid .e-groupsort { margin-right: 0; margin-top: 0; } .e-grid span.e-ungroupbutton.e-icons { margin-left: 6px; margin-top: 0; } .e-grid .e-grptogglebtn { padding: 7px; } .e-grid .e-icon-gdownarrow { font-size: 11px; text-indent: 12px; } .e-grid .e-icon-grightarrow { font-size: 10px; text-indent: 12px; } .e-grid .e-recordplusexpand { padding-top: 5px; } .e-grid .e-indentcell { border-style: solid; border-width: 0 1px 0 0; } .e-grid .e-indentcell.e-indentcelltop, .e-grid .e-indentcell.e-detailindentcelltop { border-width: 1px 0 0; } .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse { border-style: solid; border-width: 1px 0 0; cursor: pointer; } .e-grid .e-groupcaption { border-style: solid; border-width: 1px 0 0; display: table-cell; font-size: 12px; line-height: 20px; overflow: hidden; padding: 0.7em; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: auto; } .e-grid .e-virtualtable .e-groupcaption { line-height: 20px; padding: 8px 21px; } .e-grid .e-autofill { border: 1px solid; height: 8px; position: absolute; -webkit-user-select: none; user-select: none; width: 8px; } .e-grid .e-headercontent { border-style: solid; border-width: 0; } .e-grid .e-stackedheadercell { border-width: 0 0 1px 1px; white-space: nowrap; } .e-grid .e-noselect { -webkit-user-select: none; user-select: none; } .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn { font-size: 9px; line-height: 3; } .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn { margin-top: 1px; } .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar { margin-top: 0; padding: 3px 0 0; } .e-grid .e-edit-dialog .e-dlg-content { position: relative; } .e-grid .e-edit-dialog { min-height: 350px; } .e-grid .e-griderror label { display: inline !important; } .e-grid .e-tooltip-wrap.e-griderror { z-index: 1000; } .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top { left: 44%; } .e-grid .e-normaledit .e-rowcell { padding-bottom: 0; padding-top: 0; } .e-grid.e-device .e-normaledit .e-rowcell { padding-bottom: 4px; padding-top: 4px; } .e-grid .e-gridcontent .e-normaledit .e-rowcell.e-lastrowadded { border-bottom: 1px solid #e0e0e0; border-top: 0 none #e0e0e0; } .e-grid .e-normaledit { border-top: 0; padding: 0; } .e-grid .e-gridcontent .e-normaledit .e-rowcell { border-top: 1px solid; } .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell { border-top: 0; } .e-grid.e-device .e-editedbatchcell.e-rowcell, .e-grid .e-editedbatchcell.e-rowcell, .e-grid.e-device .e-gridcontent .e-normaledit .e-rowcell { padding-bottom: 0; padding-top: 0; } .e-grid .e-editedbatchcell, .e-grid td.e-boolcell { padding-left: 21px; padding-right: 21px; } .e-grid td.e-boolcell input { margin: 3px 3px 3px 4px; } .e-grid td.e-boolcell.e-rowcell { padding-bottom: 5px; padding-top: 5px; } .e-grid .e-dialog .e-gridform .e-rowcell { border: 0; padding: 0; } .e-grid .e-row .e-input-group .e-input.e-field, .e-grid .e-row .e-input-focus .e-input.e-field { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; padding-bottom: 6px; padding-top: 9px; } .e-grid .e-row .e-input-group { margin-bottom: 2px; margin-top: 0; vertical-align: middle; } .e-grid .e-defaultcell.e-ralign, .e-grid .e-editedrow .e-defaultcell.e-ralign, .e-grid .e-defaultcell.e-ralign:focus, .e-grid .e-editedrow .e-defaultcell.e-ralign:focus { padding-right: 10px; } .e-grid .e-dlg-content .e-defaultcell.e-ralign, .e-grid .e-dlg-content .e-defaultcell.e-ralign:focus { padding-right: 0; } .e-grid .e-hiddenrow { display: none; } .e-grid .e-columnchooserdiv { float: right; margin: -12px; } .e-grid .e-ccdlg .e-dlg-content { margin: 20px 0 0; overflow: visible; padding: 16px 18px 13px 9px; } .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard { padding-left: 9px; } .e-grid .e-ccdlg .e-main-div { box-sizing: border-box; position: relative; } .e-grid .e-ccdlg .e-ccul-ele { margin: 13px 0; padding: 0; } .e-grid .e-ccdlg li.e-cclist { padding: 9px 0; } .e-grid .e-ccdlg .e-checkbox-wrapper .e-frame { margin-left: 0; } .e-grid .e-ccdlg label.e-cc { margin: 0; } .e-grid .e-ccdlg .e-footer-content { border-style: solid; border-width: 1px 0 0; } .e-grid .e-ccdlg .e-cc-contentdiv { height: 196px; overflow-y: auto; } .e-grid .e-ccdlg .e-cc-searchdiv { border-style: solid; border-width: 0 0 2px; left: 4px; opacity: 0.6; position: absolute; right: 0; top: -46px; } .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons { float: right; opacity: .6; padding: 5px 2px; } .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel { font-size: 11px; padding: 5px 2px 6px; } .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus { opacity: 1; } .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus span.e-ccsearch-icon.e-icons { opacity: 1; } .e-grid .e-ccdlg .e-innerdiv.e-ccnmdiv { height: 60px; padding: 23px; text-align: center; } .e-grid .e-ccdlg .e-checkbox-wrapper .e-label { text-overflow: ellipsis; } .e-grid .e-ccdlg .e-cc-chbox { margin: 3px; vertical-align: middle; } .e-grid .e-ccdlg .e-cc-lab-name { padding: 7px; text-overflow: ellipsis; vertical-align: middle; } .e-grid .e-ccdlg .e-cc.e-input, .e-grid .e-ccdlg .e-cc.e-input:focus { border: 0; padding-bottom: 8px; padding-left: 4px; padding-top: 4px; } .e-grid .e-checkboxfiltertext { width: 150px; word-break: normal; } .e-grid .e-frozenhdrcont .e-headercontent > .e-table, .e-grid .e-frozenhdrcont .e-frozenheader > .e-table, .e-grid .e-frozenhdrcont .e-movableheader > .e-table, .e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table { border-bottom: 2px solid; } .e-grid .e-frozenheader > .e-table, .e-grid .e-frozencontent > .e-table, .e-grid .e-frozenheader .e-virtualtable > .e-table, .e-grid .e-frozencontent .e-virtualtable > .e-table { border-left: 0; border-right: 2px solid; } .e-grid .e-frozenheader.e-frozen-right-header > .e-table, .e-grid .e-frozencontent.e-frozen-right-content > .e-table { border-left: 2px solid; border-right: 0; } .e-grid .e-frozenheader { float: left; width: min-content; } .e-grid .e-frozenheader.e-frozen-right-header { float: right; } .e-grid.e-rtl .e-frozenheader > .e-table, .e-grid.e-rtl .e-frozencontent > .e-table, .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table, .e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table { border-left: 2px solid; border-right: 0; } .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table { border-left: 0; border-right: 2px solid; } .e-grid.e-rtl .e-frozenheader { float: right; } .e-grid.e-rtl .e-frozenheader.e-frozen-right-header { float: left; } .e-grid.e-rtl .e-frozencontent { float: right; } .e-grid.e-rtl .e-frozen-right-content { float: left; } .e-grid.e-rtl .e-frozenfootercontent { float: right; } .e-grid.e-rtl .e-frozen-right-footercontent { float: left; } .e-grid .e-movableheader { overflow: hidden; } .e-grid .e-frozenhdrcont { -ms-touch-action: none; } .e-grid .e-frozencontent { -ms-touch-action: none; border-bottom-width: 1px; float: left; width: min-content; } .e-grid .e-frozen-right-content { float: right; } .e-grid .e-movablecontent { -ms-overflow-style: none; flex: 1; overflow-x: auto; overflow-y: hidden; } .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { display: none; } .e-grid .e-content.e-mac-safari::-webkit-scrollbar { width: 7px; } .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .e-grid .e-frozenscrollbar { border-top: 1px solid #e0e0e0; } .e-grid .e-movablescrollbar { flex: 1; overflow: hidden; overflow-x: scroll; } .e-grid .e-columnchooser::before { line-height: 1.9; } .e-grid .e-toolbar .e-ccdiv .e-columnchooser.e-cctbn-icon { font-size: 15px; vertical-align: middle; } .e-grid .e-toolbar .e-ccdiv { margin-top: -1px; padding: 0 10px; } .e-grid.e-rtl .e-tableborder { border-left: 1px solid; border-right: 0; } .e-grid.e-rtl .e-checkboxfilter .e-dlg-content { padding-left: 18px; padding-right: 9px; } .e-grid.e-rtl .e-checkboxfilter .e-ftrchk, .e-grid.e-rtl .e-checkboxfilter .e-searchbox { padding-left: 0; padding-right: 9px; } .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell { border-width: 0; text-align: right; } .e-grid.e-rtl .e-headercell .e-headercelldiv, .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv { padding: 0 0.6em 0 1.8em; text-align: right; } .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber { float: left; margin: 9px 0 0 5px; } .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input { border-width: 0 0 2px 0; } .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv { float: left; margin: -14px 10px; } .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv { margin-left: 10px; } .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber { margin: 8px -4px 0 0; } .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv { margin-left: -5px; } .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv { float: right; margin: -14px 3px; } .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv { padding: 0 25px 0 .7em; } .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber { float: right; margin: 0 2px 0 0; } .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber { float: left; margin: 9px 0 0 5px; } .e-grid.e-rtl .e-rowcell:first-child, .e-grid.e-rtl .e-summarycell:first-child { padding-right: 21px; } .e-grid.e-rtl .e-rowcell:last-child, .e-grid.e-rtl .e-summarycell:last-child { padding-left: 21px; } .e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortnumber { margin: 3px 5px 0 2px; } .e-grid.e-rtl.e-wrap .e-gridheader .e-sortnumber { margin: 3px 5px 0 2px; } .e-grid.e-rtl.e-wrap .e-gridheader .e-sortfilterdiv { margin: -17px 4px; } .e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortfilterdiv { margin: -17px 5px; } .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv { margin: -14px 0 0 11px; } .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv { margin: -14px 0 0 11px; } .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv { margin: -7px; } .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv { margin: -7px; } .e-grid.e-rtl.e-verticallines .e-grouptopleftcell, .e-grid.e-rtl.e-bothlines .e-grouptopleftcell, .e-grid.e-rtl.e-hidelines .e-grouptopleftcell { border-top: 0; } .e-grid.e-rtl .e-grouptopleftcell { border-top: 1px solid; } .e-grid.e-rtl .e-grouptext { margin-left: 3px; margin-right: 0; } .e-grid.e-rtl .e-groupheadercell span { float: right; padding: 0; } .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell { border-top: 1px solid; } .e-grid.e-rtl .e-rowcell { border-width: 1px 0 0 0; } .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled { border-width: 1px 0 0; } .e-grid.e-rtl .e-lastrowcell { border-width: 1px 1px 1px 0; } .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv { margin: -14px 10px; } .e-grid.e-rtl .e-cloneproperties { border-width: 1px 1px 3px; } .e-grid.e-rtl tr td:first-child, .e-grid.e-rtl tr th:first-child { border-left-width: 0; } .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell), .e-grid.e-rtl.e-default.e-bothlines tr th:first-child { border-left-width: 1px; } .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand { border-left-width: 0; } .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child { border-left: 0; } .e-grid.e-rtl.e-default.e-verticallines tr th:last-child { border-left: 1px solid; } .e-grid.e-rtl.e-default .e-gridheader tr th:last-child { padding-left: 21px; padding-right: 21px; } .e-grid.e-rtl.e-default .e-gridheader tr th:first-child { padding-left: 21px; padding-right: 21px; } .e-grid.e-rtl.e-default th:first-child .e-grid.e-rtl.e-default .e-headercell, .e-grid.e-rtl.e-default .e-detailheadercell { border-width: 0; } .e-grid.e-rtl.e-default .e-rowcell { border-width: 1px 0 0 0; } .e-grid.e-rtl.e-default.e-verticallines .e-headercell, .e-grid.e-rtl.e-default.e-verticallines .e-rowcell, .e-grid.e-rtl.e-default.e-verticallines .e-filterbarcell, .e-grid.e-rtl.e-default.e-verticallines .e-detailheadercell, .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-firstcell { border-width: 0 0 0 1px; } .e-grid.e-rtl.e-default.e-verticallines tr th:first-child:not(.e-firstcell) { border-left-width: 1px; } .e-grid.e-rtl.e-default .e-stackedheadercell, .e-grid.e-rtl.e-default.e-horizontallines .e-stackedheadercell { border-width: 0 1px 1px 0; } .e-grid.e-rtl.e-default .e-gridheader th.e-firstcell, .e-grid.e-rtl.e-default.e-horizontallines .e-gridheader th.e-firstcell { border-left-width: 0; border-right-width: 1px; } .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-firstcell { border-left-width: 1px; border-right-width: 0; } .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader { border-left: 0; } .e-grid.e-rtl.e-default.e-hidelines .e-gridheader th.e-firstcell { border-left: 0; border-right: 0; } .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-horizontallines .e-gridheader .e-headercell.e-firstheader { border-right: 1px solid; } .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader { border-right: 0; } .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell { border-left: 1px solid; } .e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell { border-bottom: 1px solid; } .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell { border-right-style: solid; border-right-width: 1px; } .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons { float: left; } .e-grid.e-rtl .e-groupsort, .e-grid.e-rtl .e-ungroupbutton, .e-grid.e-rtl .e-toggleungroup { margin-left: 0; margin-right: 6px; } .e-grid.e-rtl span.e-ungroupbutton.e-icons { margin-left: 0; margin-right: 6px; padding-top: 0; } .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell { border-width: 0 0 0 1px; } .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop { border-left: 1px solid #e0e0e0; padding-left: 3px; } .e-grid.e-rtl .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before { left: 4px; position: relative; } .e-grid.e-rtl.e-default table th[rowspan] { border-width: 0 1px 0 0; } .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell { border-left: 1px solid; border-right: 0; } .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell { border-bottom-style: solid; border-bottom-width: 1px; } .e-grid.e-rtl.e-bothlines .e-filterbarcell, .e-grid.e-rtl.e-bothlines .e-filterbarcelldisabled { border-width: 1px 0 0 1px; } .e-grid.e-rtl.e-bothlines .e-rowcell, .e-grid.e-rtl.e-bothlines .e-rowcell.e-lastrowcell { border-width: 1px 0 0 1px; } .e-grid.e-rtl.e-verticallines .e-rowcell, .e-grid.e-rtl.e-verticallines .e-filterbarcell { border-width: 1px 0 0 1px; } .e-grid.e-rtl.e-hidelines .e-rowcell, .e-grid.e-rtl.e-hidelines .e-headercell, .e-grid.e-rtl.e-hidelines .e-detailheadercell, .e-grid.e-rtl.e-hidelines .e-filterbarcell { border-width: 0; } .e-grid.e-rtl.e-horizontallines .e-rowcell { border-width: 1px 0 0; } .e-grid.e-rtl.e-horizontallines .e-filterbarcell { border-width: 1px 0 0; } .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell { border-bottom-width: 1px; } .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell { border-top-width: 1px; } .e-grid.e-rtl .e-groupheadercell .e-icons::before { display: inline-block; } .e-grid.e-rtl .e-groupheadercell .e-cancel { padding-left: 23px; padding-right: 0; padding-top: 2px; } .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover { margin-left: 10px; margin-right: 18px; padding: 0 9px 0 6px; } .e-grid.e-rtl .e-groupheadercell, .e-grid.e-rtl .e-groupheadercell:hover { float: right; } .e-grid.e-rtl .e-groupdroparea { text-align: right; } .e-grid.e-rtl .e-ungroupbutton { float: left; } .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell { border-style: solid; border-width: 0 0 0 1px; } .e-grid.e-rtl .e-defaultcell.e-ralign, .e-grid.e-rtl .e-row .e-input.e-defaultcell.e-ralign, .e-grid.e-rtl .e-defaultcell.e-ralign:focus, .e-grid.e-rtl .e-editedrow .e-defaultcell.e-ralign:focus { padding-left: 10px; } .e-grid.e-rtl .e-detailindentcell { border-left-style: solid; border-left-width: 1px; border-right-width: 0; } .e-grid.e-rtl .e-filtermenudiv { float: left; margin: -18px 0 -18px -11px; padding: 6px; } .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv { height: Auto; line-height: 18px; overflow-wrap: break-word; text-overflow: clip; white-space: normal; word-wrap: break-word; } .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv { max-height: 36px; } .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv { margin-bottom: 2px; margin-top: 0; } .e-grid.e-wrap .e-columnheader .e-filtermenudiv { line-height: 18px; } .e-grid .e-columnheader.e-wrap .e-filtermenudiv { line-height: 18px; } .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell { height: Auto; line-height: 18px; overflow-wrap: break-word; text-overflow: clip; white-space: normal; word-wrap: break-word; } .e-grid .e-stackedheadercelldiv { overflow: hidden; text-overflow: ellipsis; } .e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv { max-height: 36px; } .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv { margin: -18px 10px; } .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv { margin: -18px 5px; } .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv { margin: -11px 24px; } .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv { margin: -10px 5px; } .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before { display: inline-block; } .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip { text-overflow: clip; } .e-grid .e-clipboard { cursor: default; height: 1px; left: -1000px; overflow: hidden; position: fixed; resize: none; top: -1000px; width: 1px; } .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell { border-left: 0; border-right: 0; border-top: 0; } .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor { border-right: 0; } .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] { border-left: 0; } .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor { border-left: 0; } .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] { border-right: 0; } .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell { background-color: rgba(0, 0, 0, 0.1); display: inline-block; height: 10px; width: 80%; } .e-grid.sf-grid .e-movablecontent { height: inherit; overflow: hidden; } .e-grid.sf-grid .e-frozencontent { border-bottom-style: solid; height: inherit; overflow: hidden; } .e-grid.sf-grid .e-gridcontent .e-content, .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent { overflow-y: auto; } .e-grid.sf-grid .e-gridcontent .e-content.e-yscroll { overflow-y: scroll; } .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent.e-yscroll { overflow-y: hidden; } .e-grid.sf-grid .e-gridcontent .e-content.e-noscroll, .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent.e-noscroll { overflow-y: hidden; } .e-grid.sf-grid .e-label.e-fltrcheck, .e-grid.sf-grid .e-label.e-choosercheck { width: 0; } .e-grid.sf-grid .e-checkboxlist .e-fltrcheck, .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck { white-space: nowrap; } .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow, .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow, .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow, .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow { font-size: 8px; margin-top: 0; } .e-bigger .e-grid .e-gridheader thead .e-icons, .e-bigger.e-grid .e-gridheader thead .e-icons { font-size: 16px; } .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv, .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv { padding-left: 0; padding-right: 6px; } .e-bigger .e-grid.e-rtl .e-columnmenu, .e-bigger.e-grid.e-rtl .e-columnmenu { margin: -17px -18px -18px 3px; } .e-bigger .e-grid.e-rtl .e-groupheadercell span, .e-bigger.e-grid.e-rtl .e-groupheadercell span { padding: 0; } .e-grid-min-height .e-rowcell { line-height: normal; padding-bottom: 0; padding-top: 0; } .e-grid-min-height .e-gridheader .e-headercell, .e-grid-min-height .e-gridheader .e-detailheadercell, .e-grid-min-height .e-gridheader .e-headercell .e-headercelldiv { height: auto; } .e-grid-min-height .e-gridcontent .e-groupcaption { line-height: normal; padding: 0 .7em; } .e-grid-min-height .e-summarycell { line-height: normal; padding: 0 8px; } .e-grid-min-height .e-grid-height .e-rowcell { line-height: 20px; padding: 8px 21px; } .e-grid-min-height .e-grid-height .e-gridheader .e-headercell, .e-grid-min-height .e-grid-height .e-gridheader .e-detailheadercell, .e-grid-min-height .e-grid-height .e-gridheader .e-headercell .e-headercelldiv { height: 29px; } .e-grid-min-height .e-grid-height .e-gridcontent .e-groupcaption { line-height: 20px; padding: .7em; } .e-grid-min-height .e-grid-height .e-summarycell { line-height: 18px; padding: 8px 21px; } .e-device.e-grid-min-height .e-grid-height .e-rowcell { padding: 8px 12px; } .e-device.e-grid-min-height .e-grid-height .e-rowcell:first-child { padding: 8px 12px 8px 16px; } .e-device.e-grid-min-height .e-grid-height .e-rowcell:last-child { padding: 8px 16px 8px 12px; } .e-device.e-grid-min-height .e-rowcell, .e-device.e-grid-min-height .e-rowcell:first-child, .e-device.e-grid-min-height .e-rowcell:last-child { padding-bottom: 0; padding-top: 0; } .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell { line-height: 27px; padding: 11px 28px; } .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell:first-child { line-height: 28px; padding-left: 28px; } .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell:last-child { line-height: 28px; padding-right: 28px; } .e-bigger .e-grid.e-grid-min-height .e-rowcell, .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child, .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child { line-height: normal; padding-bottom: 0; padding-top: 0; } .e-bigger .e-wrap.e-grid-min-height .e-grid-height .e-rowcell { line-height: 18px; } .e-bigger .e-wrap.e-grid-min-height .e-grid-height .e-frozencontent table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-grid-height .e-movablecontent table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-grid-height .e-frozenhdrcont table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-grid-height:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-grid-height:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty { height: 49px; } .e-bigger .e-wrap.e-grid-min-height .e-rowcell { line-height: 18px; } .e-bigger .e-wrap.e-grid-min-height .e-frozencontent table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-movablecontent table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height .e-frozenhdrcont table tr td:first-child:empty, .e-bigger .e-wrap.e-grid-min-height:not(.e-grid-min-height) .e-gridcontent tr td:not(.e-indentcell):first-child:empty, .e-bigger .e-wrap.e-grid-min-height:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty { height: 18px; } .e-rtl .e-grid .e-headercell, .e-rtl .e-grid .e-detailheadercell, .e-rtl .e-grid .e-headercelldiv, .e-rtl .e-grid .e-headercelldiv.e-headerchkcelldiv { text-align: right; } .e-edit-dialog .e-gridform .e-table { border-collapse: separate; border-spacing: 11px; width: 100%; } .e-edit-dialog .e-dlg-content { position: relative; } .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover, .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active, .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus { background: none; } .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons, .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons, .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons { padding-bottom: 0; } .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon, .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon { background: none; } .e-bigger .e-grid.e-row-responsive .e-responsive-header, .e-bigger.e-grid.e-row-responsive .e-responsive-header { border-top: 1px solid; border-top-color: #e0e0e0; } .e-bigger .e-grid.e-row-responsive .e-gridcontent td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent td::before, .e-bigger.e-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.e-row-responsive .e-summarycontent td::before { content: attr(data-cell); font-weight: 500; left: 13px; padding-right: 10px; position: absolute; top: 6px; white-space: nowrap; width: 45%; } .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell], .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] { padding-bottom: 5px; padding-left: 55%; padding-top: 5px; position: relative; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-input, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-input, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-input, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-input { display: block; } .e-bigger .e-grid.e-row-responsive .e-gridcontent td, .e-bigger .e-grid.e-row-responsive .e-summarycontent td, .e-bigger.e-grid.e-row-responsive .e-gridcontent td, .e-bigger.e-grid.e-row-responsive .e-summarycontent td { border: 0; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-row, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-row, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-row, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-row { border-bottom: 1px solid #e0e0e0; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-normaledit .e-rowcell, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-normaledit .e-rowcell, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-normaledit .e-rowcell, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-normaledit .e-rowcell { height: auto; padding-left: 1%; padding-right: 1%; } .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-rowcell, .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-rowcell, .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-rowcell, .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-rowcell { border-bottom: 0; border-bottom-color: #e0e0e0; height: auto; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell { border-bottom: 0; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-normaledit :not(.e-responsive-editcell).e-rowcell, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-normaledit :not(.e-responsive-editcell).e-rowcell, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-normaledit :not(.e-responsive-editcell).e-rowcell, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-normaledit :not(.e-responsive-editcell).e-rowcell { border-top-width: 0; } .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-normaledit .e-rowcell::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-normaledit .e-rowcell::before, .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-normaledit .e-rowcell::before, .e-bigger.e-grid.e-row-responsive .e-summarycontent .e-normaledit .e-rowcell::before { bottom: 6px; position: static; } .e-bigger .e-grid.e-row-responsive .e-table, .e-bigger.e-grid.e-row-responsive .e-table { display: block; } .e-bigger .e-grid.e-row-responsive .e-table tbody, .e-bigger .e-grid.e-row-responsive .e-table tr, .e-bigger .e-grid.e-row-responsive .e-table td:not(.e-hide), .e-bigger .e-grid.e-row-responsive .e-table tfoot, .e-bigger.e-grid.e-row-responsive .e-table tbody, .e-bigger.e-grid.e-row-responsive .e-table tr, .e-bigger.e-grid.e-row-responsive .e-table td:not(.e-hide), .e-bigger.e-grid.e-row-responsive .e-table tfoot { display: block; } .e-bigger .e-grid.e-row-responsive > .e-gridheader, .e-bigger.e-grid.e-row-responsive > .e-gridheader { display: none; } .e-bigger .e-grid.e-row-responsive .e-gridfooter, .e-bigger.e-grid.e-row-responsive .e-gridfooter { padding-right: 0; } .e-bigger .e-grid.e-row-responsive.e-hidelines .e-gridcontent .e-rowcell:last-child, .e-bigger.e-grid.e-row-responsive.e-hidelines .e-gridcontent .e-rowcell:last-child, .e-bigger.e-grid.e-row-responsive.e-verticallines .e-gridcontent .e-rowcell:last-child, .e-bigger .e-grid.e-row-responsive.e-verticallines .e-gridcontent .e-rowcell:last-child { border: 0; } .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv, .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv { cursor: pointer; } .e-bigger .e-responsive-dialog .e-btn.e-ripple, .e-bigger.e-responsive-dialog .e-btn.e-ripple { overflow: initial; } .e-bigger .e-responsive-dialog .e-dlg-header-content, .e-bigger.e-responsive-dialog .e-dlg-header-content { background: #fff; border-bottom: 1px solid; border-bottom-color: #e0e0e0; padding: 16px; width: 100%; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn { background: none; box-shadow: none; outline: none; position: initial; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { background-color: transparent; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon { color: #000; font-size: 14px; margin-top: 0; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon, .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:focus .e-btn-icon, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn:focus .e-btn-icon { color: #000; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { float: left; padding-left: 0; padding-right: 40px; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header { width: auto; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element { display: flex; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header { font-weight: 500; padding-top: 5px; width: 100%; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn { color: #e3165b; margin-top: 3px; padding: 0; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear { font-size: 18px; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn { color: #e3165b; font-size: 15px; font-weight: 500; padding-top: 5px; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn { font-size: 15px; font-weight: 500; padding: 0; padding-left: 20px; padding-right: 0; padding-top: 3px; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled { color: rgba(0, 0, 0, 0.12); } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-btn { background: none; border: 0; color: #e3165b; } .e-bigger .e-responsive-dialog .e-dlg-header-content .e-res-back-btn, .e-bigger.e-responsive-dialog .e-dlg-header-content .e-res-back-btn { background: none; box-shadow: none; padding-left: 0; } .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn, .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn { padding-left: 15px; padding-right: 0; } .e-bigger .e-responsive-dialog .e-dlg-content, .e-bigger.e-responsive-dialog .e-dlg-content { padding: 16px; padding-top: 0; } .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv, .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv { text-align: center; } .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv, .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv { float: right; margin-right: 1%; margin-top: 1%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset, .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset { color: #e3165b; } .e-bigger .e-responsive-dialog .e-dlg-content .e-dialog, .e-bigger.e-responsive-dialog .e-dlg-content .e-dialog { box-shadow: none; } .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter, .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter { border: transparent; } .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content, .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content { background-color: #fff; padding: 8px; padding-right: 16px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span, .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span { padding-left: 9px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu, .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu { border: transparent; } .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content, .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content { padding: 16px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent, .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent { float: right; } .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton, .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton { background: none; width: 120px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-responsivecoldiv, .e-bigger.e-responsive-dialog .e-dlg-content .e-responsivecoldiv { font-size: 16px; margin-bottom: 26px; margin-top: 26px; width: 100%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog { bottom: 0; box-shadow: none; width: 100%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul { background-color: #fff; max-width: 100%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li { color: rgba(0, 0, 0, 0.87); } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected { background-color: #fff; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu { padding: 0; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon { margin-right: 4px; margin-left: 15px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret { padding: 0; padding-right: 8px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer { height: 88%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox { padding-left: 10px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover { background: none; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner { height: 100%; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden { -moz-appearance: none; height: 1px; opacity: 0; width: 1px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist { height: 100%; min-height: 160px; overflow-y: auto; } .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk, .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk { padding-bottom: 13px; padding-top: 13px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content, .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content { padding: 8px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer, .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer { padding-left: 8px; margin-right: 7px; } .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox, .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox { padding-left: 0; } .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist, .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist { margin-left: -7px; } .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu, .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu { background-color: #fff; border: transparent; box-shadow: none; margin-top: 23px; max-width: 100%; min-width: 100%; overflow-y: auto; padding: 16px; padding-top: 0; } .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item, .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item { padding: 0; } .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused, .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused { background-color: transparent; } .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign, .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign, .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign, .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus, .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus, .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign, .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign, .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign, .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus, .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus, .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus, .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus { padding-right: 10px; } .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn, .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn { padding-top: 0; } .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn, .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn { float: right; padding-left: 40px; padding-right: 0; } .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn, .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn { padding-left: 0; padding-right: 20px; } .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent, .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent { float: left; } /*! Grid theme */ .e-grid { border-color: #e0e0e0; } .e-grid .e-content { background-color: #fff; } .e-grid .e-icons:not(.e-btn-icon) { color: #000; } .e-grid .e-unboundcelldiv .e-icons:not(.e-btn-icon) { color: #000; } .e-grid .e-table { background-color: #fff; } .e-grid .e-focused:not(.e-menu-item) { box-shadow: 0 0 0 1px #9e9e9e inset; } .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) { color: #212121; } .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow, .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow { color: #212121; } .e-grid .e-groupdroparea .e-icons { color: #fff; } .e-grid .e-tableborder { border-right-color: #e0e0e0; } .e-grid .e-autofill { background-color: #e3165b; } .e-grid .e-autofill, .e-grid .e-xlsel { border-color: #e3165b; z-index: 1; } .e-grid .e-xlsel { background-color: transparent; border-style: solid; pointer-events: none; position: absolute; } .e-grid .e-xlselaf { background-color: #e3165b; border-color: #e3165b; position: absolute; } .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder { box-shadow: 0 2px 0 0 #e3165b; position: relative; z-index: 5; } .e-grid .e-gridheader { background-color: #fff; border-bottom-color: #e0e0e0; border-top-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .e-grid .e-gridcontent tr:first-child td { border-top-color: transparent; } .e-grid th.e-headercell[aria-sort='ascending'] .e-headertext, .e-grid th.e-headercell[aria-sort='descending'] .e-headertext, .e-grid th.e-headercell[aria-sort='ascending'] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort='descending'] .e-sortfilterdiv { color: #000; opacity: 1; } .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell { border-color: #e0e0e0; } .e-grid.e-default.e-horizontallines .e-grouptopleftcell { border-color: #e0e0e0; } .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell { border-color: #e0e0e0; } .e-grid.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-default.e-horizontallines .e-headercell.e-firstheader { border-color: #e0e0e0; } .e-grid .e-filterbarcell input { border-color: #e0e0e0; } .e-grid .e-gridcontent { background-color: #fff; } .e-grid .e-gridfooter { background-color: #f6f6f6; } .e-grid .e-headercontent { border-color: #e0e0e0; } .e-grid .e-rowdragheader { background-color: #fff; } .e-grid .e-headercell, .e-grid .e-detailheadercell { background-color: #fff; border-color: #e0e0e0; } .e-grid [aria-selected] + tr .e-detailindentcell { border-color: #e0e0e0; } .e-grid tr th.e-firstcell { border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) { color: rgba(0, 0, 0, 0.87); } .e-grid .e-summarycell { background-color: #fafafa; border-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .e-grid .e-summaryrow .e-summarycell, .e-grid .e-summaryrow .e-templatecell, .e-grid .e-summarycontent .e-indentcell, .e-grid .e-indentcell.e-detailindentcelltop { background-color: #f6f6f6; border-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell { border-color: #e0e0e0; } .e-grid.e-default .e-grouptopleftcell { border-color: #e0e0e0; } .e-grid .e-frozenhdrcont .e-headercontent > .e-table, .e-grid .e-frozenhdrcont .e-frozenheader > .e-table, .e-grid .e-frozenhdrcont .e-movableheader > .e-table, .e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table { border-bottom-color: #e3165b; } .e-grid .e-frozencontent { border-bottom-color: #e0e0e0; } .e-grid .e-frozenheader > .e-table, .e-grid .e-frozencontent > .e-table, .e-grid .e-frozencontent .e-virtualtable > .e-table, .e-grid .e-frozenheader .e-virtualtable > .e-table { border-right-color: #e3165b; } .e-grid .e-frozenheader.e-frozen-right-header > .e-table, .e-grid .e-frozencontent.e-frozen-right-content > .e-table { border-left-color: #e3165b; } .e-grid.e-rtl .e-frozenheader > .e-table, .e-grid.e-rtl .e-frozencontent > .e-table, .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table, .e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table { border-left-color: #e3165b; } .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table { border-right-color: #e3165b; } .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) { background-color: #eee; color: #000; } .e-grid tr[role='row']:hover .e-rowdragdrop { cursor: move; } .e-grid .e-sortnumber { background-color: #bbbdc0; color: #000; } .e-grid.e-gridhover .e-frozenhover { background-color: #eee; color: #000; } .e-grid .e-col-menu.e-filter-popup { box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24); } .e-grid td.e-active .e-icon-rowdragicon::before { color: #000; } .e-grid td.e-active { background: #e0e0e0; color: #000; } .e-grid .e-columnselection { background-color: #e0e0e0; } .e-grid td.e-cellselectionbackground { background: #e0e0e0; color: #000; } .e-grid .e-filterbarcell, .e-grid .e-filterbarcelldisabled { background-color: #fff; background-image: none; border-color: #e0e0e0; } .e-grid .e-filtered::before { color: #e3165b; } .e-grid .e-gridpopup .e-content { background-color: #fff; border-color: #e0e0e0; } .e-grid .e-gridpopup span:hover, .e-grid .e-gridpopup .e-spanclicked { border-color: #000; } .e-grid .e-gridpopup .e-downtail::before, .e-grid .e-gridpopup .e-downtail { border-top-color: #e0e0e0; } .e-grid .e-gridpopup .e-downtail::after { border-top-color: #fff; } .e-grid .e-gridpopup .e-uptail::before, .e-grid .e-gridpopup .e-uptail { border-bottom-color: #e0e0e0; } .e-grid .e-gridpopup .e-uptail::after { border-bottom-color: #fff; } .e-grid .e-cloneproperties { background-color: #eee; border-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .e-grid .e-rhelper { background-color: #000; cursor: col-resize; opacity: 0.87; } .e-grid.e-device .e-rcursor::before { border-right-color: #000; opacity: 0.87; } .e-grid.e-device .e-rcursor::after { border-left-color: #000; opacity: 0.87; } .e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress { border-right: 1px solid #e0e0e0; } .e-grid.e-resize-lines .e-frozen-right-header .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-frozen-right-header .e-headercell .e-rsuppress { border-left: 1px solid #e0e0e0; } .e-grid.e-resize-lines .e-focused .e-rhandler { border: 0 none; } .e-grid.e-resize-lines .e-headercell.e-stackedheadercell { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .e-grid.e-resize-lines .e-frozen-right-header .e-headercell.e-stackedheadercell { border-left: 1px solid #e0e0e0; } .e-grid.e-rtl.e-resize-lines .e-headercell.e-stackedheadercell, .e-grid.e-rtl.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-rtl.e-resize-lines .e-headercell .e-rsuppress { border-left: 1px solid #e0e0e0; border-right-width: 0; } .e-grid.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell.e-stackedheadercell, .e-grid.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell .e-rhandler, .e-grid.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell .e-rsuppress { border-left-width: 0; border-right: 1px solid #e0e0e0; } .e-grid.e-resize-lines .e-filterbarcell, .e-grid.e-rtl.e-resize-lines .e-filterbarcell { border-top: 1px solid #e0e0e0; } .e-grid .e-cloneproperties.e-draganddrop { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26); opacity: .95; overflow: visible; } .e-grid .e-row .e-dragstartrow::before, .e-grid .e-row .e-selectionbackground .e-dragstartrow::before { color: #e3165b; } .e-grid .e-griddragarea { background-color: #eee; border-color: #eee; color: #000; } .e-grid .e-groupdroparea { background-color: #e8eaf6; border-top-color: #e0e0e0; color: #000; } .e-grid .e-groupdroparea.e-hover { background-color: #c5cae9; } .e-grid .e-groupdroparea.e-grouped { background-color: #7986cb; } .e-grid .e-groupheadercell { background-color: #3f51b5; border-color: #e0e0e0; border-radius: 12px; color: #fff; } .e-grid .e-groupheadercell:hover { background-color: #3f51b5; border-color: #000; } .e-grid .e-ungroupbutton:hover { color: #fff; opacity: 1; } .e-grid .e-ungroupbutton { opacity: 0.7; } .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse { background-color: #fafafa; color: #000; } .e-grid .e-grouptopleftcell { background-color: #fff; border-color: #e0e0e0; } .e-grid .e-stackedheadercell { border-bottom-color: #e0e0e0; } .e-grid .e-verticallines tr th { border-color: #e0e0e0; } .e-grid td.e-updatedtd { background-color: #d7f9c7; color: #000; } .e-grid .e-gridcontent .e-normaledit .e-rowcell { border-top-color: #e0e0e0; } .e-grid .e-gridcontent .e-normaledit .e-dragindentcell, .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse { border-top: 1px solid #e0e0e0; } .e-grid .e-ccdlg .e-footer-content { border-color: rgba(0, 0, 0, 0.12); opacity: 1; } .e-grid .e-ccdlg .e-cc-searchdiv { border-color: #212121; } .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus { border-color: #ff4081; } .e-grid .e-cloneproperties.e-draganddrop .e-rowcell { color: #000; } .e-grid .e-cloneproperties.e-draganddrop table, .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground { background-color: #fff; height: 30px; } .e-grid.e-rtl .e-verticallines tr th:first-child:not(.e-firstcell) { border-color: #e0e0e0; } .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-rtl.e-default.e-verticallines tr th:last-child, .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell, .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell { border-color: #e0e0e0; } .e-grid.e-rtl .e-tableborder { border-left-color: #e0e0e0; } .e-grid.e-rtl .e-filterbardropdown { margin-left: 15px; } .e-grid.sf-grid .e-gridfooter .e-summarycontent { border-right: 0 #e0e0e0 solid; } .e-grid .e-ftrchk.e-chkfocus { background-color: #eee; } .e-tooltip-wrap.e-griderror, .e-control.e-tooltip-wrap.e-popup.e-griderror { background-color: #fcdbe4; border-color: #fcdbe4; } .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top, .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top { border-bottom: 8px solid #fcdbe4; color: #fcdbe4; } .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom, .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom { border-top: 8px solid #fcdbe4; color: #fcdbe4; } .e-tooltip-wrap.e-griderror .e-tip-content, .e-tooltip-wrap.e-griderror .e-tip-content label { color: #f44336; } .e-dropitemscount { background-color: #e3165b; color: #fff; } .e-filterbaroperator.e-dropdownlist { position: absolute; } .e-filterbardropdown:not(.e-rtl) { margin-right: 15px; } .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown { border: transparent; } .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active, .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus { box-shadow: none; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/prismjs/themes/prism-okaidia.css ***! \***************************************************************************************************************************************************************************************************************************************/ /** * okaidia theme for JavaScript, CSS and HTML * Loosely based on Monokai textmate theme by http://www.monokai.nl/ * @author ocodia */ code[class*="language-"], pre[class*="language-"] { color: #f8f8f2; background: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #272822; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8292a2; } .token.punctuation { color: #f8f8f2; } .token.namespace { opacity: .7; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #f92672; } .token.boolean, .token.number { color: #ae81ff; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #f8f8f2; } .token.atrule, .token.attr-value, .token.function, .token.class-name { color: #e6db74; } .token.keyword { color: #66d9ef; } .token.regex, .token.important { color: #fd971f; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; }