/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/c3/c3.min.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************/
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/font-awesome/less/font-awesome.less?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  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.33333333em;
  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.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.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/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@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[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/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/leaflet-draw/dist/leaflet.draw.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('spritesheet.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* =========================================================================
   Xelp Admin — Design tokens (single source of truth).
   Keep + modernize the existing brand: navy #16449b primary, amber accent,
   cool navy-biased neutrals. Style THROUGH these tokens so light + dark stay
   consistent. Approved via the design-system preview.

   Rollout: the commerce module + app shell consume these now; other modules
   adopt them progressively (they keep their current light look until migrated).
   Names are collision-checked against the existing stylesheet.
   ========================================================================= */
:root {
  /* brand — navy scale */
  /* Deep-navy brand ramp — anchored on the plan-selector panel navy (#0f1729,
     the same shade as the chat-landing design). 600 drives buttons/links/
     toggles; 800 is the hero/panel navy; the gradient is the facelift accent
     for primary CTAs, progress bars and hero chrome. */
  --brand-50:#eef1fa;
  --brand-100:#dee5f4;
  --brand-200:#bccbe9;
  --brand-500:#31479c;
  --brand-600:#1d2b52;
  --brand-700:#16213f;
  --brand-800:#0f1729;
  --brand-900:#0b1220;
  --brand: var(--brand-600);
  --brand-hover: var(--brand-700);
  --on-brand:#ffffff;
  --brand-subtle: var(--brand-50);
  --brand-tint: color-mix(in srgb, var(--brand-500) 8%, transparent);
  --brand-gradient: linear-gradient(135deg, #0f1729 0%, #1d2b52 48%, #3552a8 100%);
  --brand-gradient-deep: linear-gradient(160deg, #0b1220 0%, #16213f 60%, #1d2b52 100%);
  /* accent — amber (reserved for featured / highlight only) */
  --accent:#f59e0b;
  --accent-hover:#d97706;
  --on-accent:#3a2600;
  --accent-subtle:#fef3e2;
  /* neutrals — slight navy bias */
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface-2:#eef2f9;
  --surface-3:#e6ecf6;
  --border:#e0e6f1;
  --border-strong:#cdd6e6;
  --fg:#111a2e;
  --fg-muted:#586179;
  --fg-subtle:#8b94ab;
  /* semantic (separate from accent) */
  --success:#16a34a;
  --success-bg:#e7f6ec;
  --warning:#b45309;
  --warning-bg:#fdf0dd;
  --danger:#dc2626;
  --danger-bg:#fbe9e9;
  --info:#2563eb;
  --info-bg:#e7efff;
  /* effects */
  --ring: 0 0 0 3px color-mix(in srgb, var(--brand) 32%, transparent);
  --shadow-sm:0 1px 2px rgba(16,29,58,.06);
  --shadow-md:0 4px 14px rgba(16,29,58,.08);
  --shadow-lg:0 14px 34px rgba(16,29,58,.12);
  /* geometry + type */
  --r-sm:6px;
  --r-md:9px;
  --r-lg:13px;
  --r-pill:999px;
  --dur:.16s;
  /* auto-hide scrollbar thumb (transparent until the area is hovered) */
  --sb-thumb: rgba(90,105,135,.4);
  --sb-thumb-hover: rgba(90,105,135,.65);
}

/* Dark palette — token-level (not a naive invert). Light is the default for the
   admin; dark applies ONLY when the user explicitly opts in via the toggle
   (data-theme="dark"). We intentionally do NOT auto-switch on the OS preference,
   so an established light admin never flips to dark unexpectedly. */
:root[data-theme=dark] {
  --brand-subtle:#16233d;
  --brand:#4d82e6;
  --brand-hover:#5f90ea;
  --on-brand:#0a1428;
  --brand-500:#3f6fd6;
  --brand-800:#0a1120;
  --accent:#fbbf24;
  --accent-hover:#f59e0b;
  --on-accent:#291a00;
  --accent-subtle:#2a2413;
  --bg:#0c1220;
  --surface:#141d30;
  --surface-2:#1b2740;
  --surface-3:#22314f;
  --border:#222c46;
  --border-strong:#303c5c;
  --fg:#e7ecf7;
  --fg-muted:#9aa7c2;
  --fg-subtle:#6c7a99;
  --success:#34d17f;
  --success-bg:#122a1f;
  --warning:#f2b155;
  --warning-bg:#2c2411;
  --danger:#f87171;
  --danger-bg:#2c1717;
  --info:#6ea8ff;
  --info-bg:#132038;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 16px rgba(0,0,0,.45);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55);
  --sb-thumb: rgba(180,195,225,.28);
  --sb-thumb-hover: rgba(180,195,225,.5);
  color-scheme: dark;
  /* Legacy variables (defined in styles.scss :root) that carry a background or
     text color — give them dark values so the rules that still consume them
     (the chat / inbox surfaces and the older var-driven screens) follow the
     theme. Brand navy + white message text are intentionally left as-is.  */
  --chat-bg-color: #0c1220;
  --chat-background-color: #0c1220;
  --border-color: #1b2540;
  --scroll-color: #1b2740;
  --msg-bg-color-out: #1b2740;
  --msg-bg-color-in: #22314f;
  --sender-chat-bubble-color: #1b2740;
  --sender-chat-bubble-text-color: #e7ecf7;
  --wl-user-message-bg: #1b2740;
  --wl-user-message-text: #e7ecf7;
  --text-placeholder: #6c7a99;
  --text-muted: #9aa7c2;
  --chat-header-text: #e7ecf7;
  /* The 68px icon rail + top header use --header-color (brand navy). Deepen it
     in dark so the shell aligns with the theme instead of glowing bright navy. */
  --header-color: #0f1830;
  --main-header-bg: #0f1830;
  /* light-blue accent tints used by some screens (campaign header etc.) */
  --theme-color-light: #1a2b4a;
  --theme-color-dark: #4d82e6;
}

:root {
  --blue: #4D7CFE;
  --black: #252631;
  --red: Red;
  --green: #6DD230;
  --gray: #e2e4e6;
  --gray-dark: #979797;
  --gray-light: #585858;
  --light-gray: #d3d3d3;
  --orange: #FFAB2B;
  --white: #ffffff;
  --light-black: #282828;
  --sidebar-black: #1c1c1c;
  --sidebar-hover-black: #282828;
  --light-gray-back: #f7f7f7;
  --dark-gray-back: #ecebeb;
  --light-background: #f9f9f9;
  --blue-light: #2CE5F6;
  --pink: #FE4D97;
  --font-regular: 'Rubik';
  --font-medium: 'Rubik-Medium';
  --font-bold: 'Rubik-Bold';
  --font-light: 'Rubik-Light';
}

/* =========================================================================
   PrimeNG dark-mode overrides — token-driven, gated on the explicit dark theme.
   PrimeNG overlays (dialogs, dropdown panels) teleport to <body>, so these live
   at :root scope rather than inside a component. They only apply under
   data-theme="dark"; light mode keeps PrimeNG's default look untouched.

   Scoped to commerce's PrimeNG usage (dialogs/tables/inputs/paginator/etc.).
   ========================================================================= */
:root[data-theme=dark] {
  /* Dialogs + confirm dialog (product / attribute / bulk modals) */
}
:root[data-theme=dark] .p-dialog .p-dialog-header, :root[data-theme=dark] .p-dialog .p-dialog-content, :root[data-theme=dark] .p-dialog .p-dialog-footer,
:root[data-theme=dark] .p-dialog .p-confirm-dialog-message, :root[data-theme=dark] .p-confirm-dialog .p-dialog-header, :root[data-theme=dark] .p-confirm-dialog .p-dialog-content, :root[data-theme=dark] .p-confirm-dialog .p-dialog-footer,
:root[data-theme=dark] .p-confirm-dialog .p-confirm-dialog-message, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-header, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-content, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-footer,
:root[data-theme=dark] .p-dynamic-dialog .p-confirm-dialog-message {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-dialog .p-dialog-title, :root[data-theme=dark] .p-confirm-dialog .p-dialog-title, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-title {
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-dialog .p-dialog-header-icon, :root[data-theme=dark] .p-confirm-dialog .p-dialog-header-icon, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-header-icon {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] .p-dialog .p-dialog-header-icon:hover, :root[data-theme=dark] .p-confirm-dialog .p-dialog-header-icon:hover, :root[data-theme=dark] .p-dynamic-dialog .p-dialog-header-icon:hover {
  background: var(--surface-2) !important;
  color: var(--fg) !important;
}
:root[data-theme=dark] {
  /* Form controls */
}
:root[data-theme=dark] .p-inputtext,
:root[data-theme=dark] .p-dropdown, :root[data-theme=dark] .p-multiselect, :root[data-theme=dark] .p-inputnumber-input,
:root[data-theme=dark] .p-textarea, :root[data-theme=dark] textarea.p-inputtextarea, :root[data-theme=dark] .p-calendar .p-inputtext {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border-strong) !important;
}
:root[data-theme=dark] .p-inputtext::placeholder, :root[data-theme=dark] textarea.p-inputtextarea::placeholder {
  color: var(--fg-subtle) !important;
}
:root[data-theme=dark] .p-inputtext:enabled:focus,
:root[data-theme=dark] .p-dropdown:not(.p-disabled).p-focus,
:root[data-theme=dark] .p-multiselect:not(.p-disabled).p-focus {
  border-color: var(--brand) !important;
  box-shadow: var(--ring) !important;
}
:root[data-theme=dark] {
  /* Dropdown / multiselect / overlay panels */
}
:root[data-theme=dark] .p-dropdown-panel, :root[data-theme=dark] .p-multiselect-panel, :root[data-theme=dark] .p-overlaypanel, :root[data-theme=dark] .p-menu, :root[data-theme=dark] .p-datepicker {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
}
:root[data-theme=dark] .p-dropdown-items .p-dropdown-item,
:root[data-theme=dark] .p-multiselect-items .p-multiselect-item {
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-dropdown-items .p-dropdown-item:hover,
:root[data-theme=dark] .p-multiselect-items .p-multiselect-item:hover {
  background: var(--surface-2) !important;
}
:root[data-theme=dark] .p-dropdown-items .p-dropdown-item.p-highlight,
:root[data-theme=dark] .p-multiselect-items .p-multiselect-item.p-highlight {
  background: var(--brand-subtle) !important;
  color: var(--brand) !important;
}
:root[data-theme=dark] .p-dropdown .p-dropdown-trigger, :root[data-theme=dark] .p-multiselect .p-multiselect-trigger {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] {
  /* PrimeNG v18 renamed .p-dropdown -> .p-select (the ticket filters, Create-ticket
     drawer and chat selects use this). Mirror the same dark treatment. */
}
:root[data-theme=dark] .p-select, :root[data-theme=dark] .p-select-label {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border-strong) !important;
}
:root[data-theme=dark] .p-select-label {
  border: 0 !important;
}
:root[data-theme=dark] .p-select:not(.p-disabled).p-focus {
  border-color: var(--brand) !important;
  box-shadow: var(--ring) !important;
}
:root[data-theme=dark] .p-select.p-disabled {
  opacity: 0.7;
}
:root[data-theme=dark] .p-select .p-select-dropdown, :root[data-theme=dark] .p-select .p-select-clear-icon {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] .p-select-overlay, :root[data-theme=dark] .p-select-list {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
}
:root[data-theme=dark] .p-select-option {
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-select-option:hover, :root[data-theme=dark] .p-select-option.p-focus {
  background: var(--surface-2) !important;
}
:root[data-theme=dark] .p-select-option.p-select-option-selected {
  background: var(--brand-subtle) !important;
  color: var(--brand) !important;
}
:root[data-theme=dark] .p-select-filter, :root[data-theme=dark] .p-select-header .p-inputtext {
  background: var(--surface-2) !important;
  color: var(--fg) !important;
  border-color: var(--border-strong) !important;
}
:root[data-theme=dark] {
  /* Tables */
}
:root[data-theme=dark] .p-datatable .p-datatable-header, :root[data-theme=dark] .p-datatable .p-datatable-footer {
  background: var(--surface-2) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-datatable .p-datatable-thead > tr > th {
  background: var(--surface-2) !important;
  color: var(--fg-muted) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-datatable .p-datatable-tbody > tr {
  background: var(--surface) !important;
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-datatable .p-datatable-tbody > tr > td {
  border-color: var(--border) !important;
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-datatable .p-datatable-tbody > tr:hover {
  background: var(--surface-2) !important;
}
:root[data-theme=dark] .p-datatable .p-datatable-emptymessage > td {
  color: var(--fg-subtle) !important;
}
:root[data-theme=dark] {
  /* Paginator (the bright white strip) */
}
:root[data-theme=dark] .p-paginator {
  background: var(--surface) !important;
  color: var(--fg-muted) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-paginator .p-paginator-page, :root[data-theme=dark] .p-paginator .p-paginator-first, :root[data-theme=dark] .p-paginator .p-paginator-prev, :root[data-theme=dark] .p-paginator .p-paginator-next, :root[data-theme=dark] .p-paginator .p-paginator-last {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] .p-paginator .p-paginator-page.p-highlight {
  background: var(--brand-subtle) !important;
  color: var(--brand) !important;
}
:root[data-theme=dark] .p-paginator .p-paginator-page:not(.p-highlight):hover {
  background: var(--surface-2) !important;
}
:root[data-theme=dark] {
  /* Checkboxes / radios */
}
:root[data-theme=dark] .p-checkbox .p-checkbox-box, :root[data-theme=dark] .p-radiobutton .p-radiobutton-box {
  background: var(--surface) !important;
  border-color: var(--border-strong) !important;
}
:root[data-theme=dark] .p-checkbox .p-checkbox-box.p-highlight, :root[data-theme=dark] .p-radiobutton .p-radiobutton-box.p-highlight {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}
:root[data-theme=dark] {
  /* Toast / messages keep semantic colors but sit on dark surfaces */
}
:root[data-theme=dark] .p-toast .p-toast-message {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] {
  /* Tabs (product modal tab bar) */
}
:root[data-theme=dark] .p-tabview .p-tabview-nav, :root[data-theme=dark] .p-tabview .p-tabview-panels {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  background: var(--surface) !important;
  color: var(--fg-muted) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}
:root[data-theme=dark] {
  /* Datepicker / calendar (inline + overlay) — the ticket Due-Date calendar */
}
:root[data-theme=dark] .p-datepicker, :root[data-theme=dark] .p-datepicker-panel {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-datepicker .p-datepicker-header, :root[data-theme=dark] .p-datepicker-header {
  background: var(--surface) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}
:root[data-theme=dark] .p-datepicker-title, :root[data-theme=dark] .p-datepicker-title button, :root[data-theme=dark] .p-datepicker-select-month, :root[data-theme=dark] .p-datepicker-select-year {
  color: var(--fg) !important;
  background: transparent !important;
}
:root[data-theme=dark] .p-datepicker table th, :root[data-theme=dark] .p-datepicker-weekday {
  color: var(--fg-subtle) !important;
}
:root[data-theme=dark] .p-datepicker table td > span, :root[data-theme=dark] .p-datepicker-day {
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-datepicker table td > span.p-highlight, :root[data-theme=dark] .p-datepicker-day-selected {
  background: var(--brand) !important;
  color: var(--on-brand) !important;
}
:root[data-theme=dark] .p-datepicker table td.p-datepicker-today > span, :root[data-theme=dark] .p-datepicker-today > span {
  background: var(--surface-2) !important;
  color: var(--fg) !important;
}
:root[data-theme=dark] .p-datepicker table td > span:not(.p-highlight):hover, :root[data-theme=dark] .p-datepicker-day:not(.p-datepicker-day-selected):hover {
  background: var(--surface-2) !important;
}
:root[data-theme=dark] .p-datepicker .p-datepicker-prev, :root[data-theme=dark] .p-datepicker .p-datepicker-next,
:root[data-theme=dark] .p-datepicker-prev-button, :root[data-theme=dark] .p-datepicker-next-button {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] .p-datepicker table td.p-datepicker-other-month > span {
  color: var(--fg-subtle) !important;
  opacity: 0.5;
}

/* =========================================================================
   Admin dark layer — shared chrome that the SCSS/inline passes can't reach.

   These are Bootstrap (CDN) components and utility classes used across the
   legacy screens (.card, .modal-*, .dropdown-menu, .table, …). The CDN styles
   them white with dark text, so in dark mode they showed up as white panels /
   white modals / white dropdowns on the otherwise-dark screens. Everything
   here is gated on the explicit dark theme, so light mode is untouched, and it
   is token-driven so it matches the rest of the admin.
   ========================================================================= */
:root[data-theme=dark] {
  /* app ground behind everything */
}
:root[data-theme=dark] body, :root[data-theme=dark] .main-wrapper, :root[data-theme=dark] #main-content, :root[data-theme=dark] #main, :root[data-theme=dark] .content-wrapper {
  background-color: var(--bg);
}
:root[data-theme=dark] {
  /* cards */
}
:root[data-theme=dark] .card {
  background-color: var(--surface);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .card-header, :root[data-theme=dark] .card-footer {
  background-color: var(--surface-2);
  border-color: var(--border);
  color: var(--fg);
}
:root[data-theme=dark] .card-title, :root[data-theme=dark] .card-text {
  color: var(--fg);
}
:root[data-theme=dark] .card-subtitle {
  color: var(--fg-muted);
}
:root[data-theme=dark] {
  /* modals */
}
:root[data-theme=dark] .modal-content {
  background-color: var(--surface);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .modal-header, :root[data-theme=dark] .modal-footer {
  border-color: var(--border);
}
:root[data-theme=dark] .modal-title {
  color: var(--fg);
}
:root[data-theme=dark] .modal-backdrop.show {
  opacity: 0.6;
}
:root[data-theme=dark] .btn-close {
  filter: invert(1) grayscale(0.4) brightness(1.7);
}
:root[data-theme=dark] .close {
  color: var(--fg);
  text-shadow: none;
  opacity: 0.8;
}
:root[data-theme=dark] .close:hover {
  color: var(--fg);
}
:root[data-theme=dark] {
  /* dropdowns / menus */
}
:root[data-theme=dark] .dropdown-menu {
  background-color: var(--surface-2);
  color: var(--fg);
  border-color: var(--border);
  box-shadow: var(--shadow-lg);
}
:root[data-theme=dark] .dropdown-item {
  color: var(--fg);
}
:root[data-theme=dark] .dropdown-item:hover, :root[data-theme=dark] .dropdown-item:focus {
  background-color: var(--surface-3);
  color: var(--fg);
}
:root[data-theme=dark] .dropdown-item.active, :root[data-theme=dark] .dropdown-item:active {
  background-color: var(--brand);
  color: var(--on-brand);
}
:root[data-theme=dark] .dropdown-divider {
  border-color: var(--border);
}
:root[data-theme=dark] .dropdown-header {
  color: var(--fg-subtle);
}
:root[data-theme=dark] {
  /* list groups */
}
:root[data-theme=dark] .list-group-item {
  background-color: var(--surface);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .list-group-item-action:hover, :root[data-theme=dark] .list-group-item-action:focus {
  background-color: var(--surface-2);
  color: var(--fg);
}
:root[data-theme=dark] .list-group-item.active {
  background-color: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
}
:root[data-theme=dark] {
  /* tables */
}
:root[data-theme=dark] .table {
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .table > :not(caption) > * > * {
  background-color: transparent;
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .table thead th, :root[data-theme=dark] .table th {
  color: var(--fg-muted);
  border-color: var(--border);
}
:root[data-theme=dark] .table td {
  border-color: var(--border);
}
:root[data-theme=dark] .table-hover > tbody > tr:hover > * {
  background-color: var(--surface-2);
  color: var(--fg);
}
:root[data-theme=dark] .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: color-mix(in srgb, var(--surface-2) 55%, transparent);
  color: var(--fg);
}
:root[data-theme=dark] .table-light, :root[data-theme=dark] .table-light > th, :root[data-theme=dark] .table-light > td {
  background-color: var(--surface-2);
  color: var(--fg);
}
:root[data-theme=dark] {
  /* pagination / tabs / breadcrumb */
}
:root[data-theme=dark] .page-link {
  background-color: var(--surface);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .page-link:hover {
  background-color: var(--surface-2);
}
:root[data-theme=dark] .page-item.disabled .page-link {
  background-color: var(--surface);
  color: var(--fg-subtle);
  border-color: var(--border);
}
:root[data-theme=dark] .page-item.active .page-link {
  background-color: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
}
:root[data-theme=dark] .nav-tabs {
  border-color: var(--border);
}
:root[data-theme=dark] .nav-tabs .nav-link {
  color: var(--fg-muted);
}
:root[data-theme=dark] .nav-tabs .nav-link:hover {
  border-color: var(--border);
  color: var(--fg);
}
:root[data-theme=dark] .nav-tabs .nav-link.active {
  background-color: var(--surface);
  color: var(--fg);
  border-color: var(--border) var(--border) var(--surface);
}
:root[data-theme=dark] .breadcrumb {
  background-color: var(--surface-2);
  color: var(--fg-muted);
}
:root[data-theme=dark] {
  /* popovers / tooltips */
}
:root[data-theme=dark] .popover {
  background-color: var(--surface-2);
  border-color: var(--border);
}
:root[data-theme=dark] .popover-header {
  background-color: var(--surface-3);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .popover-body {
  color: var(--fg);
}
:root[data-theme=dark] .popover .arrow::after, :root[data-theme=dark] .bs-popover-top > .arrow::after {
  border-top-color: var(--surface-2);
}
:root[data-theme=dark] .tooltip-inner {
  background-color: var(--surface-3);
  color: var(--fg);
}
:root[data-theme=dark] {
  /* input-group addons + Bootstrap utility classes */
}
:root[data-theme=dark] .input-group-text {
  background-color: var(--surface-2);
  color: var(--fg-muted);
  border-color: var(--border-strong);
}
:root[data-theme=dark] .bg-white {
  background-color: var(--surface) !important;
}
:root[data-theme=dark] .bg-light {
  background-color: var(--surface-2) !important;
}
:root[data-theme=dark] .text-dark, :root[data-theme=dark] .text-black {
  color: var(--fg) !important;
}
:root[data-theme=dark] .text-muted, :root[data-theme=dark] .text-secondary {
  color: var(--fg-muted) !important;
}
:root[data-theme=dark] .border, :root[data-theme=dark] .border-top, :root[data-theme=dark] .border-right, :root[data-theme=dark] .border-bottom, :root[data-theme=dark] .border-left,
:root[data-theme=dark] .border-start, :root[data-theme=dark] .border-end {
  border-color: var(--border) !important;
}
:root[data-theme=dark] hr {
  border-color: var(--border);
  opacity: 1;
}
:root[data-theme=dark] {
  /* PrimeNG drawer / sidebar overlays (Create-ticket, filters) — teleported to
     body, so themed here globally like the other PrimeNG overlays. */
}
:root[data-theme=dark] .p-drawer, :root[data-theme=dark] .p-sidebar {
  background: var(--surface);
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .p-drawer .p-drawer-header, :root[data-theme=dark] .p-sidebar .p-sidebar-header {
  color: var(--fg);
  border-color: var(--border);
}
:root[data-theme=dark] .p-drawer .p-drawer-content, :root[data-theme=dark] .p-sidebar .p-sidebar-content {
  color: var(--fg);
}
:root[data-theme=dark] .p-drawer-mask, :root[data-theme=dark] .p-sidebar-mask {
  background: rgba(0, 0, 0, 0.55);
}
:root[data-theme=dark] {
  /* accordion / offcanvas (Bootstrap 5) if present */
}
:root[data-theme=dark] .accordion-item {
  background-color: var(--surface);
  border-color: var(--border);
}
:root[data-theme=dark] .accordion-button {
  background-color: var(--surface);
  color: var(--fg);
}
:root[data-theme=dark] .accordion-button:not(.collapsed) {
  background-color: var(--surface-2);
  color: var(--fg);
}
:root[data-theme=dark] .offcanvas {
  background-color: var(--surface);
  color: var(--fg);
}
:root[data-theme=dark] {
  /* Ticket comment / notes bodies render author + email as links (often via
     innerHTML) in the brand navy — invisible on a dark card. Lift links to the
     lighter brand tint here so they read on dark. */
}
:root[data-theme=dark] .comment-list a, :root[data-theme=dark] .notes-list a, :root[data-theme=dark] .issue-body a, :root[data-theme=dark] .comment-section a,
:root[data-theme=dark] .comment-list .email, :root[data-theme=dark] .notes-list .email {
  color: var(--brand) !important;
}
:root[data-theme=dark] {
  /* PrimeNG drawer / dialog headings default to a dark title — force light. */
}
:root[data-theme=dark] .p-drawer .p-drawer-title, :root[data-theme=dark] .p-drawer-header span,
:root[data-theme=dark] .p-dialog .p-dialog-title, :root[data-theme=dark] .p-sidebar .p-sidebar-header span {
  color: var(--fg) !important;
}

/*----------------------------------------------------General CSS-------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
:root {
  --chat-bg-color: #f5f7f9;
  --main-header-bg: #282828;
  --theme-color: var(--brand);
  --wl-theme-color: var(--brand);
  --wl-user-message-bg: #F2F4F6;
  --wl-user-message-text: #000000;
  --theme-color-dark: var(--brand-700);
  --theme-color-light: #e6f0f9;
  --widget-theme-color: var(--brand-700);
  --login-title-color: #51445c;
  --login-link-color: var(--brand);
  --msg-bg-color-out: #f8fbfe;
  --msg-bg-color-in: #979797;
  --unassigned-btn-bg: var(--brand-700);
  --green-btn-bg: var(--brand-700);
  /* Primary action color follows the deep-navy brand (tokens.scss). */
  --btn-default: var(--brand, #1d2b52);
  --btn-danger: #d72b3f;
  --btn-positive: #00cf69;
  --bulbul-theme-color: #843cf6;
  --border-color: #F2F4F6;
  --chat-background-color: #f2f0f0;
  --chat-background-image: url('chat-background.png');
  --sender-chat-bubble-color: #f0f4f8;
  --sender-chat-bubble-text-color: #252631;
  --receiver-chat-bubble-color: var(--brand);
  --receiver-chat-bubble-text-color: #FFF;
  --chat-bubble-shadow: 0 2px 4px 0 rgba(0,0,0,.06);
  --chat-bubble-font-size: 14px;
  --chat-bubble-padding: 7px 15px 7px 19px;
  --chat-bubble-radius: 17px;
  --chat-bubble-line-height: 1.67;
  --text-placeholder: #212529;
  --text-muted: #6c757d;
  --scroll-color: #f1f1f1;
  --loader-color: var(--brand);
  --header-color: var(--brand);
  --header-text-color: #fff;
  --header-text-color-dark: #000;
  --active-chat-color: #4d7cfe1a;
  --selection-color: #555;
  --selection-text-color: #ffffff;
  --login-bg: url('bitmap.jpg');
  --reset-password-bg: url('bitmap.jpg');
  --forgot-password-bg: url('bitmap.jpg');
  --sender-link-color: #0ac5fe;
  --chat-header-text: #2f2f2f;
}

* {
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* adds animation for all transitions */
  /*-webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;*/
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

a {
  outline: none;
  color: var(--theme-color);
}

body {
  background-color: var(--surface, #fff);
  overflow-y: hidden !important;
  -webkit-font-smoothing: antialiased;
  font-family: "Rubik", sans-serif;
}

#loader-image {
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

.main-wrapper {
  /*padding-left: 0;*/
  /*padding-right: 0;*/
  /*margin-left: 80px;*/
  width: 100%;
  /*padding-top: 60px;*/
  /* top:56px; */
  /*left:65px;*/
  position: relative;
  /*min-width:1200px;*/
}

.bottom-notification .main-wrapper {
  height: calc(100% - 108px);
}

.bottom-notification .chat-window {
  height: calc(100vh - 160px) !important;
}

.clear-float {
  clear: both;
  margin-bottom: 0px;
}

label {
  font-family: Montserrat-Light;
}

.table-wrappers ul {
  margin-bottom: 5px;
  border-bottom: solid 1px var(--border, #f2f2f7);
}

.table-wrappers table {
  border-bottom: 1px solid var(--border, #dce0e6);
}

.table {
  outline: none;
  padding: 10px 0 0 0;
  table-layout: fixed !important;
  /*border-radius: 6px !important;*/
  background-color: var(--surface, #ffffff);
  /*border: solid 0.5px #dce0e6;*/
  border-collapse: separate;
  margin-bottom: 0px;
}

/*.ui-widget-header {*/
/*height: 60px;*/
/*border-top-left-radius: 4px;*/
/*border-top-right-radius: 4px;*/
/*background: var(--theme-color)!important;*/
/*border: none!important;*/
/*font-family: ProximaNova-Sbold;*/
/*font-size: 18px;*/
/*font-weight: 600;*/
/*text-align: left;*/
/*color: #fff;*/
/*}*/
.ui-widget-content {
  border: none !important;
  background: var(--surface, #fff);
  color: var(--fg, #222);
}

.p-dialog.ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  float: none !important;
}

.p-dialog.ui-dialog-buttonpane {
  text-align: center;
  border-width: 1px 0 0;
  background-image: none;
  margin: 0.5em 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.p-dialog.ui-dialog-buttonpane button {
  cursor: pointer;
  float: none !important;
  outline: none;
  font-family: Montserrat-Regular;
  width: 150px;
  height: 40px;
  border-radius: 6px;
  background-color: var(--msg-bg-color-out);
  border: 1px solid var(--border, #e4e4ed);
  font-size: 16px;
  text-align: center;
  color: var(--fg-muted, #5e5864);
  margin: 0;
}

.p-dialog.ui-dialog-buttonpane {
  text-align: center;
  border-width: 1px 0 0;
  background-image: none;
  margin: 0.5em 0 0;
  padding: 0.3em 0.5em 27px 0.4em;
}

.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  display: none;
}

.ui-confirmdialog .p-dialog-content .fa {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
  display: none;
}

.ui-button-text-icon-left .ui-button-text {
  padding: 0 !important;
}

.dialog-btn-div input {
  float: right;
  width: 84px;
  height: 28px;
  border-radius: 4px;
  font-family: Montserrat-Regular;
  color: #fff;
  border: none;
  outline: none;
  background-color: var(--theme-color);
}

.bootstrap-select.btn-group .btn .filter-option {
  font-family: Montserrat-Regular;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-family: Montserrat-Regular;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 145px;
}

/*------------------------------------------------------Font Files------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "Montserrat-Bold";
  src: url('rubik-700.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Semibold";
  src: url('rubik-500.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url('rubik-300.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url('rubik-regular.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Proxima-Bold";
  src: url('rubik-700.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Proxima-SBold";
  src: url('rubik-500.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Proxima-Regular";
  src: url('rubik-regular.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Light";
  src: url('rubik-300.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url('rubik-700.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Sbold";
  src: url('rubik-500.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Reg";
  src: url('rubik-regular.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "tookan-icon";
  src: url('tookan-dashboard-icon-font.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tookan-icon-2";
  src: url('icomoon.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Rubik-Light";
  src: url('rubik-300.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url('rubik-regular.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Rubik-Medium";
  src: url('rubik-500.woff2') format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "Rubik-Bold";
  src: url('rubik-700.woff2') format("woff2");
  font-style: normal;
}
/*----------------------------------------------------Login Page--------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*#login-right-div {*/
/*background-image: url('../../public/images/login/bitmap-2.png');*/
/*background-size: 100% auto;*/
/*height: 100%;*/
/*width: 50%;*/
/*float: left;*/
/*text-align: center;*/
/*}*/
/*#login-right-div img {*/
/*margin-top: 25%;*/
/*}
@media (max-width: 768px) {
    .end-on-top
    {
        display: block !important;
        padding-top: 30px !important;

    }*/
@media (max-width: 768px) {
  .sub-heading {
    margin: 10px 0 10px !important;
  }
  #login-left-div {
    width: 100% !important;
    display: block !important;
  }
  .form-wrapper-div {
    width: 100% !important;
    /* padding-top:15px !important; */
    display: block !important;
  }
}
.end-logo {
  margin-left: 20px;
  /* width: 160px !important; */
  height: 40px;
}

@media (max-width: 768px) {
  #login-right-div {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .end-on-top {
    display: block !important;
    /* padding-top: 30px !important; */
  }
  #login-heading {
    margin-top: 50px !important;
    margin-bottom: 0px !important;
    font-size: 20px !important;
    opacity: 0.9 !important;
    text-align: center !important;
  }
}
.end-on-top-img {
  text-align: left !important;
  margin-top: 20px;
  margin-left: 30px;
}

.end-on-top-text {
  font-family: ProximaNova-Reg;
  font-size: 16px;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 1;
  color: var(--fg-muted, #564f5c);
  padding-top: 30px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  /*margin-top: 37.5px;*/
}

@media only screen and (max-width: 1024px) {
  #login-container {
    overflow: -moz-scrollbars-vertical; /* For FF */
    -ms-overflow-y: scroll; /* For IE */
    /*overflow:none!important;*/
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  #login-fields-div {
    height: auto !important;
  }
}
#login-heading {
  margin-top: 60px !important;
  margin-bottom: 10px !important;
}

@media only screen and (max-width: 1024px) {
  #login-container.signup-scroll {
    overflow: scroll !important;
  }
  #login-left-div {
    width: 100% !important;
    display: block !important;
  }
}
#login-container {
  width: 100%;
  padding: 0px;
  height: 100vh;
}

#login-container .col-xl-6 {
  text-align: center;
}

.bg_image {
  background-size: contain;
  display: table;
  max-width: initial;
  height: 100vh;
  overflow: hidden;
  object-fit: contain;
  background-position: bottom;
}

#login-fields-div {
  /*mine*/
  float: none;
  width: 500px;
  max-width: 100vw;
  /* height: 100%; */
  display: table;
  margin: 0 auto;
  /*float: left;
  width: 100%;
  height: 100%;*/
}

.form-wrapper-div {
  /*mine*/
  margin: 0 auto;
  width: 100%;
  /* margin-top: 32%; */
  display: table-cell;
  /*width: auto !important;*/
  float: none;
  margin: 0px !important;
  vertical-align: middle !important;
}

.form-wrapper-div p {
  font-family: Montserrat-Bold;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: var(--theme-color);
  text-transform: uppercase;
  margin: 6px auto;
}

.form-wrapper-div .alert-danger {
  font-family: Montserrat-Light;
  font-size: 14px;
  color: darkred;
  text-transform: none;
}

.form-wrapper-div form input[type=text], .form-wrapper-div form input[type=password], .form-wrapper-div form input[type=tel] {
  /*border-radius: 5px;*/
  outline: none;
  font-family: Montserrat-Light;
  color: var(--fg, black);
  height: 38px;
  border: none;
  border-bottom: 1px solid var(--border, #e4e7ec);
  font-size: 14px;
  /*padding:10px*/
  /*border: solid 1.2px #cadbf5;*/
}

#forgot-password-div {
  float: right;
  margin-top: 15px;
}

#forgot-password-div a {
  font-family: Montserrat-Light;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.ls-button-div {
  text-align: center;
}

.ls-button-div a {
  text-decoration: none;
  font-weight: 600;
  color: white;
}

.ls-button {
  /*margin-top: 30px;*/
  width: 100%;
  height: 50px;
  object-fit: contain;
  border-radius: 6px;
  background-color: var(--btn-default);
  border: none !important;
  font-size: 16px;
  /*text-transform: uppercase;*/
  font-family: Montserrat-Regular;
  color: #fff;
  outline: none;
}

@media (max-width: 600px) {
  #wrapper {
    margin: 9% auto;
  }
  #login-logo-div {
    width: 350px;
  }
  .form-wrapper-div {
    width: 500px;
  }
  #forgot-password-div {
    float: right;
    margin-top: 15px;
  }
  #graphic-img {
    width: 364px;
  }
}
/*-----------------------------------------------------Modal CSS--------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
.p-dialog {
  font-family: Proxima-Regular;
  z-index: 9999999 !important;
  border: none !important;
}

.p-dialog-mask {
  z-index: 9999999 !important;
}

.ui-widget-overlay {
  z-index: 999 !important;
  background: #1f2226;
  opacity: 0.45;
}

.modal-header {
  background-color: var(--main-header-bg);
  color: var(--warning, #ffca00);
}

.modal-header .btn-close {
  margin-top: -2px;
  color: #f5f5f5;
  opacity: 1;
  font-weight: normal;
  font-size: 15px;
  text-shadow: none;
}

.modal-header-custom {
  background-color: var(--surface, #fff) !important;
  color: var(--fg, #000) !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1rem;
  border-bottom: 1px solid var(--border, #dee2e6);
}

.modal-header-custom p {
  /* font-family: ProximaNova; */
  font-size: 20px;
  /* font-weight: 700; */
  line-height: 1.2;
  color: var(--fg, #333);
}

.modal-body-custom {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer-custom {
  background-color: var(--surface, #fff) !important;
  color: var(--fg, #000) !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 1rem;
  border-top: 1px solid var(--border, #dee2e6);
}

.modal-body {
  background-color: var(--surface, rgb(244, 243, 243));
}

.modal-body input[type=text] {
  height: 40px;
  border-radius: 5px;
  background-color: var(--surface, #ffffff);
  border: solid 1px var(--border, #d2d2d2);
}

.modal select {
  font-family: Verdana;
}

.input-wrappers {
  margin-top: 12px;
}

.modal form textarea {
  resize: none;
  height: 80px;
  border-radius: 5px;
  background-color: var(--surface, #ffffff);
  border: solid 1px var(--border, #d2d2d2);
}

.modal-footer {
  text-align: center;
  border-top: 0px;
  background-color: var(--surface, rgb(244, 243, 243));
}

.form-field-wrapper {
  margin-top: 15px;
}

.form-field-wrapper input, select {
  border: 1px solid var(--border, #d5d5d6) !important;
}

@media (min-width: 768px) {
  #myModal .modal-dialog {
    width: 800px;
  }
  #addNewTruckModal .modal-dialog {
    width: 800px;
  }
}
/*---------------------------Validations----------------------*/
control-messages, p.haserror {
  color: var(--danger, #d41616);
  font-family: Montserrat-Light;
  font-size: 13px !important;
  text-align: left;
}

p.haserror {
  margin: 0;
  display: inline-block;
}

/*button[disabled]{*/
/*opacity: 0.65;*/
/*cursor: not-allowed !important;*/
/*width: 150px !important;*/
/*height: 40px !important;*/
/*border-radius: 6px !important;*/
/*background-color: var(--green-btn-bg) !important;*/
/*color: #ffffff;*/
/*}*/
.btn-disabled-green {
  opacity: 0.65;
  cursor: not-allowed !important;
  width: 150px !important;
  height: 40px !important;
  border-radius: 6px !important;
  background-color: var(--btn-default) !important;
  color: #ffffff;
}

html input.common-form-input-normal[disabled], select.common-form-input-normal[disabled] {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  background-color: var(--surface-2, #eee) !important;
}

.doneAction {
  background-color: var(--btn-default) !important;
  color: #ffffff !important;
}

.doneAction:hover {
  box-shadow: 2px 2px 2px 0 green !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  opacity: 0.65;
  cursor: not-allowed !important;
}

/*----------------------------------Loader CSS------------------------------*/
/*--------------------------------------------------------------------------*/
.activeLoader {
  display: block;
}

.inactiveLoader {
  display: none;
}

.activeMask {
  display: block;
}

.inactiveMask {
  display: none;
}

.activeFullMask {
  display: block;
}

.inactiveFullMask {
  display: none;
}

.fade-loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  /* background: rgba(0,0,0,0.75); */
  background: transparent;
  z-index: 99999999;
}

.small-loader {
  background-color: rgba(0, 0, 0, 0.2);
}

.fade-loader img {
  width: 60px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
}

.mask-loader {
  position: fixed;
  height: 100%;
  width: calc(0.6 * (100% - 97px) + 97px);
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99999999;
}

.full-mask-loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.76;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999999;
}

@media (max-width: 1280px) {
  #chat-box {
    width: 350px !important;
    overflow: scroll !important;
  }
  #login-left-div {
    width: 100% !important;
    display: block !important;
  }
}
@media (max-width: 768px) {
  .bg_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  #margin-right-logo {
    text-align: center !important;
  }
  #margin-jungle-logo {
    text-align: center !important;
  }
}
#margin-right-logo {
  text-align: left;
}

#margin-jungle-logo {
  text-align: right;
}

/*------------------------------Scrollbars-----------------------------*/
/*---------------------------------------------------------------------*/
/*::-webkit-scrollbar {*/
/*-webkit-appearance: none;*/
/*width: 1px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*border-radius: 1px;*/
/*background-color: #ABABAB;*/
/*!*-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*!*/
/*}*/
@media (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);*/
  }
  ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    opacity: 0.5;
    outline: 0.5px solid var(--border-strong, #ccc);
    border-radius: 2px;
  }
}
/*---------------------------------------------------------------------*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*-------------------------------Google Maps CSS Overriding--------------------------*/
/*-----------------------------------------------------------------------------------*/
.pac-container {
  box-shadow: none;
  border: none;
  margin-top: 60px;
}

.pac-item-query {
  font-family: Proxima-Regular;
  font-size: 18px;
  font-weight: 500;
  color: var(--brand, #435b80);
}

.pac-item {
  padding: 15px 4px;
  font-family: Proxima-Regular;
  font-size: 18px;
  font-weight: 500;
  color: var(--brand, #435b80);
}

.pac-container:after {
  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
  background-image: none !important;
  height: 0px;
}

#custom-location-text {
  padding: 15px 4px;
  font-family: Proxima-Regular;
  font-size: 18px;
  font-weight: 500;
  color: var(--brand, #435b80);
  cursor: pointer;
}

/*.pac-icon {*/
/*width: 20px;*/
/*height: 20px;*/
/*margin-right: 7px;*/
/*margin-top: 6px;*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*background-image: url(../images/map/location-pin.png);*/
/*background-size: 20px;*/
/*}*/
/*------------------------------------Custom Dialog----------------------------------*/
/*-----------------------------------------------------------------------------------*/
app-dialog hr {
  margin-top: 10px !important;
  display: none;
}

.dialog-wrapper {
  padding: 18px 19px !important;
}

.dialog-wrapper label {
  font-family: Montserrat-SemiBold;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--theme-color);
  text-transform: uppercase;
}

.dialog-headers {
  text-align: left !important;
  text-transform: uppercase;
  margin-bottom: 0;
  height: 60px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--theme-color);
  font-family: ProximaNova-Sbold;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  padding: 18px 16px;
}

.add_member_dialog-headers {
  text-align: left !important;
  text-transform: uppercase;
  margin-bottom: 0;
  height: 40px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--theme-color);
  font-family: ProximaNova-Sbold;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  padding: 11px 10px;
}

.dialog-footers {
  text-align: center !important;
  text-transform: uppercase;
  margin-bottom: 0;
  height: 60px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: ProximaNova-Sbold;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  padding: 18px 16px;
}

.dialog-submit-div {
  width: 100%;
  margin-top: 45px;
  text-align: center;
}

.dialog-submit-div input {
  outline: none;
  font-family: Montserrat-Regular;
  width: 150px;
  height: 40px;
  border-radius: 6px;
  background-color: var(--msg-bg-color-out);
  border: solid 1px var(--border, #e4e4ed);
  font-size: 16px;
  text-align: center;
  color: var(--fg-muted, #5e5864);
}

.dialog-submit-div input:hover {
  box-shadow: 2px 2px 2px 0 #dae5ff;
}

.dialog:not(.style-2) input[type=text], .dialog:not(.style-2) textarea {
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid var(--border, #e0ebf7) !important;
  font-size: 15px !important;
  outline: none;
  box-shadow: none;
  height: 20px;
  background-color: var(--surface, white);
  padding: 0px 0 0px;
  font-family: ProximaNova-Light;
  text-align: left;
  color: var(--fg, #2d2d2d);
}

.dialog select {
  height: 36px;
  border-radius: 4px;
  background-color: var(--msg-bg-color-out);
  border: solid 1px var(--border, #e4e4ed);
}

.dialog textarea:not(.style-2) {
  height: 70px !important;
  resize: none;
}

.dialog.style-2 hr {
  border-top: 1px solid var(--border, #e4e4ed) !important;
}

/*.dialog label {*/
/*color: #7a91b5;*/
/*}*/
/*----------------------------------Checkboxes CSS--------------------------------*/
/*----------------------------------------------------------------------------------*/
/* hover style just for information */
/*label:hover:before {*/
/*border: 2px solid #4778d9!important;*/
/*}*/
/*----------------------------------Radio Button CSS--------------------------------*/
/*----------------------------------------------------------------------------------*/
/* body {
    overflow: scroll !important;
} */
.radio-ul {
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.radio-ul li {
  color: var(--fg-subtle, #AAAAAA);
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid var(--border, rgb(191, 203, 221));
}

.radio-ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.radio-ul li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 20px;
  padding: 25px 25px 25px 80px;
  margin: 0px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: var(--brand, #869dbf);
  font-family: Proxima-Regular;
}

.radio-ul li:hover label {
  color: var(--brand, #435b80);
}

.radio-ul li .check {
  display: block;
  position: absolute;
  border: 2px solid #9baecb;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.radio-ul li:hover .check {
  border: 2px solid #435b80;
}

.radio-ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 2px solid #435b80;
}

input[type=radio]:checked ~ .check::before {
  background: #435b80;
}

input[type=radio]:checked ~ label {
  color: var(--brand, #435b80);
}

.disabledRadio {
  color: #ccc !important;
  cursor: not-allowed !important;
}

.disabledLabels {
  color: #ccc !important;
  cursor: not-allowed !important;
}

.disabledChecks {
  border: 2px solid var(--border-strong, #ccc) !important;
  cursor: not-allowed !important;
}

/*----------------------------------------------------Channels toggle button CSS-----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  margin-top: 4px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 3px;
  background-color: var(--surface, white);
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--theme-color);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--theme-color);
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#profile-name-div .dropdown-menu {
  right: 0;
  margin-right: 31px;
  font-family: Montserrat-Light;
  left: inherit;
  margin-top: -10px;
}

#profile-name-div .dropdown-menu a {
  cursor: pointer;
  font-size: 13px;
}

.thumbnail {
  padding: 0px;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
}

.gu-hide {
  display: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.gu-mirror {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.atwho-view {
  position: absolute;
  background: var(--surface, #fff);
  color: var(--fg, #000) !important;
  border: 1px solid var(--border, #DDD);
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 400px !important;
  z-index: 11110 !important;
}

.atwho-view ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid var(--border, #DDD);
  cursor: pointer;
  color: var(--fg, black) !important;
}

.atwho-view small {
  font-size: smaller;
  color: var(--fg-muted, #777) !important;
  font-weight: 400;
  float: right !important;
  width: 40% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.atwho-view .cur small {
  float: right !important;
  width: 40% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.atwho-view .cur {
  background-color: var(--surface, #fafcfc) !important;
  color: var(--fg, black) !important;
}

.atwho-view .cur strong {
  color: var(--brand, #36F) !important;
}

#originlImageDialog .dialog {
  width: inherit !important;
}

#originlImageDialog .dialog img {
  max-width: 460px !important;
}

.sp-replacer {
  border-radius: 4px;
  background-color: var(--surface, #fcfcfc);
  border: solid 1px var(--border, #dee1ea);
  padding: 8px;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border: solid 1px var(--border, #dee1ea);
}

.sp-preview {
  height: 37px;
  width: 37px;
  border-radius: 5px;
  border: 0px;
}

.sp-dd {
  padding: 8px 0;
  height: 16px;
  line-height: 20px;
  float: left;
  font-size: 15px;
  color: #a7aaac;
}

.sp-container {
  padding-bottom: 0;
  margin-top: 10px;
  background-color: var(--surface, #fff);
  border: 1px solid var(--border, #dee1ea);
}

/*------------------------------------Widget CSS-----------------------------------*/
/*#example-widget-container{bottom:0;right:0;margin-right:20px;margin-bottom:20px}*/
#example-widget-container div img {
  cursor: pointer;
}

#chat-box {
  background: var(--surface, #fff);
  height: 420px;
  width: 350px;
  left: 0;
  right: 0;
  border-radius: 5px;
  overflow: hidden;
  z-index: 99999999;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.16) !important;
  transition: all 195ms ease-in;
}

#chat-box-header {
  background-color: transparent;
  height: 80px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: table-cell;
  vertical-align: middle;
  width: 420px;
}

#chat-header-div-left {
  float: left;
}

#chat-header-div-left p:first-child {
  margin: 0;
  color: #fff;
  font-size: 20px;
}

#chat-header-div-left p:nth-child(2) {
  margin: 0;
  font-family: Proxima-Light;
  color: #fff;
  font-size: 16px;
}

#chat-header-div-right {
  float: right;
}

#chat-header-div-right p {
  margin: 0;
  font-family: Proxima-Regular;
  color: #fff;
  font-size: 17px;
  margin-right: 11px;
  cursor: pointer;
}

#header-logo-img {
  width: inherit;
  float: left;
  margin-top: 8px;
}

#f-header-text-div {
  float: left;
  margin-left: 5px;
}

#f-back-img {
  width: 14px;
}

#chat-box-content {
  max-height: calc(100% - 80px);
}

#f-conv-ul {
  list-style-type: none;
  -webkit-padding-start: 0px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  overflow: auto;
  max-height: calc(65vh - 95px);
}

#f-conv-ul li {
  padding: 5% 3%;
  border-bottom: 1px solid var(--border, #eae9e9);
  cursor: pointer;
  display: inline-block;
  width: 94%;
}

#f-conv-ul li:last-child {
  border-bottom: 0px;
}

#f-conv-ul li img {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-top: 7px;
}

.f-channel-info {
  float: left;
  margin-left: 15px;
}

.f-channel-time {
  float: right;
  font-size: 13px;
  font-family: Proxima-Regular;
  opacity: 0.67;
  color: var(--fg, #232a31);
}

.channel-labels {
  font-family: Proxima-SBold;
  font-size: 18px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  color: #fff;
}

.channel-messages {
  font-family: Proxima-Regular;
  font-size: 16px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin-top: 0px;
  color: var(--fg, #000000);
  opacity: 0.8;
  letter-spacing: 0.2px;
}

.channels-abbr {
  width: 30px;
  height: 25px;
  border-radius: 15px;
  background-color: #ccc;
  color: #fff;
  font-family: Proxima-Regular;
  float: left;
  text-align: center;
  padding-top: 5px;
  margin-top: 7px;
}

#chat-box-content {
  position: relative;
}

#chat-cross-icon {
  height: 74px;
  width: 74px;
  border-radius: 37px;
  background-color: transparent;
  float: right;
  text-align: center;
}

#chat-cross-icon img {
  text-align: center;
  margin-top: 33%;
}

/* #input-message-div{position: absolute;width: 100%;bottom: 0} */
#widget-input {
  width: 100%;
  border: none;
  border-top: 1px solid var(--border, #e4e3e3);
  outline: none;
  height: 70px;
  padding: 0px;
  padding: 10px;
  padding-top: 4px;
  font-size: 14px;
  font-family: Proxima-Regular;
}

.message-wrappers {
  background-color: var(--surface, #fff);
  padding: 10px;
  max-width: 60%;
  margin: 14px 14px 0px 14px;
  border-radius: 8px;
  float: left;
  position: relative;
  height: auto;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.f-conv-name {
  font-family: Proxima-SBold;
  font-size: 15px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  color: transparent;
}

.f-conv-p {
  font-family: Proxima-Regular;
  font-size: 15px;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-margin-before: 2px;
  -webkit-margin-after: 0em;
  float: left;
  max-width: 100%;
}

.f-conv-time-p {
  font-family: Proxima-Regular;
  font-size: 11px;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-margin-before: 6px;
  -webkit-margin-after: 0em;
  float: right;
  color: var(--fg, #000000);
  margin-top: 9px;
  text-align: right;
  margin-left: 40px;
}

.f-my-message {
  float: right;
  text-align: right;
  background-color: var(--surface, #e8f5ff);
}

.f-my-message .f-conv-name {
  text-align: right;
}

#f-chat-messages {
  overflow: auto;
  max-height: calc(65vh - 202px);
}

.message-time {
  float: right;
  font-size: 10px;
  color: #a7a6a6;
}

.date-dividers {
  font-family: Proxima-Regular;
  color: var(--fg, #232a31);
  font-size: 12px;
  text-align: center;
  -webkit-margin-after: 0.5em;
  -webkit-margin-before: 1.5em;
}

.f-divide-ul {
  list-style-type: none;
  display: table;
  width: 100%;
  margin: 15px 0;
  -webkit-padding-start: 0px;
  -webkit-margin-before: 2em;
}

.f-divide-ul li:first-child, .f-divide-ul li:last-child {
  width: auto;
}

.f-divide-ul li {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
  text-align: center;
}

.f-divide-ul .f-line-left {
  display: block;
  height: 1px;
  background: var(--surface, #fff);
  background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(16%, var(--surface, #f6f6f6)), color-stop(100%, #999));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--surface, #f6f6f6) 16%, #999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999', GradientType=1 );
}

.f-divide-ul .f-line-right {
  display: block;
  height: 1px;
  background: #999;
  background: -webkit-gradient(left top, right top, color-stop(0, #999), color-stop(84%, var(--surface, #f6f6f6)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #999 0, var(--surface, #f6f6f6) 84%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=1 );
}

/*#f-conv-ul{overflow: auto;max-height: calc(75vh - 90px)}*/
@media (min-width: 768px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 1px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #ABABAB;
    /*-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/
  }
  ::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);*/
  }
  ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    opacity: 0.5;
    outline: 0.5px solid var(--border, rgb(235, 235, 235));
    border-radius: 2px;
  }
}
.typing-indicator {
  background-color: #cecece;
  width: auto;
  border-radius: 50px;
  padding: 10px;
  display: table;
  margin: 0 auto;
  position: absolute;
  animation: 2s bulge infinite ease-out;
  bottom: 110px;
  left: 25px;
}

.typing-indicator:before, .typing-indicator:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #cecece;
}

.typing-indicator:after {
  height: 10px;
  width: 10px;
  left: -10px;
  bottom: -10px;
}

.typing-indicator span {
  height: 8px;
  width: 8px;
  float: left;
  margin: 0 1px;
  background-color: #8d8d8e;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}

.typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.3333s;
}

.typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.6666s;
}

.typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.9999s;
}
@keyframes blink {
  50% {
    opacity: 1;
  }
}
@keyframes bulge {
  50% {
    transform: scale(1.05);
  }
}
.tri-right.border.start-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -40px;
  right: auto;
  top: -8px;
  bottom: auto;
  border: 32px solid;
  border-color: #666 transparent transparent transparent;
}

.tri-right.start-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -10px;
  right: auto;
  top: 0px;
  bottom: auto;
  border: 14px solid;
  border-color: var(--border, #fff) transparent transparent transparent;
}

.tri-left.border.end-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: -40px;
  left: auto;
  top: -8px;
  bottom: auto;
  border: 32px solid;
  border-color: var(--border, #e8f5ff) transparent transparent transparent;
}

.tri-left.end-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: -10px;
  left: auto;
  top: 0px;
  bottom: auto;
  border: 14px solid;
  border-color: var(--border, #e8f5ff) transparent transparent transparent;
}

#loader-div {
  width: 100%;
  text-align: center;
}

#loader-img {
  width: 50px;
  padding-top: 25vh;
}

#chat-icon {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-color: transparent;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
  cursor: pointer;
  float: right;
}

.helper {
  display: inline-block !important;
  height: 100%;
  vertical-align: middle;
}

#chat-icon img {
  vertical-align: middle;
}

#layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0.9;
  background-color: rgba(0, 0, 0, 0.6);
  /* visibility:hidden; */
}

.intl-tel-input {
  width: 100%;
  /*margin-bottom: 10px;*/
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  outline: none;
}

.country-list {
  font-family: Montserrat-Light;
}

.status-red {
  font-weight: bold;
  color: var(--danger, #e74e61);
}

.status-green {
  font-weight: bold;
  color: var(--success, #62bd43);
}

.status-orange {
  font-weight: bold;
  color: var(--theme-color);
  margin-right: 6px;
}

.daterangepicker {
  min-width: 270px;
}

.daterangepicker .ranges {
  width: 252px;
}

.daterangepicker .ranges ul {
  width: 100%;
}

.daterangepicker:after, .daterangepicker:before {
  content: "";
  border: none;
}

loader.pos-abs .fade-loader {
  position: absolute !important;
  z-index: 10000 !important;
}

.show-transition * {
  transition: 0.25s ease;
}

.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 1em;
}

.chat-heading-div .dropdown-menu {
  max-width: 145px;
}

/* .p-dialog.p-dialog-footer .ui-button:last-child:hover{
     background-color: var(--surface, #ffffff) !important;
      border: 2px solid var(--border, #e4e4ed);
} */
#profile-save-disable[disabled] {
  border-radius: 4px;
  background-color: var(--btn-default);
  padding: 6px 7px;
  /*height: 24px;*/
  font-size: 12px;
  color: #ffffff;
  border-color: transparent;
  font-family: Montserrat-Regular;
  line-height: 10px;
  letter-spacing: 0.5px;
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
  color: white !important;
  cursor: not-allowed;
  opacity: 0.7;
}

#agent-profile-save-disable[disabled] {
  background-color: var(--btn-default);
  padding: 6px 7px;
  /*height: 24px;*/
  font-size: 12px;
  border-color: transparent;
  font-family: Montserrat-Regular;
  line-height: 10px;
  letter-spacing: 0.5px;
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
  color: white !important;
  cursor: not-allowed;
  opacity: 0.7;
}

/*common classes*/
.common-btn-green {
  border-radius: 4px;
  background-color: var(--btn-default);
  padding: 6px 7px;
  border: solid 2px transparent;
  /*height: 24px;*/
  font-size: 12px;
  color: #ffffff;
  border-color: transparent;
  font-family: Montserrat-Regular;
  line-height: 10px;
  letter-spacing: 0.5px;
}

a.common-btn-green {
  background-color: var(--btn-default) !important;
  color: #ffffff !important;
}

.common-btn-green[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

a.common-btn-green:hover, a.common-btn-green:focus {
  color: var(--btn-default) !important;
  background-color: var(--surface, #ffffff) !important;
}

.common-btn-green:hover, .common-btn-green:focus {
  /*height: 24px;*/
  border-radius: 4px;
  border: solid 2px var(--btn-default);
  font-size: 12px;
  color: var(--btn-default);
  background-color: var(--surface, #ffffff);
  line-height: 10px;
  font-family: Montserrat-Regular;
  outline: none !important;
}

.common-btn-blue {
  border-radius: 4px !important;
  background-color: var(--theme-color);
  padding: 6px 7px;
  border: 2px solid transparent;
  /*height: 24px;*/
  font-size: 12px;
  color: #ffffff;
  border-color: transparent;
  font-family: Montserrat-Regular;
  line-height: 10px;
  letter-spacing: 0.5px;
}

.common-btn-blue-lg {
  border-radius: 4px;
  background-color: var(--theme-color);
  padding: 12px 12px;
  border: 2px solid transparent;
  /*height: 24px;*/
  font-size: 14px;
  color: #ffffff;
  line-height: 2px;
  font-family: Montserrat-Regular;
  letter-spacing: 0.5px;
}

.common-btn-blue-lg[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.common-btn-blue-lg:hover, .common-btn-blue-lg:focus {
  /*height: 24px;*/
  border: solid 2px var(--theme-color);
  color: var(--theme-color);
  background-color: var(--surface, #ffffff);
}

.common-btn-blue[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.common-btn-blue:hover, .common-btn-blue:focus {
  /*height: 24px;*/
  border-radius: 4px;
  border: solid 2px var(--theme-color);
  font-size: 12px;
  color: var(--theme-color);
  background-color: var(--surface, #ffffff);
  line-height: 10px;
  font-family: Montserrat-Regular;
  outline: none !important;
}

.common-btn-gray {
  margin-right: 2px;
  border-radius: 4px;
  border: solid 2px var(--border, #e4e4ed);
  font-size: 12px;
  /*height: 24px;*/
  font-family: Montserrat-Regular;
  background-color: var(--surface-3, #e4e4ed);
  text-align: left;
  color: var(--fg-muted, #51445c);
  line-height: 10px;
  padding: 6px 7px;
  letter-spacing: 0.5px;
  /*border-color: transparent;*/
}

.common-btn-gray:not(:focus), .common-btn-green:not(:focus) {
  outline: none !important;
}

.common-btn-gray:hover, .common-btn-gray:focus {
  padding: 6px 7px;
  border-radius: 4px;
  /*background-color: #e4e4ed;*/
  border: solid 2px var(--border, #e4e4ed);
  font-family: Montserrat-Regular;
  font-size: 12px;
  line-height: 10px;
  /*height: 24px;*/
  color: var(--fg-muted, #51445c);
  background-color: var(--surface, #ffffff);
  outline: none !important;
  text-decoration: none;
}

.common-label-style {
  position: relative;
  font-family: Montserrat-Regular;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--fg-muted, #88838c);
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
}

input.common-form-input-normal::-webkit-input-placeholder {
  height: 45px !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  /*border-top: solid 2px #e4e4ed;*/
  /*border-bottom: solid 2px #e4e4ed;*/
  font-family: ProximaNova-Light !important;
  border-right: none !important;
  border-left: none !important;
  opacity: 0.3 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: var(--fg, #2c2333) !important;
  /*padding: 0px 0px 0px 12px;*/
  width: 50% !important;
  max-width: 518px !important;
  min-width: 280px !important;
  outline: none !important;
}

.common-form-input-normal:focus {
  height: 45px !important;
  border-radius: 4px !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  /*color: #2c2333;*/
  padding: 0px 12px 0px 12px !important;
  /* width:100%; */
  opacity: 1 !important;
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
  background-color: transparent !important;
}

select.common-form-input-normal {
  background-color: var(--chat-bg-color);
  opacity: 0.7;
  /*opacity: 1!important;*/
  /*background-color: transparent!important;*/
  height: 46px !important;
  resize: none;
  border-radius: 4px !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  /*color: #2c2333;*/
  padding: 12px !important;
  /* width:100%; */
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
}

select.common-form-input-normal:focus {
  height: 46px !important;
  resize: none;
  border-radius: 4px !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  /*color: #2c2333;*/
  padding: 12px !important;
  /* width:100%; */
  opacity: 1 !important;
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
  background-color: transparent !important;
}

textarea.common-form-input-normal {
  height: 70px !important;
  resize: none;
  border-radius: 4px !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  /*color: #2c2333;*/
  padding: 12px !important;
  /* width:100%; */
  opacity: 1 !important;
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
  /* background-color: transparent!important; */
}

textarea.common-form-input-normal:focus {
  height: 70px !important;
  resize: none;
  border-radius: 4px !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  /*color: #2c2333;*/
  padding: 12px !important;
  /* width:100%; */
  opacity: 1 !important;
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
  background-color: transparent !important;
}

.common-form-input-normal {
  height: 45px !important;
  border-radius: 4px !important;
  border: 2px solid var(--border, #e4e4ed) !important;
  width: 100% !important;
  /*margin-bottom: 10px;*/
  margin-top: 10px !important;
  line-height: 18px !important;
  font-family: ProximaNova-Reg !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: var(--fg, #2c2333) !important;
  padding: 12px !important;
  letter-spacing: 1px !important;
  min-width: 280px !important;
  outline: none !important;
}

input.common-form-input-normal::-moz-placeholder {
  height: 45px;
  border-radius: 4px;
  /*background-color: #fbfcff;*/
  /*border-top: solid 2px #e4e4ed;*/
  /*border-bottom: solid 2px #e4e4ed;*/
  border-right: none;
  border-left: none;
  opacity: 0.3;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: var(--fg, #2c2333);
  /*padding: 0px 0px 0px 12px;*/
  width: 50%;
  max-width: 518px;
  min-width: 280px;
  outline: none !important;
  padding: 10px;
}

input.common-form-input-normal:-ms-input-placeholder {
  height: 45px;
  border-radius: 4px;
  /*background-color: #fbfcff;*/
  /*border-top: solid 2px #e4e4ed;*/
  /*border-bottom: solid 2px #e4e4ed;*/
  border-right: none;
  border-left: none;
  opacity: 0.3;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: var(--fg, #2c2333);
  /*padding: 0px 0px 0px 12px;*/
  width: 50%;
  max-width: 518px;
  min-width: 280px;
  outline: none !important;
}

input.common-form-input-normal:-moz-placeholder {
  height: 45px;
  border-radius: 4px;
  /*background-color: #fbfcff;*/
  /*border-top: solid 2px #e4e4ed;*/
  /*border-bottom: solid 2px #e4e4ed;*/
  border-right: none;
  border-left: none;
  opacity: 0.3;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: var(--fg, #2c2333);
  /*padding: 0px 0px 0px 12px;*/
  width: 50%;
  max-width: 518px;
  min-width: 280px;
  outline: none !important;
  padding: 10px;
}

/*.form-input-label{
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: left;
  color: var(--fg-muted, #88838c);
  font-family: Montserrat-Regular;
}*/
.phone_style .input-group-append {
  background-color: var(--surface, #ffffff) !important;
  line-height: 41px !important;
  border-left: solid 2px var(--border, #e4e4ed);
  border-top: solid 2px var(--border, #e4e4ed);
  border-bottom: solid 2px var(--border, #e4e4ed);
  box-shadow: none;
  width: auto;
}

.phone_style .input-group input.form-control {
  height: 45px !important;
  border: solid 2px var(--border, #e4e4ed);
  box-shadow: none;
  border-radius: 4px;
  background-color: var(--surface, #fff);
  font-family: ProximaNova-reg;
  opacity: 0.7;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: var(--fg, #2c2333);
  padding: 0px 0px 0px 12px;
  /* max-width:518px;
  min-width: 280px; */
  outline: none !important;
  width: 100%;
}

.phone_style .input-group input.form-control:focus {
  height: 45px;
  border-radius: 4px;
  border: solid 2px var(--border, #e4e4ed);
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  /*color: #2c2333;*/
  padding: 0px 0px 0px 12px;
  opacity: 1;
  /* max-width:518px; */
  /* min-width: 280px; */
  width: 100%;
  outline: none !important;
  background-color: var(--surface, #ffffff);
}

.form-control-outbox-handler:focus {
  box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25) !important;
}

.phone_style .dropbtn {
  height: 38px !important;
}

.input-bg-color-transparent {
  /*background-color: transparent;*/
  background-color: var(--chat-bg-color);
  opacity: 0.7;
}

a.tagged-agent {
  color: var(--theme-color) !important;
}

#assigned-agent-button-id[disabled] {
  height: 27px !important;
  float: right !important;
  width: auto !important;
  max-width: 100% !important;
  line-height: 15px !important;
  padding: 0px 7px !important;
  border-radius: 4px !important;
  background-color: var(--surface-3, #e4e4ed) !important;
  border: solid 2px var(--border, #e4e4ed) !important;
  font-family: Montserrat-Regular !important;
  font-size: 12px !important;
  display: flex !important;
  align-self: center !important;
  cursor: not-allowed !important;
  color: var(--fg, #2c2333) !important;
}

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

/************************************classes for new forms and image style-pop-up*****************************/
.style-2 .dialog-headers {
  width: 100%;
  text-align: left !important;
  text-transform: none;
  margin-bottom: 0;
  height: 64px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--surface, #ffffff);
  font-family: ProximaNova-Reg;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: var(--fg-muted, #51445c);
  padding: 20px 30px;
}

.style-2 hr {
  margin-top: 0px !important;
  display: block;
  margin-bottom: 0px;
}

.button-div-pop-up {
  text-align: right;
  padding: 20px 30px;
  border-top: 2px solid var(--border, rgba(193, 193, 193, 0.2));
  margin-top: 20px;
}

.cross-in-pop-up {
  top: 2px;
  position: relative;
  float: right;
  /* text-align: right; */
  height: 20px;
  display: block;
  background-image: url('group-79.svg');
  width: 20px;
}

.cross-in-pop-up:hover {
  opacity: 0.6;
}

/*added for style-2-pop-up*/
.section {
  padding: 0px 30px;
}

.section h3 {
  height: 16px;
  font-family: Montserrat-Regular;
  font-size: 13px;
  text-align: left;
  color: var(--fg-muted, #5e5864);
  letter-spacing: 0.7px;
}

/*for image in pop-up-section*/
.remove-section {
  text-align: center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 70px;
}

.image-icon-section {
  margin: 20px 0px;
  position: relative;
  height: 90px;
  width: 90px;
}

.image-size-error {
  font-size: 11px;
  color: var(--danger, #d01111);
}

.image-message {
  margin-top: 10px;
}

.top-label-style {
  font-family: Montserrat-Regular;
  font-size: 13px;
  text-align: left;
  color: var(--fg-muted, #5e5864);
  /*margin:0px;*/
  margin: 20px 0px 5px 0px;
  letter-spacing: 0.5px;
}

body, #login-container {
  -webkit-overflow-scrolling: auto;
}

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

/* ***************************for custom p-checkbox*/
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: solid 2px var(--border, #e4e4ed);
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background-color: var(--btn-default);
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: solid 2px var(--btn-default);
}

.ui-chkbox-label {
  padding-left: 0px !important;
}

.ui-chkbox .ui-chkbox-icon {
  color: white;
  font-size: 10px;
}

.ui-state-disabled {
  cursor: not-allowed !important;
}

#cropperDialog .dialog.style-2 {
  width: 800px !important;
  max-height: 600px;
}

/* #cropperDialog .style-2-dialog-wrapper{
   height: 300px;
} */
/***********************************for custom p-dropdown enagage page 1**************************/
.enagage-dropdown div.ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
  width: 100% !important;
  /*width: 276px!important;*/
  height: 39px;
  border-radius: 4px;
  background-color: var(--surface, #ffffff);
  border: solid 2px var(--border, #e4e4ed);
}

.enagage-dropdown label.ui-dropdown-label.ui-inputtext.ui-corner-all:focus {
  background-color: red !important;
}

.enagage-dropdown .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix.ui-dropdown-open {
  width: 100% !important;
  /*width: 276px!important;*/
  height: 39px;
  border-radius: 4px;
  background-color: var(--surface, #ffffff);
  border: solid 2px var(--border, #e4e4ed);
}

.enagage-dropdown label.ui-dropdown-label.ui-inputtext.ui-corner-all {
  padding: 0.55em;
}

.enagage-dropdown .ui-dropdown .ui-dropdown-trigger {
  padding: 0.48em 0.25em;
  top: 0px;
}

.enagage-dropdown .ui-dropdown .ui-dropdown-label {
  font-family: ProximaNova-reg;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-align: left;
  color: var(--fg-muted, #51445c);
}

.enagage-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 0px;
}

.enagage-dropdown .ui-dropdown-panel .ui-dropdown-item {
  height: 40px;
  border-left: 4px solid transparent;
  background-color: var(--chat-bg-color);
  font-family: ProximaNova-reg;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-align: left;
  color: var(--fg-muted, #564f5c);
  border-bottom: solid 1px var(--border, #e4e4ed);
  padding: 12px;
}

.enagage-dropdown .ui-dropdown-item:hover {
  border-left: 4px solid var(--theme-color);
  background-color: var(--surface, #ffffff);
}

.enagage-dropdown .ui-dropdown-item:hover .keyword-dropdown {
  text-transform: uppercase;
  font-weight: 600;
}

.enagage-dropdown .ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: not-allowed !important;
}

.enagage-dropdown .ui-dropdown-item.ui-corner-all.p-highlight {
  border-left: 4px solid var(--theme-color);
  background-color: var(--surface, #ffffff);
}

.p-highlight .keyword-dropdown {
  text-transform: uppercase;
  font-weight: 600;
}

/***************************************for engage view segment page 2*******************/
div.ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
  border-radius: 4px;
  background-color: var(--surface, #ffffff);
  border: solid 2px var(--border, #e4e4ed);
}

.ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix.ui-dropdown-open {
  border-radius: 4px;
  background-color: var(--surface, #ffffff);
  border: solid 2px var(--border, #e4e4ed);
}

.ui-dropdown .ui-dropdown-trigger {
  display: flex;
  align-items: center;
}

.ui-dropdown-panel .ui-dropdown-list {
  padding: 0px;
}

.ui-dropdown-panel .ui-dropdown-item {
  height: 40px;
  border-left: 4px solid transparent;
  background-color: var(--chat-bg-color);
  font-size: 14px;
  text-align: left;
  color: var(--fg-muted, #564f5c);
  border-bottom: solid 1px var(--border, #e4e4ed);
  padding: 12px;
}

.ui-dropdown-item:hover {
  border-left: 4px solid var(--theme-color);
  background-color: var(--surface, #ffffff);
}

.ui-dropdown-item:hover .keyword-dropdown {
  text-transform: uppercase;
  font-weight: 600;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: not-allowed !important;
}

/* outline color for primeNg components */
.ui-state-focus .ui-state-default {
  outline: -webkit-focus-ring-color auto 5px !important;
}

.ui-chkbox > .ui-state-focus {
  outline: -webkit-focus-ring-color auto 5px !important;
}

.cr-viewport {
  width: 200px !important;
  height: 200px !important;
}

.link-at-bottom {
  font-family: Montserrat-Regular;
  font-size: 14px;
  text-align: left;
  color: var(--fg-muted, #51445c);
  letter-spacing: 0.7px;
  /*text-decoration: underline;*/
  font-weight: 600;
  opacity: 0.7;
}

.link-at-bottom:hover {
  text-decoration: underline;
  cursor: pointer;
}

.ui-tooltip .ui-tooltip-text {
  width: auto;
  max-width: 400px;
  word-wrap: break-word;
}

.ui-tooltip {
  max-width: 800px !important;
  width: auto !important;
  z-index: 100002 !important;
}

.p-dialog-titlebar-close {
  color: var(--fg, #222);
  opacity: 0.7;
}

.p-dialog-titlebar-close:hover {
  opacity: 1;
  color: var(--fg, #222) !important;
}

/*bug fixes 13-11-2017*/
.eye-icon-default {
  background-image: url('password-invisible.png');
  display: block;
  width: 16px;
  height: 11px;
}

.eye-icon-typing, span.eye-icon-default:hover {
  background-image: url('password_visible.png');
  display: block;
  width: 16px;
  height: 11px;
}

.ls-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome, if Chrome rule needed */
  /* Safari 5+ ONLY */
  ::i-block-chrome, .eye-icon-default {
    right: 22px !important;
  }
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
}
.p-dialog-style-2.ui-widget, .ui-confirmdialog {
  padding: 22px !important;
  border-radius: 3px;
  max-width: 400px !important;
  width: 90% !important;
  animation-duration: 0.15s;
  animation-name: popIn;
  background: var(--surface, #fff);
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.p-dialog-style-2.ui-widget .ui-widget-header, .ui-confirmdialog .ui-widget-header {
  padding: 0px 0px 15px 0px !important;
  font-size: 16px;
  font-weight: 500;
  font-family: Montserrat-Regular;
}

.p-dialog-style-2.ui-widget .ui-widget-header span.fa-close, .ui-confirmdialog .ui-widget-header span.fa-close {
  display: none;
}

.p-dialog-style-2.ui-widget .p-dialog-content, .ui-confirmdialog.p-dialog.p-dialog-content {
  font-size: 14.5px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 20px;
  font-family: Proxima-Regular;
  padding: 0 !important;
  letter-spacing: 0.5px;
}

.p-dialog-style-2.ui-widget .p-dialog-footer, .ui-confirmdialog.p-dialog.p-dialog-footer {
  margin: 0;
  padding: 0;
}

.p-dialog-style-2.ui-widget .btn-dialog-ok {
  background: transparent;
  border: 0;
  color: var(--theme-color-dark);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: Montserrat-Regular;
  outline: none !important;
}

.p-dialog-style-2.ui-widget .btn-dialog-ok:active, .ui-confirmdialog .p-dialog-footer button:active {
  opacity: 0.6;
}

.ui-confirmdialog .p-dialog-footer button {
  background: transparent;
  border: 0;
  color: var(--theme-color-dark);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: Montserrat-Regular;
  outline: none !important;
}

.ui-confirmdialog .p-dialog-footer button:not(:last-child) {
  margin-right: 26px;
}

.ui-confirmdialog .p-dialog-footer button:not(:last-child)::after {
  border-left: 1.5px solid var(--border, rgba(0, 0, 0, 0.1));
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: -16px;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-family: "Rubik", sans-serif;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* {
  box-sizing: border-box;
}

.glb-ldr-prt {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  text-align: center;
  /* display: table; */
}

#global_loader {
  /* display: none; */
}

.gl-ldr-cld {
  /* display: table-cell; */
  vertical-align: middle;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -40px;
}

.small-loader .gl-ldr-cld {
  margin-left: -25px;
  margin-top: -25px;
}

.gl-ldr-ctr {
  background-color: var(--surface, #f5f5f5);
  margin: 0 auto;
  border-radius: 10px;
}

#global_loader .gl-ldr-ctr {
  width: 80px;
  height: 80px;
  padding: 15px;
}

.gl-loader {
  width: 50px;
  height: 50px;
  position: relative;
  border-top: 5px solid var(--border, rgba(0, 0, 0, 0.03));
  border-right: 5px solid var(--border, rgba(0, 0, 0, 0.03));
  border-bottom: 5px solid var(--loader-color);
  border-left: 5px solid var(--loader-color);
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

.gl-loader, .gl-loader:after {
  border-radius: 50%;
}

.small-loader .gl-ldr-ctr {
  width: 50px !important;
  height: 50px !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: transparent;
}

.small-loader .gl-loader {
  width: 30px;
  height: 30px;
}

.default-input {
  border: 2px solid var(--border, rgb(228, 228, 237));
  border-radius: 4px;
  display: block;
  width: 100%;
  padding: 6px 15px;
  box-shadow: none;
}

.default-input:focus {
  outline: none;
  border: 2px solid var(--border, rgb(228, 228, 237));
  box-shadow: none;
}

.default-table-div .ui-datatable-scrollable-view {
  height: calc(100vh - 223px);
  overflow: auto;
}

.table-header .default-input {
  width: calc(100% - 90px);
}

.table-header .reducedWidth {
  width: calc(100% - 145px) !important;
}

.table-header .common-btn-blue {
  padding: 10px 7px;
  transform: translateY(6px);
  font-size: 13px;
}

.input-icon {
  left: 0;
  top: 0;
  width: 34px;
  height: 40px;
  background-color: var(--chat-bg-color);
  border: 2px solid var(--border, rgb(228, 228, 237));
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-icon i {
  transform: translate(9px, 6px);
}

.icon-input {
  padding-left: 44px;
}

button:focus, a:focus {
  outline: none !important;
}

.jungle-logo {
  width: 122px;
  margin-right: 20px;
  height: 55px !important;
}

#login-left-div {
  overflow-x: hidden;
}

.input-group .form-control {
  z-index: 1;
}

.copyBtn {
  color: var(--theme-color);
  border-color: var(--theme-color);
  border-radius: 4px;
  backface-visibility: visible;
  position: relative;
  overflow: hidden;
  transition: 1s;
  z-index: 1;
  font-family: ProximaNova-Reg;
  font-size: 10px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 7px 16px;
  outline: none;
  background-color: var(--surface, #fff);
  border-width: 1px;
  float: left;
  margin: 10px;
}

.copyBtn:hover {
  color: #fff !important;
}

.copyBtn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 100%;
  top: 0px;
  transition: 0.5s;
  overflow: hidden;
  backface-visibility: visible;
  border-radius: 4px;
  background-color: var(--theme-color);
}

.copyBtn:hover::before {
  left: 0;
}

.copyTextArea {
  position: fixed;
  left: 105%;
}

.header-right-profile {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.country-code {
  display: inline-block;
  padding-left: 5px;
  text-align: right;
  color: var(--fg-subtle, #999999);
  font-size: 15px;
  z-index: 2;
  font-family: ProximaNova-Sbold;
}

/*=================tooltip css start=====================*/
.tooltip-container {
  position: relative;
  z-index: 2;
}

.tooltip {
  display: none;
  position: absolute;
  min-width: 250px;
  max-width: 400px;
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  font-family: ProximaNova-Reg;
  padding: 5px;
  border-radius: 5px;
}

.tooltip-top {
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 10px);
}

.tooltip-right {
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px);
}

.tooltip::after {
  content: "";
  position: absolute;
}

.tooltip-top::after {
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid #000000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tooltip-right::after {
  right: 100%;
  top: 50%;
  margin-top: -10px;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tooltip-container:hover .tooltip {
  display: inline-block;
  opacity: 1;
}

/*=================tooltip css end=====================*/
/*===================basic important css=================*/
.mar-bot-5 {
  margin-bottom: 5px !important;
}

.mar-bot-20 {
  margin-bottom: 20px !important;
}

.mar-right-10 {
  margin-right: 10px;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.inline-block {
  display: inline-block;
}

.txt-center {
  text-align: center !important;
}

.hidden {
  display: none !important;
}

b, strong {
  font-weight: 700;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

/*==================scrollbar=======================*/
/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--scroll-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.hide-widget #iframe_fuguWidget {
  display: none;
}

.hide-widget iframe#iframe_fuguWidgetContent {
  display: none !important;
}

/*=====================detail-question==================*/
.question-detail {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: var(--theme-color);
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  transform: translateY(-2px);
  margin-left: 10px;
}

/*===================back link====================*/
.back-link {
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5;
  font-family: Proxima-SBold;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  color: var(--fg-muted, #4a4a4a);
  transition: 0.4s all ease-in-out;
  padding-left: 7px;
}

.back-link:hover {
  text-decoration: none;
  color: var(--theme-color);
}

.back-link:hover {
  padding-left: 0;
}

.tf {
  font-family: "tookan-icon";
}

.back-link {
  cursor: pointer;
}

.xdsoft_datetimepicker {
  z-index: 999999999 !important;
}

.cursor-hand {
  cursor: pointer;
}

.no-min-width {
  min-width: 0px !important;
}

/* BS4 classes */
.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

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

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.w-100 {
  width: 100% !important;
}

.w-75 {
  width: 75% !important;
}

.w-50 {
  width: 50% !important;
}

.w-25 {
  width: 25% !important;
}

.h-100 {
  height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pe-0 {
  padding-right: 0;
}

.pe-1 {
  padding-right: 0.25rem;
}

.pe-2 {
  padding-right: 0.5rem;
}

.pe-3 {
  padding-right: 1rem;
}

.pe-4 {
  padding-right: 1.5rem;
}

.pe-5 {
  padding-right: 3rem;
}

.ps-0 {
  padding-left: 0;
}

.ps-1 {
  padding-left: 0.25rem;
}

.ps-2 {
  padding-left: 0.5rem;
}

.ps-3 {
  padding-left: 1rem;
}

.ps-4 {
  padding-left: 1.5rem;
}

.ps-5 {
  padding-left: 3rem;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--text-placeholder);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.overflow-auto {
  overflow: auto;
}

.overflow-visible {
  overflow: visible !important;
}

.h-100 {
  height: 100%;
}

.g-0 {
  margin: 0 !important;
}

.color-white {
  color: white !important;
}

.border-0 {
  border: none !important;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.w-50 {
  width: 50%;
}

.outline-none {
  outline: none !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.flex-grow {
  flex-grow: 1;
}

.display-flex-normal {
  display: flex;
}

.flex-column-normal {
  flex-direction: column;
}

.colorful-loader, .colorful-loader:before, .colorful-loader:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  position: absolute;
  border-radius: 50%;
}

.colorful-loader {
  margin: auto;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
.colorful-loader:before {
  border: 5px solid #aaa;
  border-bottom: 5px solid orange;
  border-left: 5px solid orange;
  animation: spin1 1s linear infinite;
}

.colorful-loader:after {
  border: 5px solid #aaa;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  animation: spin2 1s linear infinite;
}

@keyframes spin1 {
  20% {
    transform: rotate(150deg);
  }
  40% {
    transform: rotate(300deg);
  }
  80% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(-30deg);
    border-color: transparent transparent #aaa #aaa;
  }
  21% {
    border-color: orange orange transparent transparent;
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(120deg);
    border-color: orange orange transparent transparent;
  }
  61% {
    border-color: transparent transparent #aaa #aaa;
  }
  80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
.break-all {
  word-break: break-all !important;
}

.font-20 {
  font-size: 20px;
}

.round-border {
  border-radius: 5px;
}

.bordered {
  border: 1px solid var(--border-color);
}

.border-start {
  border-left: 1px solid var(--border-color);
}

.border-bottom {
  border-bottom: 1px solid var(--border-color);
}

.shadowed-box {
  box-shadow: rgba(69, 65, 78, 0.08) 0 1px 15px 1px;
}

.bg-white {
  background-color: var(--surface, #fff);
}

.xelp-platform-uneditable-content {
  height: 20px;
  width: 85px;
  line-height: 18px !important;
  border-radius: 4px;
  padding: 0 5px;
  margin-left: 4px;
  margin-right: 1px;
  color: var(--fg, #000) !important;
  background-color: var(--surface-2, #eee) !important;
  border: 1px solid var(--border, rgba(0, 0, 0, 0.2)) !important;
}

.font-bold {
  font-weight: bold;
}

.text-uppercase {
  text-transform: uppercase;
}

.theme-color {
  color: var(--theme-color);
}

.error {
  border: 1px solid #d72b3f !important;
  background: var(--surface, #fbeaec) !important;
}

.error:focus {
  box-shadow: 0 0 7px rgba(255, 0, 0, 0.15);
}

.hw-15 {
  height: 15px;
  width: 15px;
}

.hw-24 {
  height: 24px;
  width: 24px;
}

.hw-18 {
  height: 18px;
  width: 18px;
}

.text-muted {
  color: var(--text-muted);
}

.font-12 {
  font-size: 12px;
}

.new-custom-default-btn {
  background-color: var(--btn-default);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid transparent;
}

.new-custom-default-btn:hover {
  background-color: var(--surface, white);
  color: var(--btn-default) !important;
  border: 2px solid var(--btn-default);
}

.new-custom-danger-btn {
  background-color: var(--btn-danger);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid transparent;
}

.new-custom-danger-btn:hover {
  background-color: var(--surface, white);
  color: var(--btn-danger) !important;
  border: 2px solid var(--btn-danger);
}

.new-custom-default-btn:focus {
  color: #fff;
}

.new-custom-cancel-btn {
  background-color: var(--surface-2, #e2e4e6);
  color: var(--fg, #293038);
  font-size: 14px;
  /* font-weight: bold; */
  border: 2px solid var(--border, #e2e4e6);
}

.new-custom-cancel-btn:hover {
  color: var(--fg, #293038);
  background-color: var(--surface, #fff);
}

.rounded-btn {
  border-radius: 30px;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}

.formula-label {
  background-color: var(--surface-2, #ddd);
  padding: 5px 0px;
  border-radius: 5px;
  border-left: 20px solid var(--border, #ddd);
  border-right: 20px solid var(--border, #ddd);
  line-height: 30px;
}

.email-trigger-label {
  background-color: var(--surface-2, #ddd);
  padding: 5px 0px;
  border-radius: 5px;
  border-left: 20px solid var(--border, #ddd);
  border-right: 20px solid var(--border, #ddd);
  line-height: 30px;
}

.d-flex-normal {
  display: flex;
}

#main-navigation {
  height: 100%;
  display: block;
  width: 68px;
  padding: 15px 0;
  position: relative;
  z-index: 11;
  min-width: 68px;
  max-width: 68px;
  padding-top: 0px;
  background: var(--header-color);
}

#main-content {
  width: calc(100% - 68px);
}

.messase-links {
  color: inherit !important;
}
.messase-links:hover {
  color: inherit !important;
}

.agent-message .messase-links {
  color: var(--theme-color) !important;
}

.user-message .messase-links {
  color: var(--sender-link-color) !important;
}

/***************************NEW REVAMP SCSS*******************************/
.secondary-text {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-family: "Rubik";
  color: #98A9BC;
}

.link-text {
  font-size: 14px;
  line-height: 21px;
  font-family: "Rubik";
  color: var(--brand);
}

.bold-text {
  font-family: "Rubik-Medium";
  font-size: 14px;
  line-height: 17px;
  color: var(--fg, #1B1E24);
}

.logoutWebIcon {
  height: 22px;
  width: 22px;
  margin-right: 10px;
}

.logoutPopup .header {
  border-bottom: none !important;
}

.logoutPopup .body {
  padding: 0px 20px !important;
}

.prescriptionPoup .dialog.style-2 {
  width: 50% !important;
}

.check-round {
  position: relative;
  display: inline-block;
  height: 13px;
  width: 13px;
}

.check-round input[type=checkbox], .check-round input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.check-round input[type=checkbox]:disabled, .check-round input[type=radio]:disabled {
  cursor: not-allowed;
}

.check-round input[type=checkbox] + span, .check-round input[type=radio] + span {
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--border-strong, #ccc);
  width: 13px;
  height: 13px;
  font-size: 14px;
  box-sizing: content-box !important;
}

.check-round.check-square input[type=checkbox] + span, .check-round.check-square input[type=radio] + span {
  border-radius: 4px;
}

.check-round input[type=checkbox] + span > .ng-fa-icon, .check-round input[type=radio] + span > .ng-fa-icon {
  visibility: hidden;
  margin: auto;
  display: inline-flex;
  max-height: 13px;
}

.check-round input[type=checkbox] + span > .ng-fa-icon img, .check-round input[type=radio] + span > .ng-fa-icon img {
  margin: auto;
  max-width: 100%;
}

.check-round input[type=checkbox]:checked + span, .check-round input[type=radio]:checked + span {
  border-color: #3bd5b2;
  background-color: #3bd5b2;
  color: #fff;
}

.check-round input[type=checkbox]:checked:disabled + span,
.check-round input[type=checkbox]:disabled + span,
.check-round input[type=radio]:checked:disabled + span,
.check-round input[type=radio]:disabled + span {
  border-color: #bbb;
  background-color: #ccc;
}

.check-round input[type=checkbox]:checked + span > .ng-fa-icon, .check-round input[type=radio]:checked + span > .ng-fa-icon {
  visibility: visible;
}

.check-round input[type=checkbox]:hover:not(:checked), .check-round input[type=radio]:hover:not(:checked) {
  cursor: pointer;
}

.deletedLabel {
  background-color: var(--btn-danger);
  color: #ffffff;
  border: transparent;
  border-radius: 10.5px;
  width: 65px;
  height: 20px;
  text-align: center;
}

.blink-effect {
  transition: all 0.5s;
  animation: blink-animation 1s steps(25, start) infinite;
  -webkit-animation: blink-animation 1s steps(25, start) infinite;
}

.no-boxShadow {
  box-shadow: none !important;
}

@keyframes blink-animation {
  to {
    transform: scale(1.15);
    color: var(--color);
  }
}
.gjs-pn-btn.fa {
  font-size: large !important;
}

.ui-datepicker .ui-state-default.ui-state-disabled {
  color: #b4b4b4 !important;
}
.ui-datepicker .ui-state-default {
  color: var(--fg, #000000) !important;
}
.ui-datepicker .ui-state-default.ui-state-active {
  color: #ffffff !important;
  background: var(--theme-color);
  text-align: center;
}
.ui-datepicker .ui-datepicker-other-month.ui-state-disabled .ui-state-default {
  color: #b4b4b4 !important;
}
.ui-datepicker .fa.fa-angle-up, .ui-datepicker .fa.fa-angle-down {
  color: var(--fg, #000000) !important;
}
.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid var(--border, #e9e9e9);
}
.ui-datepicker .ui-timepicker {
  border-top: 1px solid var(--border, #e9e9e9);
}

.right-container {
  margin-left: auto;
  margin-right: 4%;
  min-height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
  }
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  display: none;
}

@media (min-width: 768px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }
}
.form-group {
  margin-bottom: 15px;
}

.form-control {
  font-size: 14px !important;
}

.btn-cancel {
  font-size: 14px !important;
}

.btn {
  font-size: 14px !important;
}

/* ── Ticketing: hide scrollbars until the pane is hovered ──────────────────
   Applies to all four ticket panes (rail, list, ticket body, info column).
   Panes stay scrollable at all times; the scrollbar only appears on hover. */
.tkt-shell__rail,
.ticketing-dashboard-body .ticket-list,
.ticket-detail-body .issue-text .header,
.ticket-detail-body .notes-container,
.ticket-detail-info-column {
  scrollbar-width: none; /* Firefox: hidden by default */
  -ms-overflow-style: none; /* old Edge/IE */
}
.tkt-shell__rail::-webkit-scrollbar,
.ticketing-dashboard-body .ticket-list::-webkit-scrollbar,
.ticket-detail-body .issue-text .header::-webkit-scrollbar,
.ticket-detail-body .notes-container::-webkit-scrollbar,
.ticket-detail-info-column::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.tkt-shell__rail:hover,
.ticketing-dashboard-body .ticket-list:hover,
.ticket-detail-body .issue-text .header:hover,
.ticket-detail-body .notes-container:hover,
.ticket-detail-info-column:hover {
  scrollbar-width: thin;
}
.tkt-shell__rail:hover::-webkit-scrollbar,
.ticketing-dashboard-body .ticket-list:hover::-webkit-scrollbar,
.ticket-detail-body .issue-text .header:hover::-webkit-scrollbar,
.ticket-detail-body .notes-container:hover::-webkit-scrollbar,
.ticket-detail-info-column:hover::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.tkt-shell__rail:hover::-webkit-scrollbar-thumb,
.ticketing-dashboard-body .ticket-list:hover::-webkit-scrollbar-thumb,
.ticket-detail-body .issue-text .header:hover::-webkit-scrollbar-thumb,
.ticket-detail-body .notes-container:hover::-webkit-scrollbar-thumb,
.ticket-detail-info-column:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 4px;
}
.tkt-shell__rail:hover::-webkit-scrollbar-track,
.ticketing-dashboard-body .ticket-list:hover::-webkit-scrollbar-track,
.ticket-detail-body .issue-text .header:hover::-webkit-scrollbar-track,
.ticket-detail-body .notes-container:hover::-webkit-scrollbar-track,
.ticket-detail-info-column:hover::-webkit-scrollbar-track {
  background: transparent;
}

/* ── Modern "Add Internal Note / Comment" slide-over (reply-drawer) ─────────
   Restyles the reply composer projected into the p-drawer into a cleaner,
   card-based layout with segmented tabs and modern action buttons. */
.p-drawer.reply-drawer .p-drawer-header {
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--border, #eef1f6);
}
.p-drawer.reply-drawer .p-drawer-content {
  padding: 20px 24px 24px;
  background: var(--surface, #fbfcfe);
}

.reply-drawer .ticket-reply-outer-container {
  height: auto !important;
}
.reply-drawer .ticket-reply {
  display: block !important;
  padding: 0 !important;
  height: auto !important;
}
.reply-drawer .login-icon {
  display: none !important;
}
.reply-drawer .comment-section {
  width: 100% !important;
}
.reply-drawer {
  /* Segmented Internal Note / Comment tabs — full width, two equal halves */
}
.reply-drawer .broad-type-selections {
  padding: 0 !important;
  margin: 0 0 18px !important;
}
.reply-drawer .broad-type-selections .d-flex {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: var(--surface, #eef1f6);
  padding: 4px;
  border-radius: 10px;
  width: 100%;
}
.reply-drawer .broad-type-selections .items {
  height: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  text-align: center;
  white-space: nowrap;
  padding: 9px 12px !important;
  margin-right: 0 !important;
  border-radius: 7px;
  color: var(--fg-muted, #5a626a);
  font-weight: 500;
  transition: all 0.15s ease;
}
.reply-drawer .broad-type-selections .items span, .reply-drawer .broad-type-selections .items strong {
  color: inherit;
  white-space: nowrap;
  font-weight: 500;
}
.reply-drawer .broad-type-selections .items .brdr {
  display: none !important;
}
.reply-drawer .broad-type-selections .items.active {
  background: var(--brand);
  color: #ffffff !important;
}
.reply-drawer .broad-type-selections .items.active span, .reply-drawer .broad-type-selections .items.active strong {
  color: #ffffff !important;
}
.reply-drawer .broad-type-selections .items:hover:not(.active) {
  background: var(--surface, #e3e8f2);
}
.reply-drawer {
  /* Editor card */
}
.reply-drawer .contenteditable-wrapper {
  padding: 0 !important;
  height: auto !important;
}
.reply-drawer .contenteditable-wrapper > br {
  display: none;
}
.reply-drawer .message-part {
  height: auto;
  min-height: 220px;
  padding: 16px 18px;
  border: 1px solid var(--border, #e2e6ee);
  border-radius: 14px;
  background: var(--surface, #ffffff);
  box-shadow: 0 1px 3px rgba(16, 44, 78, 0.05);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.reply-drawer .message-part:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(22, 68, 155, 0.12);
}
.reply-drawer .message-input {
  min-height: 170px;
  padding: 0;
  color: var(--fg, #2b3244);
  font-size: 14px;
  line-height: 1.55;
}
.reply-drawer #attachment-file {
  padding-right: 0;
}
.reply-drawer {
  /* Action row: Draft Reply (ghost) + Post/Save (primary) on one line */
}
.reply-drawer .reply-action-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0 0;
}
.reply-drawer .reply-ai-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--border, #d6dced);
  background: var(--surface, #ffffff);
  color: var(--brand);
  padding: 12px 16px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease;
}
.reply-drawer .reply-ai-btn:hover {
  background: var(--surface, #f2f5fb);
}
.reply-drawer .reply-ai-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.reply-drawer .reply-send-btn {
  flex: 1 1 auto;
  float: none !important;
  padding: 13px;
  border-radius: 11px;
  background: var(--brand);
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
.reply-drawer .reply-send-btn:hover {
  background: #123a86;
}
.reply-drawer .reply-send-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Modern "Create Ticket" slide-over (create-ticket-drawer) ──────────────
   Restyles the ticket-create form projected into the p-drawer: rounded
   inputs, cleaner labels, sticky modern footer actions. */
.p-drawer.create-ticket-drawer .p-drawer-header {
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--border, #eef1f6);
}
.p-drawer.create-ticket-drawer .p-drawer-content {
  padding: 8px 24px 88px;
  background: var(--surface, #fbfcfe);
  position: relative;
}

.create-ticket-drawer .ctd-title {
  font-size: 16px;
  color: var(--brand);
  font-weight: 600;
}
.create-ticket-drawer .popup-form-label {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: var(--fg, #3a4252) !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}
.create-ticket-drawer .input-custom,
.create-ticket-drawer .form-control.textarea,
.create-ticket-drawer textarea.form-control {
  border: 1px solid var(--border, #e2e6ee) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  background: var(--surface, #ffffff) !important;
  width: 100% !important;
  box-shadow: none !important;
  box-sizing: border-box;
  min-height: 44px;
}
.create-ticket-drawer .input-custom:focus,
.create-ticket-drawer .form-control.textarea:focus,
.create-ticket-drawer textarea.form-control:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(22, 68, 155, 0.12) !important;
}
.create-ticket-drawer .form-control.textarea {
  min-height: 140px;
}
.create-ticket-drawer .jstfy-cnt,
.create-ticket-drawer .d-flex.justify-content-between:has(> .ticket-list-filter-item) {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: end;
}
.create-ticket-drawer .jstfy-cnt > div,
.create-ticket-drawer .ticket-list-filter-item {
  min-width: 0;
  width: 100%;
}
.create-ticket-drawer .customer-filter {
  width: 100% !important;
  border: 1px solid var(--border, #e2e6ee) !important;
  border-radius: 10px !important;
  height: 44px !important;
  padding: 0 12px !important;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.create-ticket-drawer p-select, .create-ticket-drawer p-multiselect,
.create-ticket-drawer .p-select, .create-ticket-drawer .p-multiselect, .create-ticket-drawer .p-dropdown {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 10px !important;
}
.create-ticket-drawer .p-select, .create-ticket-drawer .p-multiselect, .create-ticket-drawer .p-dropdown {
  border: 1px solid var(--border, #e2e6ee) !important;
  min-height: 44px;
  align-items: center;
}
.create-ticket-drawer .uk-clearfix .icheck-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.create-ticket-drawer .label-custom1 {
  margin: 0 !important;
}
.create-ticket-drawer .ctd-footer {
  position: sticky;
  bottom: -88px;
  margin: 20px -24px -88px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 14px 24px;
  background: var(--surface, #ffffff);
  border-top: 1px solid var(--border, #eef1f6);
}
.create-ticket-drawer .ctd-btn {
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Rubik", sans-serif;
}
.create-ticket-drawer .ctd-btn-cancel {
  background: var(--surface, #eef1f6);
  color: var(--fg, #3a4252);
}
.create-ticket-drawer .ctd-btn-cancel:hover {
  background: var(--surface, #e3e8f2);
}
.create-ticket-drawer .ctd-btn-create {
  background: var(--brand);
  color: #ffffff;
}
.create-ticket-drawer .ctd-btn-create:hover {
  background: #123a86;
}
.create-ticket-drawer .ctd-btn-create:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ── Modern "Filter Ticket By" slide-over (ticket-filter-drawer) ───────────
   Two-column rows: label on the left, control on the right. */
.p-drawer.ticket-filter-drawer .p-drawer-header {
  padding: 20px 24px 14px;
  border-bottom: 1px solid var(--border, #eef1f6);
}
.p-drawer.ticket-filter-drawer .p-drawer-content {
  padding: 18px 24px;
  background: var(--surface, #fbfcfe);
}
.p-drawer.ticket-filter-drawer .p-drawer-footer {
  padding: 14px 24px;
  border-top: 1px solid var(--border, #eef1f6);
  background: var(--surface, #ffffff);
}

.ticket-filter-drawer .tfd-title {
  font-size: 16px;
  color: var(--brand);
  font-weight: 600;
}
.ticket-filter-drawer .tfd-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ticket-filter-drawer .tfd-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ticket-filter-drawer .tfd-label {
  flex: 0 0 92px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg, #3a4252);
}
.ticket-filter-drawer .tfd-input {
  flex: 1 1 auto;
  height: 42px;
  border: 1px solid var(--border, #e2e6ee);
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  background: var(--surface, #ffffff);
  outline: none;
  box-sizing: border-box;
}
.ticket-filter-drawer .tfd-input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(22, 68, 155, 0.12);
}
.ticket-filter-drawer .tfd-select, .ticket-filter-drawer .tfd-date {
  flex: 1 1 auto;
  min-width: 0;
}
.ticket-filter-drawer p-multiselect, .ticket-filter-drawer p-datepicker {
  display: block;
  width: 100%;
}
.ticket-filter-drawer .p-multiselect, .ticket-filter-drawer .p-datepicker {
  width: 100% !important;
}
.ticket-filter-drawer .p-multiselect {
  border: 1px solid var(--border, #e2e6ee) !important;
  border-radius: 10px !important;
  min-height: 42px;
  display: flex;
  align-items: center;
}
.ticket-filter-drawer .p-datepicker .p-inputtext, .ticket-filter-drawer .p-datepicker input, .ticket-filter-drawer .p-inputtext {
  width: 100% !important;
  border: 1px solid var(--border, #e2e6ee) !important;
  border-radius: 10px !important;
  height: 42px;
}
.ticket-filter-drawer .tfd-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.ticket-filter-drawer .tfd-btn {
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Rubik", sans-serif;
}
.ticket-filter-drawer .tfd-btn-cancel {
  background: var(--surface, #eef1f6);
  color: var(--fg, #3a4252);
}
.ticket-filter-drawer .tfd-btn-cancel:hover {
  background: var(--surface, #e3e8f2);
}
.ticket-filter-drawer .tfd-btn-apply {
  background: var(--brand);
  color: #ffffff;
}
.ticket-filter-drawer .tfd-btn-apply:hover {
  background: #123a86;
}
.ticket-filter-drawer .tfd-btn-apply:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Overlay panels appended to body must sit above the drawer */
.p-multiselect-overlay, .p-multiselect-panel, .p-datepicker-panel {
  z-index: 12000 !important;
}

/* =========================================================================
   Auto-hide, thin scrollbars across the platform. The thumb is transparent
   until the scrollable area is hovered (overlay-style), then fades in; token-
   driven so it adapts to light/dark. Placed last so it wins over the older
   always-visible ::-webkit-scrollbar rules above. Component-scoped scrollbars
   (higher specificity) keep their own behavior.
   ========================================================================= */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
} /* Firefox: hidden by default */
*:hover, *:focus-within {
  scrollbar-color: var(--sb-thumb) transparent;
} /* Firefox: reveal on hover */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent; /* hidden until the area is hovered */
  border: 3px solid transparent; /* inset via transparent border → thin thumb */
  border-radius: 10px;
  background-clip: content-box;
}

:hover::-webkit-scrollbar-thumb,
:focus-within::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover);
  background-clip: content-box;
}

/* =========================================================================
   Global primitives on tokens (app-shell refresh + dark-capable).
   The shared buttons and form fields are used across every module, so they
   flow through the design tokens with the CURRENT values kept as fallbacks —
   light stays essentially unchanged, and the explicit dark theme now gives
   them a proper dark treatment instead of white boxes / a white hover flash.

   Scope note: commerce screens override these in their own component scope
   (commerce-ui.scss via styleUrls), so this layer only governs the shell and
   the still-light legacy modules. On a legacy screen viewed in dark mode the
   canvas is still light (those modules adopt the tokens in a later phase), so
   a dark field there is a readable transitional state until they're migrated.
   ========================================================================= */
/* Filled buttons — the resting fill (navy) already reads on light + dark, so
   only the outline-on-hover is retimed onto tokens: instead of always flashing
   pure white, the hover uses the themed surface + brand (identical in light). */
.common-btn-blue:hover, .common-btn-blue:focus,
.common-btn-blue-lg:hover, .common-btn-blue-lg:focus {
  background-color: var(--surface, #ffffff);
  color: var(--brand, var(--theme-color));
  border: solid 2px var(--brand, var(--theme-color));
}

.common-btn-green:hover, .common-btn-green:focus {
  background-color: var(--surface, #ffffff);
  color: var(--brand, var(--btn-default));
  border: solid 2px var(--brand, var(--btn-default));
}

a.common-btn-green:hover, a.common-btn-green:focus {
  background-color: var(--surface, #ffffff) !important;
  color: var(--brand, var(--btn-default)) !important;
}

/* Form fields — route the base surface/text/border through tokens so inputs
   follow the theme. Light values match the existing look (kept as fallbacks);
   the focus accent is unified onto the brand ring. */
.form-control, textarea.form-control, select.form-control, .form-select {
  background-color: var(--surface, #ffffff);
  color: var(--fg, #212529);
  border-color: var(--border-strong, #ced4da);
}

.form-control::placeholder, textarea.form-control::placeholder, .form-select::placeholder {
  color: var(--fg-subtle, #6c757d);
}

.form-control:focus, textarea.form-control:focus, select.form-control:focus, .form-select:focus {
  background-color: var(--surface, #ffffff);
  color: var(--fg, #212529);
  border-color: var(--brand, #86b7fe);
  box-shadow: var(--ring, 0 0 0 0.25rem rgba(13, 110, 253, 0.25));
}

.form-control:disabled, .form-control[readonly],
select.form-control:disabled, .form-select:disabled {
  background-color: var(--surface-2, #e9ecef);
  color: var(--fg-muted, #212529);
}

/* ── Native <select> uplift ──────────────────────────────────────────────
   Nothing in our CSS sets an accent for native selects, so browsers paint the
   open dropdown's selected/hovered option with the OS accent colour (green on
   some machines). Route it through the brand token so every native dropdown
   follows the theme instead of the OS. */
select {
  accent-color: var(--brand);
}

/* Chromium's customizable select (Chrome 135+): opt single-value selects and
   their popups into author styles so the options list renders on the design
   system in light AND dark. Browsers without support (and selects with
   `multiple`/`size`, which base-select does not cover) keep the native picker
   — the accent-color above still fixes the green there. */
@supports ((-webkit-appearance: base-select) or (appearance: base-select)) {
  select:not([multiple]):not([size]),
  select:not([multiple]):not([size])::picker(select) {
    -webkit-appearance: base-select;
            appearance: base-select;
  }
  /* base-select lays the button out with author styles — without this the
     selected value sits top-aligned inside fixed-height selects. */
  select:not([multiple]):not([size]) {
    display: inline-flex;
    align-items: center;
    line-height: normal;
  }
  select:not([multiple]):not([size])::picker(select) {
    background: var(--surface, #ffffff);
    color: var(--fg, #111a2e);
    border: 1px solid var(--border, #e0e6f1);
    border-radius: 10px;
    box-shadow: var(--shadow-lg, 0 14px 34px rgba(16, 29, 58, 0.12));
    padding: 4px;
    margin-top: 4px;
    min-width: max(anchor-size(self-inline), 160px);
  }
  select:not([multiple]):not([size]) option {
    border-radius: 7px;
    padding: 7px 10px;
    font-size: 13px;
    color: var(--fg, #111a2e);
    background: transparent;
  }
  select:not([multiple]):not([size]) option:hover,
  select:not([multiple]):not([size]) option:focus {
    background: var(--surface-2, #eef2f9);
  }
  select:not([multiple]):not([size]) option:checked {
    background: var(--brand-subtle, #eef4fc);
    color: var(--brand);
    font-weight: 600;
  }
  select:not([multiple]):not([size]) option::checkmark {
    color: var(--brand);
  }
}
/* ═══════════════════════════════════════════════════════════════════════
   AUTH PAGES — shared design system (login / signup / forgot / reset)
   Global so all auth components render identically (they share .auth-* /
   .form-* class names). Visual language mirrors chat-landing (xelp.io):
   deep ink-navy shell with emerald/violet radial glows, white form card
   with a thin emerald→violet gradient ring, emerald pill CTAs. Scoped
   --au-* tokens keep it self-contained (whitelabel shells stay neutral
   dark; partner logos sit on the white card). WCAG-AA, reduced-motion
   aware.
   ═══════════════════════════════════════════════════════════════════════ */
/* Full-viewport column: header (language) → split-screen → footer (legal).
   Exact 100vh (not min-height): the global `html, body { overflow:hidden }`
   clips anything past the viewport, so the shell must fit exactly and let the
   form panel own the scroll — otherwise a tall signup form overflows the body
   and can't be scrolled to (the stranded-submit bug). overflow:hidden keeps
   the footer pinned no matter how tall the form gets. */
.auth-shell {
  /* chat-landing palette (globals.css @theme) */
  --au-ink-950: #05080f;
  --au-ink-900: #0a0f1d;
  --au-ink-850: #0e1426;
  --au-ink-800: #131b30;
  --au-em-400: #34d399;
  --au-em-500: #10b981;
  --au-em-600: #059669;
  --au-em-700: #047857;
  --au-glow-600: #7c3aed;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  color-scheme: dark;
  background: radial-gradient(60% 50% at 18% 8%, rgba(16, 185, 129, 0.13) 0%, transparent 60%), radial-gradient(50% 45% at 85% 18%, rgba(124, 58, 237, 0.13) 0%, transparent 60%), var(--au-ink-950);
}

/* Film grain over the glows — breaks the flat digital gradient */
.auth-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.05;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");
}

.auth-topbar, .auth-layout, .auth-footer {
  position: relative;
  z-index: 1;
}

.auth-layout {
  display: flex;
  flex: 1 1 auto;
  min-height: 0; /* let the form panel own the scroll */
}

/* Header bar — logo left, language selector right, shared by all auth pages */
.auth-topbar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 60px;
  padding: 0 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.auth-topbar__logo {
  display: inline-flex;
  align-items: center;
}
.auth-topbar__logo img {
  height: 29px;
  width: auto;
  display: block;
}
.auth-topbar__logo:focus-visible {
  outline: 2px solid var(--au-em-400, #34d399);
  outline-offset: 4px;
  border-radius: 4px;
}

.auth-lang {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto; /* stays right even when the logo is hidden (whitelabel) */
  color: #94a3b8;
}
.auth-lang svg {
  flex: none;
  color: #94a3b8;
}

.auth-lang-select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 12px center;
  padding: 7px 34px 7px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: #e2e8f0;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}
.auth-lang-select option {
  color: #0f172a;
  background: #ffffff;
}
.auth-lang-select:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.08);
}
.auth-lang-select:focus {
  outline: none;
  border-color: var(--au-em-500);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22);
}

/* Footer bar — legal links, shared by all auth pages */
.auth-footer {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 16px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 13px;
  color: #7d8aa8;
}
.auth-footer a {
  color: #7d8aa8;
  text-decoration: none;
  transition: color 0.15s;
}
.auth-footer a:hover {
  color: var(--au-em-400);
  text-decoration: underline;
}
.auth-footer .auth-footer__sep {
  color: rgba(255, 255, 255, 0.18);
}

/* Left brand panel — the dark hero half (chat-landing hero idiom) */
.auth-brand {
  flex: 0 0 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.auth-brand__inner {
  position: relative;
  z-index: 1;
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 460px;
  width: 100%;
}

.auth-brand__eyebrow {
  margin: 0 0 14px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--au-em-400);
}

.auth-brand__copy h2 {
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 16px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.auth-brand__copy p {
  font-size: 16.5px;
  color: #94a3b8;
  line-height: 1.65;
  margin: 0;
}

/* Accent rule — the landing's emerald→violet gradient */
.auth-brand__deco {
  margin-top: 40px;
  width: 64px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--au-em-500), var(--au-glow-600));
}

/* Trust points under the copy */
.auth-brand__points {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.auth-brand__points li {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 14.5px;
  color: #cbd5e1;
}
.auth-brand__points li svg {
  flex: none;
  color: var(--au-em-400);
}

/* Right form panel — the scroll viewport. It fills the shell row (min-height:0
   lets it shrink so overflow-y actually scrolls). `margin:auto` on the card
   centres it when it fits and lets it scroll from the top when the form is
   taller than the viewport (long signup form). Without min-height:0 +
   margin:auto, a vertically-centred flex child taller than the panel is
   clipped at the top and cannot be scrolled to (the stranded-submit bug). */
.auth-form-panel {
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  padding: 40px 24px;
  box-sizing: border-box;
}

/* White card on the ink shell, ringed with the landing's gradient border
   (light padding-box over a gradient border-box). Stays white in admin dark
   mode too — whitelabel logos always land on a safe surface. */
.auth-card {
  margin: auto;
  color-scheme: light;
  color: #0f172a;
  border: 1px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, rgba(16, 185, 129, 0.55), rgba(124, 58, 237, 0.4)) border-box;
  box-shadow: 0 1px 2px rgba(5, 8, 15, 0.4), 0 24px 70px rgba(5, 8, 15, 0.55);
  padding: 44px 42px;
  width: 100%;
  max-width: 460px;
}

.auth-wl-logo {
  display: block;
  max-width: 160px;
  max-height: 64px;
  object-fit: contain;
  margin: 0 auto 28px;
}

.auth-title {
  font-size: 27px;
  font-weight: 800;
  color: #0b1220;
  margin: 0 0 6px;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.auth-subtitle {
  font-size: 14.5px;
  color: #64748b;
  margin: 0 0 26px;
  line-height: 1.5;
}

.auth-title + form, .auth-title:last-of-type {
  margin-top: 22px;
}

/* Alerts / notices (inside the light card) */
.auth-alert {
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.auth-alert--success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, 0.35);
}
.auth-alert--error {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid rgba(220, 38, 38, 0.3);
}

.auth-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.auth-notice .notice-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}
.auth-notice--info {
  background: #f1f5f9;
  color: #334155;
  border: 1px solid #e2e8f0;
}
.auth-notice--success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, 0.35);
  margin-top: 20px;
}

/* Form fields */
.form-field {
  margin-bottom: 18px;
}

.form-field--checkbox {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 6px 0 8px;
}

.form-field--checkbox input[type=checkbox] {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  accent-color: var(--au-em-600, #059669);
  flex: none;
}

.checkbox-label {
  font-size: 13px;
  line-height: 1.5;
  color: #475569;
}

.form-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}

.form-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.form-label-row .form-label {
  margin-bottom: 0;
}

.form-input-wrap {
  position: relative;
}

.form-input {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 44px 0 14px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  font-size: 15px;
  color: #0f172a;
  background: #ffffff;
  box-sizing: border-box;
  transition: border-color 0.15s, box-shadow 0.15s;
  font-family: inherit;
}
.form-input::placeholder {
  color: #94a3b8;
  font-weight: 400;
}
.form-input:hover:not(:focus) {
  border-color: #94a3b8;
}
.form-input:focus {
  outline: none;
  border-color: var(--au-em-500, #10b981);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22);
}
.form-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset;
  -webkit-text-fill-color: #0f172a;
}

.form-eye-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.form-eye-icon:hover {
  opacity: 0.9;
}
.form-eye-icon.eye-icon-default {
  background-image: url("/assets/images/eye.svg");
}
.form-eye-icon.eye-icon-typing {
  background-image: url("/assets/images/eye-off.svg");
}

/* Submit button — the landing's emerald pill (bg-brand-500 text-ink-950) */
.auth-btn {
  display: block;
  width: 100%;
  height: 48px;
  margin-top: 24px;
  background: var(--au-em-500, #10b981);
  color: #05080f;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: background 0.15s, transform 0.1s, box-shadow 0.15s;
  font-family: inherit;
}
.auth-btn:hover {
  background: var(--au-em-400, #34d399);
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.28);
}
.auth-btn:active {
  transform: scale(0.985);
}
.auth-btn:focus-visible {
  outline: 2px solid var(--au-em-400, #34d399);
  outline-offset: 2px;
}
.auth-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* SSO: "or" separator + secondary (outline) sign-in-with-SSO button */
.auth-sso-sep {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 4px;
  color: #64748b;
  font-size: 12px;
}
.auth-sso-sep::before, .auth-sso-sep::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}

.auth-btn--sso {
  margin-top: 12px;
  background: transparent;
  color: #0f172a;
  font-weight: 600;
  border: 1px solid #cbd5e1;
}
.auth-btn--sso:hover {
  background: #f8fafc;
  border-color: #94a3b8;
  box-shadow: none;
}

/* Links + footer */
.auth-link {
  font-size: 13px;
  color: var(--au-em-700, #047857);
  text-decoration: none;
  cursor: pointer;
}
.auth-link:hover {
  color: var(--au-em-600, #059669);
  text-decoration: underline;
}
.auth-link--bold {
  font-weight: 600;
}

.auth-footer-text {
  margin-top: 22px;
  text-align: center;
  font-size: 14px;
  color: #64748b;
}

.dialog-btn-row, .success-btn-div {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.dialog-btn-row input[type=button], .success-btn-div input[type=button] {
  padding: 9px 22px;
  background: var(--au-em-500, #10b981);
  color: #05080f;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
}
.dialog-btn-row input[type=button]:hover, .success-btn-div input[type=button]:hover {
  background: var(--au-em-400, #34d399);
}

/* Responsive */
@media (max-width: 900px) {
  .auth-brand {
    flex: 0 0 40%;
  }
  .auth-card {
    padding: 36px 28px;
  }
}
@media (max-width: 640px) {
  .auth-brand {
    display: none;
  }
  .auth-form-panel {
    padding: 24px 14px;
  }
  .auth-card {
    padding: 28px 20px;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(5, 8, 15, 0.5);
  }
  .auth-topbar {
    height: 54px;
    padding: 0 16px;
  }
  .auth-footer {
    padding: 14px 16px;
    gap: 6px 14px;
    font-size: 12.5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-input, .auth-btn, .form-eye-icon, .auth-lang-select {
    transition: none;
  }
  .auth-btn:active {
    transform: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/tookan-font.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tf:after {
  font-size: 20px;
  font-family: "tookan-icon";
  content: "\e952";
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
}

.tfont:after {
  font-size: inherit !important;
  font-family: "tookan-icon";
  content: "\e952";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
}

.tf-new:before, .tf-new[class^=icon-], .tf-new[class*=" icon-"] {
  font-size: 15px;
  font-family: tookan-icon-2;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
}

.csv.tf:after {
  content: "\e902";
}

.tf.sm:after {
  font-size: 12px;
}

.tf.md:after {
  font-size: 14px;
}

.tf.short-logo:after {
  content: "\e953";
  font-size: 27px;
}

.tf.start-arrow:after {
  content: "\e90d";
}

.full-logo.tf:after {
  content: "\e951";
}

.cross.tf:after {
  content: "\e940";
  font-size: 12px;
}

.login-text.tf:after {
  content: "\e90f";
}

.create-text.tf:after {
  content: "\e90e";
}

.eye.tf:after {
  content: "\e916";
}

.open-eye.tf:after {
  content: "\e915";
  font-size: 12px;
  margin-top: 7px;
  display: inline-block;
}

.plus-ison.tf:after {
  content: "\e938";
}

.hamburger.tf:after {
  content: "\e93b";
}

.reward-icon.tf:after {
  content: "\e93c";
}

.plus-icon.tf:after {
  content: "\e938";
}

.plus.tf:after {
  content: "\e938";
}

.edit-icon.tf:after {
  content: "\e943";
}

.image.tf:after {
  content: "\e913";
}

.delete.tf:after {
  content: "\e92b";
}

.block.tf:after {
  content: "\e92c";
}

.filter.tf:after {
  content: "\e928";
}

.refresh.tf:after {
  content: "\e937";
}

.drag.tf:after {
  content: "\e934";
  font-size: 15px;
}

.pickup.tf:after {
  content: "\e945";
}

.delivery.tf:after {
  content: "\e944";
}

.battery.tf:after {
  content: "\e933";
}

.version.tf:after {
  content: "\e932";
}

.apple.tf:after {
  content: "\e931";
}

.full-star.tf:after {
  content: "\e930";
}

.half-star.tf:after {
  content: "\e92e";
}

.empty-star.tf:after {
  content: "\e92f";
}

.check.tf:after {
  content: "\e92a";
}

.light-check.tf:after {
  content: "\e93a";
}

.agent-icon.tf:after {
  content: "\e94f";
}

.calendar.tf:after {
  content: "\e946";
}

.customer.tf:after {
  content: "\e94e";
}

.analytics.tf:after {
  content: "\e94d";
}

.setting.tf:after {
  content: "\e94c";
}

.end-chevron.tf:after {
  content: "\e949";
}

.end-chevron-full.tf:after {
  content: "\e906";
  font-size: inherit;
}

.down-chevron.tf:after {
  content: "\e922";
  font-size: 9px;
}

.down-select-arrow.tf:after {
  content: "\e94b";
  font-size: 6px;
}

.up-chevron.tf:after {
  content: "\e923";
  font-size: 9px;
}

.start-chevron.tf:after {
  content: "\e939";
}

.search.tf:after {
  content: "\e94a";
}

.telephone.tf:after {
  content: "\e90b";
}

.email.tf:after {
  content: "\e90a";
}

.location-pin.tf:after {
  content: "\e909";
}

.truck.tf:after {
  content: "\e91c";
}

.car.tf:after {
  content: "\e91a";
}

.bike.tf:after {
  content: "\e91b";
}

.scooter.tf:after {
  content: "\e919";
}

.cycle.tf:after {
  content: "\e917";
}

.walk.tf:after {
  content: "\e918";
}

.view-icon.tf:after {
  content: "\e915";
  font-size: 16px;
}

.tf-move.tf:after {
  content: "\e912";
}

.tf-region.tf:after {
  content: "\e911";
}

.tf-delete.tf:after {
  content: "\e92b";
}

.task-icon.tf:after {
  content: "\e93b";
}

.more-menu.tf:after {
  content: "\e941";
  font-size: 5px;
}

.android.tf:after {
  content: "\e954";
}

.export.tf:after {
  content: "\e929";
}

.export-round.tf:after {
  content: "\e924";
}

.import-round.tf:after {
  content: "\e925";
}

.logout.tf:after {
  content: "\e93d";
}

.hover-line:after, .tk-link:after {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  background: #1394ff;
  width: 0;
  height: 1px;
  transition: all 0.3s;
}

.hover-line:hover:after, .tk-link:hover:after {
  width: 100%;
}

.tk-link:after {
  bottom: -3px;
  height: 2px;
}

.icon-Agents:before {
  content: "\e92d";
  color: #fff;
}

.icon-Customers .path1:before {
  content: "\e92e";
  color: rgb(255, 255, 255);
  opacity: 0.7;
}

.icon-Customers .path2:before {
  content: "\e92f";
  margin-left: -1.400390625em;
  color: rgb(255, 255, 255);
}

.icon-Dashboard:before {
  content: "\e930";
}

.icon-Marketplace:before {
  content: "\e931";
  /* color: #fff; */
}

.icon-Merchants .path1:before {
  content: "\e932";
  color: rgb(255, 255, 255);
  opacity: 0.5;
}

.icon-Merchants .path2:before {
  content: "\e933";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}

.icon-Merchants .path3:before {
  content: "\e934";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
  opacity: 0.7;
}

.icon-Merchants .path4:before {
  content: "\e935";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}

.icon-Merchants .path5:before {
  content: "\e936";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}

.icon-Settings_2:before {
  content: "\e937";
  color: #fff;
}

.icon-Support .path1 {
  font-family: "tookan-icon-2";
}
.icon-Support .path1:before {
  content: "\e938";
}

.icon-Support .path2 {
  font-family: "tookan-icon-2";
}
.icon-Support .path2:before {
  content: "\e939";
  margin-left: -32px;
}

.icon-Add:before {
  content: "\e900";
  color: #fff;
}

.icon-Arrow_Down:before {
  content: "\e901";
}

.icon-Arrow_Left:before {
  content: "\e902";
  color: #fff;
}

.icon-Arrow_Right:before {
  content: "\e903";
  color: #fff;
}

.icon-Arrow_Up:before {
  content: "\e904";
  color: #f2f2f2;
}

.icon-Attachment:before {
  content: "\e905";
  color: #1394ff;
}

.icon-Close:before {
  content: "\e906";
}

.icon-Dark_Arrow:before {
  content: "\e907";
}

.icon-Export:before {
  content: "\e908";
}

.icon-Filter_2:before {
  content: "\e909";
  color: #f2f2f2;
}

.icon-Filter:before {
  content: "\e90a";
}

.icon-Import:before {
  content: "\e90b";
}

.icon-List_View:before {
  content: "\e90c";
}

.icon-Loading .path1:before {
  content: "\e90d";
  color: rgb(178, 178, 178);
  opacity: 0.2;
}

.icon-Loading .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.8;
}

.icon-Loading .path3:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.05;
}

.icon-Loading .path4:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.4;
}

.icon-Loading .path5:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.1;
}

.icon-Loading .path6:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.6;
}

.icon-Loading .path7:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(178, 178, 178);
}

.icon-Loading .path8:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(178, 178, 178);
  opacity: 0.3;
}

.icon-Magnifying_Glass:before {
  content: "\e915";
}

.icon-Main_Menu:before {
  content: "\e916";
  color: #fff;
}

.icon-Map_Focus:before {
  content: "\e917";
  color: #fff;
}

.icon-Map_View:before {
  content: "\e918";
}

.icon-Map_Zoom_In:before {
  content: "\e919";
  color: #fff;
}

.icon-Map_Zoom_Out:before {
  content: "\e91a";
  color: #fff;
}

.icon-Menu:before {
  content: "\e91b";
}

.icon-Refresh:before {
  content: "\e91c";
}

.icon-Settings:before {
  content: "\e91d";
}

.icon-Tick_Blue:before {
  content: "\e91e";
  color: #1394ff;
}

.icon-Tick_White:before {
  content: "\e91f";
  color: #fff;
}

.icon-Toggle_Off .path1:before {
  content: "\e920";
  color: rgb(228, 228, 228);
}

.icon-Toggle_Off .path2:before {
  content: "\e921";
  margin-left: -1.8330078125em;
  color: rgb(255, 255, 255);
}

.icon-Toggle_On_Blue .path1:before {
  content: "\e922";
  color: rgb(20, 147, 255);
}

.icon-Toggle_On_Blue .path2:before {
  content: "\e923";
  margin-left: -1.8330078125em;
  color: rgb(255, 255, 255);
}

.icon-Toggle_On_Green .path1:before {
  content: "\e924";
  color: rgb(108, 198, 77);
}

.icon-Toggle_On_Green .path2:before {
  content: "\e925";
  margin-left: -1.8330078125em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path1:before {
  content: "\e926";
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path2:before {
  content: "\e927";
  margin-left: -6.06640625em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path3:before {
  content: "\e928";
  margin-left: -6.06640625em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path4:before {
  content: "\e929";
  margin-left: -6.06640625em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path5:before {
  content: "\e92a";
  margin-left: -6.06640625em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path6:before {
  content: "\e92b";
  margin-left: -6.06640625em;
  color: rgb(255, 255, 255);
}

.icon-Tookan_Logo .path7:before {
  content: "\e92c";
  margin-left: -6.06640625em;
  color: rgb(19, 148, 255);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/jquery-datetimepicker/build/jquery.datetimepicker.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}


/*# sourceMappingURL=styles.css.map*/