@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,900&display=swap);
/*!
 * Font Awesome Pro 5.13.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .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(360deg); } }

.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); }

.fa-flip-both, .fa-flip-horizontal.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,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.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-500px:before {
  content: "\f26e"; }

.fa-abacus:before {
  content: "\f640"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acorn:before {
  content: "\f6ae"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-conditioner:before {
  content: "\f8f4"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-alarm-clock:before {
  content: "\f34e"; }

.fa-alarm-exclamation:before {
  content: "\f843"; }

.fa-alarm-plus:before {
  content: "\f844"; }

.fa-alarm-snooze:before {
  content: "\f845"; }

.fa-album:before {
  content: "\f89f"; }

.fa-album-collection:before {
  content: "\f8a0"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-alicorn:before {
  content: "\f6b0"; }

.fa-alien:before {
  content: "\f8f5"; }

.fa-alien-monster:before {
  content: "\f8f6"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-slash:before {
  content: "\f846"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-amp-guitar:before {
  content: "\f8a1"; }

.fa-analytics:before {
  content: "\f643"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angel:before {
  content: "\f779"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-crate:before {
  content: "\f6b1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-alt-down:before {
  content: "\f354"; }

.fa-arrow-alt-from-bottom:before {
  content: "\f346"; }

.fa-arrow-alt-from-left:before {
  content: "\f347"; }

.fa-arrow-alt-from-right:before {
  content: "\f348"; }

.fa-arrow-alt-from-top:before {
  content: "\f349"; }

.fa-arrow-alt-left:before {
  content: "\f355"; }

.fa-arrow-alt-right:before {
  content: "\f356"; }

.fa-arrow-alt-square-down:before {
  content: "\f350"; }

.fa-arrow-alt-square-left:before {
  content: "\f351"; }

.fa-arrow-alt-square-right:before {
  content: "\f352"; }

.fa-arrow-alt-square-up:before {
  content: "\f353"; }

.fa-arrow-alt-to-bottom:before {
  content: "\f34a"; }

.fa-arrow-alt-to-left:before {
  content: "\f34b"; }

.fa-arrow-alt-to-right:before {
  content: "\f34c"; }

.fa-arrow-alt-to-top:before {
  content: "\f34d"; }

.fa-arrow-alt-up:before {
  content: "\f357"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-from-bottom:before {
  content: "\f342"; }

.fa-arrow-from-left:before {
  content: "\f343"; }

.fa-arrow-from-right:before {
  content: "\f344"; }

.fa-arrow-from-top:before {
  content: "\f345"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-square-down:before {
  content: "\f339"; }

.fa-arrow-square-left:before {
  content: "\f33a"; }

.fa-arrow-square-right:before {
  content: "\f33b"; }

.fa-arrow-square-up:before {
  content: "\f33c"; }

.fa-arrow-to-bottom:before {
  content: "\f33d"; }

.fa-arrow-to-left:before {
  content: "\f33e"; }

.fa-arrow-to-right:before {
  content: "\f340"; }

.fa-arrow-to-top:before {
  content: "\f341"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-atom-alt:before {
  content: "\f5d3"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-axe:before {
  content: "\f6b2"; }

.fa-axe-battle:before {
  content: "\f6b3"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backpack:before {
  content: "\f5d4"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bacteria:before {
  content: "\f959"; }

.fa-bacterium:before {
  content: "\f95a"; }

.fa-badge:before {
  content: "\f335"; }

.fa-badge-check:before {
  content: "\f336"; }

.fa-badge-dollar:before {
  content: "\f645"; }

.fa-badge-percent:before {
  content: "\f646"; }

.fa-badge-sheriff:before {
  content: "\f8a2"; }

.fa-badger-honey:before {
  content: "\f6b4"; }

.fa-bags-shopping:before {
  content: "\f847"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ball-pile:before {
  content: "\f77e"; }

.fa-ballot:before {
  content: "\f732"; }

.fa-ballot-check:before {
  content: "\f733"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-banjo:before {
  content: "\f8a3"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-barcode-alt:before {
  content: "\f463"; }

.fa-barcode-read:before {
  content: "\f464"; }

.fa-barcode-scan:before {
  content: "\f465"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball:before {
  content: "\f432"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-basketball-hoop:before {
  content: "\f435"; }

.fa-bat:before {
  content: "\f6b5"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-bolt:before {
  content: "\f376"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-slash:before {
  content: "\f377"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-bed-alt:before {
  content: "\f8f7"; }

.fa-bed-bunk:before {
  content: "\f8f8"; }

.fa-bed-empty:before {
  content: "\f8f9"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-exclamation:before {
  content: "\f848"; }

.fa-bell-on:before {
  content: "\f8fa"; }

.fa-bell-plus:before {
  content: "\f849"; }

.fa-bell-school:before {
  content: "\f5d5"; }

.fa-bell-school-slash:before {
  content: "\f5d6"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bells:before {
  content: "\f77f"; }

.fa-betamax:before {
  content: "\f8a4"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-biking-mountain:before {
  content: "\f84b"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blanket:before {
  content: "\f498"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blinds:before {
  content: "\f8fb"; }

.fa-blinds-open:before {
  content: "\f8fc"; }

.fa-blinds-raised:before {
  content: "\f8fd"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bone-break:before {
  content: "\f5d8"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-alt:before {
  content: "\f5d9"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-heart:before {
  content: "\f499"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-book-spells:before {
  content: "\f6b8"; }

.fa-book-user:before {
  content: "\f7e7"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-books:before {
  content: "\f5db"; }

.fa-books-medical:before {
  content: "\f7e8"; }

.fa-boombox:before {
  content: "\f8a5"; }

.fa-boot:before {
  content: "\f782"; }

.fa-booth-curtain:before {
  content: "\f734"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-bottom:before {
  content: "\f84d"; }

.fa-border-center-h:before {
  content: "\f89c"; }

.fa-border-center-v:before {
  content: "\f89d"; }

.fa-border-inner:before {
  content: "\f84e"; }

.fa-border-left:before {
  content: "\f84f"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-outer:before {
  content: "\f851"; }

.fa-border-right:before {
  content: "\f852"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-border-style-alt:before {
  content: "\f854"; }

.fa-border-top:before {
  content: "\f855"; }

.fa-bow-arrow:before {
  content: "\f6b9"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-bowling-pins:before {
  content: "\f437"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-alt:before {
  content: "\f49a"; }

.fa-box-ballot:before {
  content: "\f735"; }

.fa-box-check:before {
  content: "\f467"; }

.fa-box-fragile:before {
  content: "\f49b"; }

.fa-box-full:before {
  content: "\f49c"; }

.fa-box-heart:before {
  content: "\f49d"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\f95b"; }

.fa-box-up:before {
  content: "\f49f"; }

.fa-box-usd:before {
  content: "\f4a0"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-boxes-alt:before {
  content: "\f4a1"; }

.fa-boxing-glove:before {
  content: "\f438"; }

.fa-brackets:before {
  content: "\f7e9"; }

.fa-brackets-curly:before {
  content: "\f7ea"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-loaf:before {
  content: "\f7eb"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-bring-forward:before {
  content: "\f856"; }

.fa-bring-front:before {
  content: "\f857"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-browser:before {
  content: "\f37e"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-bullseye-arrow:before {
  content: "\f648"; }

.fa-bullseye-pointer:before {
  content: "\f649"; }

.fa-burger-soda:before {
  content: "\f858"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-burrito:before {
  content: "\f7ed"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-bus-school:before {
  content: "\f5dd"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-cabinet-filing:before {
  content: "\f64b"; }

.fa-cactus:before {
  content: "\f8a7"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calculator-alt:before {
  content: "\f64c"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-edit:before {
  content: "\f333"; }

.fa-calendar-exclamation:before {
  content: "\f334"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-star:before {
  content: "\f736"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camcorder:before {
  content: "\f8a8"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-alt:before {
  content: "\f332"; }

.fa-camera-home:before {
  content: "\f8fe"; }

.fa-camera-movie:before {
  content: "\f8a9"; }

.fa-camera-polaroid:before {
  content: "\f8aa"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campfire:before {
  content: "\f6ba"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candle-holder:before {
  content: "\f6bc"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-candy-corn:before {
  content: "\f6bd"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-building:before {
  content: "\f859"; }

.fa-car-bump:before {
  content: "\f5e0"; }

.fa-car-bus:before {
  content: "\f85a"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-garage:before {
  content: "\f5e2"; }

.fa-car-mechanic:before {
  content: "\f5e3"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-car-tilt:before {
  content: "\f5e5"; }

.fa-car-wash:before {
  content: "\f5e6"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caravan-alt:before {
  content: "\f900"; }

.fa-caret-circle-down:before {
  content: "\f32d"; }

.fa-caret-circle-left:before {
  content: "\f32e"; }

.fa-caret-circle-right:before {
  content: "\f330"; }

.fa-caret-circle-up:before {
  content: "\f331"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cars:before {
  content: "\f85b"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cassette-tape:before {
  content: "\f8ab"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cat-space:before {
  content: "\f901"; }

.fa-cauldron:before {
  content: "\f6bf"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cctv:before {
  content: "\f8ac"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chair-office:before {
  content: "\f6c1"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-line-down:before {
  content: "\f64d"; }

.fa-chart-network:before {
  content: "\f78a"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-chart-pie-alt:before {
  content: "\f64e"; }

.fa-chart-scatter:before {
  content: "\f7ee"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-cheese-swiss:before {
  content: "\f7f0"; }

.fa-cheeseburger:before {
  content: "\f7f1"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-bishop-alt:before {
  content: "\f43b"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-clock:before {
  content: "\f43d"; }

.fa-chess-clock-alt:before {
  content: "\f43e"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-king-alt:before {
  content: "\f440"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-knight-alt:before {
  content: "\f442"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-pawn-alt:before {
  content: "\f444"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-queen-alt:before {
  content: "\f446"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chess-rook-alt:before {
  content: "\f448"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-double-down:before {
  content: "\f322"; }

.fa-chevron-double-left:before {
  content: "\f323"; }

.fa-chevron-double-right:before {
  content: "\f324"; }

.fa-chevron-double-up:before {
  content: "\f325"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-square-down:before {
  content: "\f329"; }

.fa-chevron-square-left:before {
  content: "\f32a"; }

.fa-chevron-square-right:before {
  content: "\f32b"; }

.fa-chevron-square-up:before {
  content: "\f32c"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chimney:before {
  content: "\f78b"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clarinet:before {
  content: "\f8ad"; }

.fa-claw-marks:before {
  content: "\f6c2"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clipboard-list-check:before {
  content: "\f737"; }

.fa-clipboard-prescription:before {
  content: "\f5e8"; }

.fa-clipboard-user:before {
  content: "\f7f3"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-drizzle:before {
  content: "\f738"; }

.fa-cloud-hail:before {
  content: "\f739"; }

.fa-cloud-hail-mixed:before {
  content: "\f73a"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-music:before {
  content: "\f8ae"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-rainbow:before {
  content: "\f73e"; }

.fa-cloud-showers:before {
  content: "\f73f"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sleet:before {
  content: "\f741"; }

.fa-cloud-snow:before {
  content: "\f742"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-clouds:before {
  content: "\f744"; }

.fa-clouds-moon:before {
  content: "\f745"; }

.fa-clouds-sun:before {
  content: "\f746"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-club:before {
  content: "\f327"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-code-commit:before {
  content: "\f386"; }

.fa-code-merge:before {
  content: "\f387"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-coffee-pot:before {
  content: "\f902"; }

.fa-coffee-togo:before {
  content: "\f6c5"; }

.fa-coffin:before {
  content: "\f6c6"; }

.fa-coffin-cross:before {
  content: "\f951"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coin:before {
  content: "\f85c"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comet:before {
  content: "\f903"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-alt-check:before {
  content: "\f4a2"; }

.fa-comment-alt-dollar:before {
  content: "\f650"; }

.fa-comment-alt-dots:before {
  content: "\f4a3"; }

.fa-comment-alt-edit:before {
  content: "\f4a4"; }

.fa-comment-alt-exclamation:before {
  content: "\f4a5"; }

.fa-comment-alt-lines:before {
  content: "\f4a6"; }

.fa-comment-alt-medical:before {
  content: "\f7f4"; }

.fa-comment-alt-minus:before {
  content: "\f4a7"; }

.fa-comment-alt-music:before {
  content: "\f8af"; }

.fa-comment-alt-plus:before {
  content: "\f4a8"; }

.fa-comment-alt-slash:before {
  content: "\f4a9"; }

.fa-comment-alt-smile:before {
  content: "\f4aa"; }

.fa-comment-alt-times:before {
  content: "\f4ab"; }

.fa-comment-check:before {
  content: "\f4ac"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-edit:before {
  content: "\f4ae"; }

.fa-comment-exclamation:before {
  content: "\f4af"; }

.fa-comment-lines:before {
  content: "\f4b0"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-minus:before {
  content: "\f4b1"; }

.fa-comment-music:before {
  content: "\f8b0"; }

.fa-comment-plus:before {
  content: "\f4b2"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comment-smile:before {
  content: "\f4b4"; }

.fa-comment-times:before {
  content: "\f4b5"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-alt:before {
  content: "\f4b6"; }

.fa-comments-alt-dollar:before {
  content: "\f652"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compass-slash:before {
  content: "\f5e9"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-compress-wide:before {
  content: "\f326"; }

.fa-computer-classic:before {
  content: "\f8b1"; }

.fa-computer-speaker:before {
  content: "\f8b2"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-construction:before {
  content: "\f85d"; }

.fa-container-storage:before {
  content: "\f4b7"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-conveyor-belt:before {
  content: "\f46e"; }

.fa-conveyor-belt-alt:before {
  content: "\f46f"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-corn:before {
  content: "\f6c7"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cow:before {
  content: "\f6c8"; }

.fa-cowbell:before {
  content: "\f8b3"; }

.fa-cowbell-more:before {
  content: "\f8b4"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-credit-card-blank:before {
  content: "\f389"; }

.fa-credit-card-front:before {
  content: "\f38a"; }

.fa-cricket:before {
  content: "\f449"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-croissant:before {
  content: "\f7f6"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-crutches:before {
  content: "\f7f8"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-curling:before {
  content: "\f44a"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dagger:before {
  content: "\f6cb"; }

.fa-dailymotion:before {
  content: "\f952"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-debug:before {
  content: "\f7f9"; }

.fa-deer:before {
  content: "\f78e"; }

.fa-deer-rudolph:before {
  content: "\f78f"; }

.fa-deezer:before {
  content: "\f977"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-desktop-alt:before {
  content: "\f390"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dewpoint:before {
  content: "\f748"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d10:before {
  content: "\f6cd"; }

.fa-dice-d12:before {
  content: "\f6ce"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d4:before {
  content: "\f6d0"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-d8:before {
  content: "\f6d2"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digging:before {
  content: "\f85e"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-diploma:before {
  content: "\f5ea"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-disc-drive:before {
  content: "\f8b5"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-do-not-enter:before {
  content: "\f5ec"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dog-leashed:before {
  content: "\f6d4"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-empty:before {
  content: "\f473"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-dolly-flatbed-alt:before {
  content: "\f475"; }

.fa-dolly-flatbed-empty:before {
  content: "\f476"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-circle:before {
  content: "\f5ed"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-draw-square:before {
  content: "\f5ef"; }

.fa-dreidel:before {
  content: "\f792"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-drone:before {
  content: "\f85f"; }

.fa-drone-alt:before {
  content: "\f860"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick:before {
  content: "\f6d6"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dryer:before {
  content: "\f861"; }

.fa-dryer-alt:before {
  content: "\f862"; }

.fa-duck:before {
  content: "\f6d8"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-ear:before {
  content: "\f5f0"; }

.fa-ear-muffs:before {
  content: "\f795"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-eclipse:before {
  content: "\f749"; }

.fa-eclipse-alt:before {
  content: "\f74a"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edge-legacy:before {
  content: "\f978"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-egg-fried:before {
  content: "\f7fc"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-elephant:before {
  content: "\f6da"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-h-alt:before {
  content: "\f39b"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ellipsis-v-alt:before {
  content: "\f39c"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-empty-set:before {
  content: "\f656"; }

.fa-engine-warning:before {
  content: "\f5f2"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-dollar:before {
  content: "\f657"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-square:before {
  content: "\f321"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows:before {
  content: "\f31d"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expand-wide:before {
  content: "\f320"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-evil:before {
  content: "\f6db"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fan-table:before {
  content: "\f904"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-farm:before {
  content: "\f864"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\f905"; }

.fa-faucet-drip:before {
  content: "\f906"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-field-hockey:before {
  content: "\f44c"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-certificate:before {
  content: "\f5f3"; }

.fa-file-chart-line:before {
  content: "\f659"; }

.fa-file-chart-pie:before {
  content: "\f65a"; }

.fa-file-check:before {
  content: "\f316"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-edit:before {
  content: "\f31c"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-exclamation:before {
  content: "\f31a"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-minus:before {
  content: "\f318"; }

.fa-file-music:before {
  content: "\f8b6"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-plus:before {
  content: "\f319"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-search:before {
  content: "\f865"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-spreadsheet:before {
  content: "\f65b"; }

.fa-file-times:before {
  content: "\f317"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-user:before {
  content: "\f65c"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-files-medical:before {
  content: "\f7fd"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-film-alt:before {
  content: "\f3a0"; }

.fa-film-canister:before {
  content: "\f8b7"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-fire-smoke:before {
  content: "\f74b"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\f907"; }

.fa-fireplace:before {
  content: "\f79a"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fish-cooked:before {
  content: "\f7fe"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-alt:before {
  content: "\f74c"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flame:before {
  content: "\f6df"; }

.fa-flashlight:before {
  content: "\f8b8"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flask-poison:before {
  content: "\f6e0"; }

.fa-flask-potion:before {
  content: "\f6e1"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flower:before {
  content: "\f7ff"; }

.fa-flower-daffodil:before {
  content: "\f800"; }

.fa-flower-tulip:before {
  content: "\f801"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-flute:before {
  content: "\f8b9"; }

.fa-flux-capacitor:before {
  content: "\f8ba"; }

.fa-fly:before {
  content: "\f417"; }

.fa-fog:before {
  content: "\f74e"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-download:before {
  content: "\f953"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-folder-times:before {
  content: "\f65f"; }

.fa-folder-tree:before {
  content: "\f802"; }

.fa-folder-upload:before {
  content: "\f954"; }

.fa-folders:before {
  content: "\f660"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-font-case:before {
  content: "\f866"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-football-helmet:before {
  content: "\f44f"; }

.fa-forklift:before {
  content: "\f47a"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-fragile:before {
  content: "\f4bb"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-french-fries:before {
  content: "\f803"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frosty-head:before {
  content: "\f79b"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-function:before {
  content: "\f661"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-galaxy:before {
  content: "\f908"; }

.fa-game-board:before {
  content: "\f867"; }

.fa-game-board-alt:before {
  content: "\f868"; }

.fa-game-console-handheld:before {
  content: "\f8bb"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gamepad-alt:before {
  content: "\f8bc"; }

.fa-garage:before {
  content: "\f909"; }

.fa-garage-car:before {
  content: "\f90a"; }

.fa-garage-open:before {
  content: "\f90b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gas-pump-slash:before {
  content: "\f5f4"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gift-card:before {
  content: "\f663"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-gingerbread-man:before {
  content: "\f79d"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass:before {
  content: "\f804"; }

.fa-glass-champagne:before {
  content: "\f79e"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-citrus:before {
  content: "\f869"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glass-whiskey-rocks:before {
  content: "\f7a1"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glasses-alt:before {
  content: "\f5f5"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-globe-snow:before {
  content: "\f7a3"; }

.fa-globe-stand:before {
  content: "\f5f6"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-golf-club:before {
  content: "\f451"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-pay:before {
  content: "\f979"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gramophone:before {
  content: "\f8bd"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-guitar-electric:before {
  content: "\f8be"; }

.fa-guitars:before {
  content: "\f8bf"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-h1:before {
  content: "\f313"; }

.fa-h2:before {
  content: "\f314"; }

.fa-h3:before {
  content: "\f315"; }

.fa-h4:before {
  content: "\f86a"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hammer-war:before {
  content: "\f6e4"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-heart:before {
  content: "\f4bc"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-box:before {
  content: "\f47b"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-magic:before {
  content: "\f6e5"; }

.fa-hand-holding-medical:before {
  content: "\f95c"; }

.fa-hand-holding-seedling:before {
  content: "\f4bf"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-receiving:before {
  content: "\f47c"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\f95d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-heart:before {
  content: "\f4c3"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-usd:before {
  content: "\f4c5"; }

.fa-hands-wash:before {
  content: "\f95e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt:before {
  content: "\f4c6"; }

.fa-handshake-alt-slash:before {
  content: "\f95f"; }

.fa-handshake-slash:before {
  content: "\f960"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-chef:before {
  content: "\f86b"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-santa:before {
  content: "\f7a7"; }

.fa-hat-winter:before {
  content: "\f7a8"; }

.fa-hat-witch:before {
  content: "\f6e7"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side:before {
  content: "\f6e9"; }

.fa-head-side-brain:before {
  content: "\f808"; }

.fa-head-side-cough:before {
  content: "\f961"; }

.fa-head-side-cough-slash:before {
  content: "\f962"; }

.fa-head-side-headphones:before {
  content: "\f8c2"; }

.fa-head-side-mask:before {
  content: "\f963"; }

.fa-head-side-medical:before {
  content: "\f809"; }

.fa-head-side-virus:before {
  content: "\f964"; }

.fa-head-vr:before {
  content: "\f6ea"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heart-circle:before {
  content: "\f4c7"; }

.fa-heart-rate:before {
  content: "\f5f8"; }

.fa-heart-square:before {
  content: "\f4c8"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-heat:before {
  content: "\f90c"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-helmet-battle:before {
  content: "\f6eb"; }

.fa-hexagon:before {
  content: "\f312"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-mask:before {
  content: "\f6ee"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-hockey-sticks:before {
  content: "\f454"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-home-alt:before {
  content: "\f80a"; }

.fa-home-heart:before {
  content: "\f4c9"; }

.fa-home-lg:before {
  content: "\f80b"; }

.fa-home-lg-alt:before {
  content: "\f80c"; }

.fa-hood-cloak:before {
  content: "\f6ef"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-horizontal-rule:before {
  content: "\f86c"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-horse-saddle:before {
  content: "\f8c3"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hospitals:before {
  content: "\f80e"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house:before {
  content: "\f90d"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-day:before {
  content: "\f90e"; }

.fa-house-flood:before {
  content: "\f74f"; }

.fa-house-leave:before {
  content: "\f90f"; }

.fa-house-night:before {
  content: "\f910"; }

.fa-house-return:before {
  content: "\f911"; }

.fa-house-signal:before {
  content: "\f912"; }

.fa-house-user:before {
  content: "\f965"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-humidity:before {
  content: "\f750"; }

.fa-hurricane:before {
  content: "\f751"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-ice-skate:before {
  content: "\f7ac"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-icons-alt:before {
  content: "\f86e"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-ideal:before {
  content: "\f913"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-image-polaroid:before {
  content: "\f8c4"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-inbox-in:before {
  content: "\f310"; }

.fa-inbox-out:before {
  content: "\f311"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-industry-alt:before {
  content: "\f3b3"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-info-square:before {
  content: "\f30f"; }

.fa-inhaler:before {
  content: "\f5f9"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\f955"; }

.fa-integral:before {
  content: "\f667"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-intersection:before {
  content: "\f668"; }

.fa-inventory:before {
  content: "\f480"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-island-tropical:before {
  content: "\f811"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-jack-o-lantern:before {
  content: "\f30e"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-joystick:before {
  content: "\f8c5"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-jug:before {
  content: "\f8c6"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-kazoo:before {
  content: "\f8c7"; }

.fa-kerning:before {
  content: "\f86f"; }

.fa-key:before {
  content: "\f084"; }

.fa-key-skeleton:before {
  content: "\f6f3"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-keynote:before {
  content: "\f66c"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kidneys:before {
  content: "\f5fb"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kite:before {
  content: "\f6f4"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-knife-kitchen:before {
  content: "\f6f5"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-lambda:before {
  content: "\f66e"; }

.fa-lamp:before {
  content: "\f4ca"; }

.fa-lamp-desk:before {
  content: "\f914"; }

.fa-lamp-floor:before {
  content: "\f915"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-landmark-alt:before {
  content: "\f752"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\f966"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lasso:before {
  content: "\f8c8"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-layer-minus:before {
  content: "\f5fe"; }

.fa-layer-plus:before {
  content: "\f5ff"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leaf-heart:before {
  content: "\f4cb"; }

.fa-leaf-maple:before {
  content: "\f6f6"; }

.fa-leaf-oak:before {
  content: "\f6f7"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-light-ceiling:before {
  content: "\f916"; }

.fa-light-switch:before {
  content: "\f917"; }

.fa-light-switch-off:before {
  content: "\f918"; }

.fa-light-switch-on:before {
  content: "\f919"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-lightbulb-dollar:before {
  content: "\f670"; }

.fa-lightbulb-exclamation:before {
  content: "\f671"; }

.fa-lightbulb-on:before {
  content: "\f672"; }

.fa-lightbulb-slash:before {
  content: "\f673"; }

.fa-lights-holiday:before {
  content: "\f7b2"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-line-columns:before {
  content: "\f870"; }

.fa-line-height:before {
  content: "\f871"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lips:before {
  content: "\f600"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-music:before {
  content: "\f8c9"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location:before {
  content: "\f601"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-location-circle:before {
  content: "\f602"; }

.fa-location-slash:before {
  content: "\f603"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-alt:before {
  content: "\f30d"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-lock-open-alt:before {
  content: "\f3c2"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-loveseat:before {
  content: "\f4cc"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luchador:before {
  content: "\f455"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\f967"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-mace:before {
  content: "\f6f8"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailbox:before {
  content: "\f813"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-mandolin:before {
  content: "\f6f9"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-marker-alt-slash:before {
  content: "\f605"; }

.fa-map-marker-check:before {
  content: "\f606"; }

.fa-map-marker-edit:before {
  content: "\f607"; }

.fa-map-marker-exclamation:before {
  content: "\f608"; }

.fa-map-marker-minus:before {
  content: "\f609"; }

.fa-map-marker-plus:before {
  content: "\f60a"; }

.fa-map-marker-question:before {
  content: "\f60b"; }

.fa-map-marker-slash:before {
  content: "\f60c"; }

.fa-map-marker-smile:before {
  content: "\f60d"; }

.fa-map-marker-times:before {
  content: "\f60e"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-meat:before {
  content: "\f814"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaphone:before {
  content: "\f675"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microblog:before {
  content: "\f91a"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microphone-stand:before {
  content: "\f8cb"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-microwave:before {
  content: "\f91b"; }

.fa-mind-share:before {
  content: "\f677"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-hexagon:before {
  content: "\f307"; }

.fa-minus-octagon:before {
  content: "\f308"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mistletoe:before {
  content: "\f7b4"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\f956"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-mobile-android:before {
  content: "\f3ce"; }

.fa-mobile-android-alt:before {
  content: "\f3cf"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-money-check-edit:before {
  content: "\f872"; }

.fa-money-check-edit-alt:before {
  content: "\f873"; }

.fa-monitor-heart-rate:before {
  content: "\f611"; }

.fa-monkey:before {
  content: "\f6fb"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-moon-cloud:before {
  content: "\f754"; }

.fa-moon-stars:before {
  content: "\f755"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mountains:before {
  content: "\f6fd"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-alt:before {
  content: "\f8cd"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mp3-player:before {
  content: "\f8ce"; }

.fa-mug:before {
  content: "\f874"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-mug-marshmallows:before {
  content: "\f7b7"; }

.fa-mug-tea:before {
  content: "\f875"; }

.fa-music:before {
  content: "\f001"; }

.fa-music-alt:before {
  content: "\f8cf"; }

.fa-music-alt-slash:before {
  content: "\f8d0"; }

.fa-music-slash:before {
  content: "\f8d1"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-narwhal:before {
  content: "\f6fe"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-octagon:before {
  content: "\f306"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-oil-temp:before {
  content: "\f614"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-omega:before {
  content: "\f67a"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-ornament:before {
  content: "\f7b8"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-outlet:before {
  content: "\f91c"; }

.fa-oven:before {
  content: "\f91d"; }

.fa-overline:before {
  content: "\f876"; }

.fa-page-break:before {
  content: "\f877"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-brush-alt:before {
  content: "\f5a9"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-pallet-alt:before {
  content: "\f483"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-paragraph-rtl:before {
  content: "\f878"; }

.fa-parking:before {
  content: "\f540"; }

.fa-parking-circle:before {
  content: "\f615"; }

.fa-parking-circle-slash:before {
  content: "\f616"; }

.fa-parking-slash:before {
  content: "\f617"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paw-alt:before {
  content: "\f701"; }

.fa-paw-claws:before {
  content: "\f702"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pegasus:before {
  content: "\f703"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-paintbrush:before {
  content: "\f618"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-pennant:before {
  content: "\f456"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-arrows:before {
  content: "\f968"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-person-carry:before {
  content: "\f4cf"; }

.fa-person-dolly:before {
  content: "\f4d0"; }

.fa-person-dolly-empty:before {
  content: "\f4d1"; }

.fa-person-sign:before {
  content: "\f757"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-laptop:before {
  content: "\f87a"; }

.fa-phone-office:before {
  content: "\f67d"; }

.fa-phone-plus:before {
  content: "\f4d2"; }

.fa-phone-rotary:before {
  content: "\f8d3"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pi:before {
  content: "\f67e"; }

.fa-piano:before {
  content: "\f8d4"; }

.fa-piano-keyboard:before {
  content: "\f8d5"; }

.fa-pie:before {
  content: "\f705"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\f91e"; }

.fa-pig:before {
  content: "\f706"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza:before {
  content: "\f817"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-alt:before {
  content: "\f3de"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\f969"; }

.fa-planet-moon:before {
  content: "\f91f"; }

.fa-planet-ringed:before {
  content: "\f920"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-hexagon:before {
  content: "\f300"; }

.fa-plus-octagon:before {
  content: "\f301"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-podium:before {
  content: "\f680"; }

.fa-podium-star:before {
  content: "\f758"; }

.fa-police-box:before {
  content: "\f921"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poll-people:before {
  content: "\f759"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-popcorn:before {
  content: "\f819"; }

.fa-portal-enter:before {
  content: "\f922"; }

.fa-portal-exit:before {
  content: "\f923"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-presentation:before {
  content: "\f685"; }

.fa-print:before {
  content: "\f02f"; }

.fa-print-search:before {
  content: "\f81a"; }

.fa-print-slash:before {
  content: "\f686"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-projector:before {
  content: "\f8d6"; }

.fa-pump-medical:before {
  content: "\f96a"; }

.fa-pump-soap:before {
  content: "\f96b"; }

.fa-pumpkin:before {
  content: "\f707"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-question-square:before {
  content: "\f2fd"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-rabbit:before {
  content: "\f708"; }

.fa-rabbit-fast:before {
  content: "\f709"; }

.fa-racquet:before {
  content: "\f45a"; }

.fa-radar:before {
  content: "\f924"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-radio:before {
  content: "\f8d7"; }

.fa-radio-alt:before {
  content: "\f8d8"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-raindrops:before {
  content: "\f75c"; }

.fa-ram:before {
  content: "\f70a"; }

.fa-ramp-loading:before {
  content: "\f4d4"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-raygun:before {
  content: "\f925"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-rectangle-landscape:before {
  content: "\f2fa"; }

.fa-rectangle-portrait:before {
  content: "\f2fb"; }

.fa-rectangle-wide:before {
  content: "\f2fc"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-refrigerator:before {
  content: "\f926"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-repeat:before {
  content: "\f363"; }

.fa-repeat-1:before {
  content: "\f365"; }

.fa-repeat-1-alt:before {
  content: "\f366"; }

.fa-repeat-alt:before {
  content: "\f364"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-retweet-alt:before {
  content: "\f361"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-rings-wedding:before {
  content: "\f81b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocket-launch:before {
  content: "\f927"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-route-highway:before {
  content: "\f61a"; }

.fa-route-interstate:before {
  content: "\f61b"; }

.fa-router:before {
  content: "\f8da"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-triangle:before {
  content: "\f61c"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-rust:before {
  content: "\f97a"; }

.fa-rv:before {
  content: "\f7be"; }

.fa-sack:before {
  content: "\f81c"; }

.fa-sack-dollar:before {
  content: "\f81d"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salad:before {
  content: "\f81e"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sandwich:before {
  content: "\f81f"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-sausage:before {
  content: "\f820"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-sax-hot:before {
  content: "\f8db"; }

.fa-saxophone:before {
  content: "\f8dc"; }

.fa-scalpel:before {
  content: "\f61d"; }

.fa-scalpel-path:before {
  content: "\f61e"; }

.fa-scanner:before {
  content: "\f488"; }

.fa-scanner-image:before {
  content: "\f8f3"; }

.fa-scanner-keyboard:before {
  content: "\f489"; }

.fa-scanner-touchscreen:before {
  content: "\f48a"; }

.fa-scarecrow:before {
  content: "\f70d"; }

.fa-scarf:before {
  content: "\f7c1"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-scroll-old:before {
  content: "\f70f"; }

.fa-scrubber:before {
  content: "\f2f8"; }

.fa-scythe:before {
  content: "\f710"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-send-back:before {
  content: "\f87e"; }

.fa-send-backward:before {
  content: "\f87f"; }

.fa-sensor:before {
  content: "\f928"; }

.fa-sensor-alert:before {
  content: "\f929"; }

.fa-sensor-fire:before {
  content: "\f92a"; }

.fa-sensor-on:before {
  content: "\f92b"; }

.fa-sensor-smoke:before {
  content: "\f92c"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-all:before {
  content: "\f367"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-sheep:before {
  content: "\f711"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield:before {
  content: "\f132"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-check:before {
  content: "\f2f7"; }

.fa-shield-cross:before {
  content: "\f712"; }

.fa-shield-virus:before {
  content: "\f96c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shipping-timed:before {
  content: "\f48c"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shish-kebab:before {
  content: "\f821"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopify:before {
  content: "\f957"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shovel:before {
  content: "\f713"; }

.fa-shovel-snow:before {
  content: "\f7c3"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shredder:before {
  content: "\f68a"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-shuttlecock:before {
  content: "\f45b"; }

.fa-sickle:before {
  content: "\f822"; }

.fa-sigma:before {
  content: "\f68b"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signal-1:before {
  content: "\f68c"; }

.fa-signal-2:before {
  content: "\f68d"; }

.fa-signal-3:before {
  content: "\f68e"; }

.fa-signal-4:before {
  content: "\f68f"; }

.fa-signal-alt:before {
  content: "\f690"; }

.fa-signal-alt-1:before {
  content: "\f691"; }

.fa-signal-alt-2:before {
  content: "\f692"; }

.fa-signal-alt-3:before {
  content: "\f693"; }

.fa-signal-alt-slash:before {
  content: "\f694"; }

.fa-signal-slash:before {
  content: "\f695"; }

.fa-signal-stream:before {
  content: "\f8dd"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sink:before {
  content: "\f96d"; }

.fa-siren:before {
  content: "\f92d"; }

.fa-siren-on:before {
  content: "\f92e"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-skeleton:before {
  content: "\f620"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-ski-jump:before {
  content: "\f7c7"; }

.fa-ski-lift:before {
  content: "\f7c8"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-cow:before {
  content: "\f8de"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sledding:before {
  content: "\f7cb"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-sliders-h-square:before {
  content: "\f3f0"; }

.fa-sliders-v:before {
  content: "\f3f1"; }

.fa-sliders-v-square:before {
  content: "\f3f2"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-plus:before {
  content: "\f5b9"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoke:before {
  content: "\f760"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snake:before {
  content: "\f716"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snooze:before {
  content: "\f880"; }

.fa-snow-blowing:before {
  content: "\f761"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowflakes:before {
  content: "\f7cf"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowmobile:before {
  content: "\f7d1"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\f96e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-solar-system:before {
  content: "\f92f"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-alt:before {
  content: "\f883"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-circle:before {
  content: "\f930"; }

.fa-sort-circle-down:before {
  content: "\f931"; }

.fa-sort-circle-up:before {
  content: "\f932"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-shapes-down:before {
  content: "\f888"; }

.fa-sort-shapes-down-alt:before {
  content: "\f889"; }

.fa-sort-shapes-up:before {
  content: "\f88a"; }

.fa-sort-shapes-up-alt:before {
  content: "\f88b"; }

.fa-sort-size-down:before {
  content: "\f88c"; }

.fa-sort-size-down-alt:before {
  content: "\f88d"; }

.fa-sort-size-up:before {
  content: "\f88e"; }

.fa-sort-size-up-alt:before {
  content: "\f88f"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-soup:before {
  content: "\f823"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-space-station-moon:before {
  content: "\f933"; }

.fa-space-station-moon-alt:before {
  content: "\f934"; }

.fa-spade:before {
  content: "\f2f4"; }

.fa-sparkles:before {
  content: "\f890"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker:before {
  content: "\f8df"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-speakers:before {
  content: "\f8e0"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spider-black-widow:before {
  content: "\f718"; }

.fa-spider-web:before {
  content: "\f719"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-spinner-third:before {
  content: "\f3f4"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-sprinkler:before {
  content: "\f935"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root:before {
  content: "\f697"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-squirrel:before {
  content: "\f71a"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-staff:before {
  content: "\f71b"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-christmas:before {
  content: "\f7d4"; }

.fa-star-exclamation:before {
  content: "\f2f3"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-star-shooting:before {
  content: "\f936"; }

.fa-starfighter:before {
  content: "\f937"; }

.fa-starfighter-alt:before {
  content: "\f938"; }

.fa-stars:before {
  content: "\f762"; }

.fa-starship:before {
  content: "\f939"; }

.fa-starship-freighter:before {
  content: "\f93a"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steak:before {
  content: "\f824"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-steering-wheel:before {
  content: "\f622"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stocking:before {
  content: "\f7d5"; }

.fa-stomach:before {
  content: "\f623"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\f96f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\f970"; }

.fa-store-slash:before {
  content: "\f971"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-stretcher:before {
  content: "\f825"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-sun-cloud:before {
  content: "\f763"; }

.fa-sun-dust:before {
  content: "\f764"; }

.fa-sun-haze:before {
  content: "\f765"; }

.fa-sunglasses:before {
  content: "\f892"; }

.fa-sunrise:before {
  content: "\f766"; }

.fa-sunset:before {
  content: "\f767"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-sword:before {
  content: "\f71c"; }

.fa-sword-laser:before {
  content: "\f93b"; }

.fa-sword-laser-alt:before {
  content: "\f93c"; }

.fa-swords:before {
  content: "\f71d"; }

.fa-swords-laser:before {
  content: "\f93d"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablet-android:before {
  content: "\f3fb"; }

.fa-tablet-android-alt:before {
  content: "\f3fc"; }

.fa-tablet-rugged:before {
  content: "\f48f"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer:before {
  content: "\f0e4"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tachometer-alt-average:before {
  content: "\f624"; }

.fa-tachometer-alt-fast:before {
  content: "\f625"; }

.fa-tachometer-alt-fastest:before {
  content: "\f626"; }

.fa-tachometer-alt-slow:before {
  content: "\f627"; }

.fa-tachometer-alt-slowest:before {
  content: "\f628"; }

.fa-tachometer-average:before {
  content: "\f629"; }

.fa-tachometer-fast:before {
  content: "\f62a"; }

.fa-tachometer-fastest:before {
  content: "\f62b"; }

.fa-tachometer-slow:before {
  content: "\f62c"; }

.fa-tachometer-slowest:before {
  content: "\f62d"; }

.fa-taco:before {
  content: "\f826"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tally:before {
  content: "\f69c"; }

.fa-tanakh:before {
  content: "\f827"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-tasks-alt:before {
  content: "\f828"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-telescope:before {
  content: "\f93e"; }

.fa-temperature-down:before {
  content: "\f93f"; }

.fa-temperature-frigid:before {
  content: "\f768"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-hot:before {
  content: "\f76a"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-temperature-up:before {
  content: "\f940"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-tennis-ball:before {
  content: "\f45e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text:before {
  content: "\f893"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-size:before {
  content: "\f894"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-theta:before {
  content: "\f69e"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-thunderstorm:before {
  content: "\f76c"; }

.fa-thunderstorm-moon:before {
  content: "\f76d"; }

.fa-thunderstorm-sun:before {
  content: "\f76e"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-tiktok:before {
  content: "\f97b"; }

.fa-tilde:before {
  content: "\f69f"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-times-hexagon:before {
  content: "\f2ee"; }

.fa-times-octagon:before {
  content: "\f2f0"; }

.fa-times-square:before {
  content: "\f2d3"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tire:before {
  content: "\f631"; }

.fa-tire-flat:before {
  content: "\f632"; }

.fa-tire-pressure-warning:before {
  content: "\f633"; }

.fa-tire-rugged:before {
  content: "\f634"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-alt:before {
  content: "\f71f"; }

.fa-toilet-paper-slash:before {
  content: "\f972"; }

.fa-tombstone:before {
  content: "\f720"; }

.fa-tombstone-alt:before {
  content: "\f721"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-toothbrush:before {
  content: "\f635"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tornado:before {
  content: "\f76f"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-cone:before {
  content: "\f636"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-traffic-light-go:before {
  content: "\f638"; }

.fa-traffic-light-slow:before {
  content: "\f639"; }

.fa-traffic-light-stop:before {
  content: "\f63a"; }

.fa-trailer:before {
  content: "\f941"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-transporter:before {
  content: "\f942"; }

.fa-transporter-1:before {
  content: "\f943"; }

.fa-transporter-2:before {
  content: "\f944"; }

.fa-transporter-3:before {
  content: "\f945"; }

.fa-transporter-empty:before {
  content: "\f946"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-trash-undo:before {
  content: "\f895"; }

.fa-trash-undo-alt:before {
  content: "\f896"; }

.fa-treasure-chest:before {
  content: "\f723"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-tree-alt:before {
  content: "\f400"; }

.fa-tree-christmas:before {
  content: "\f7db"; }

.fa-tree-decorated:before {
  content: "\f7dc"; }

.fa-tree-large:before {
  content: "\f7dd"; }

.fa-tree-palm:before {
  content: "\f82b"; }

.fa-trees:before {
  content: "\f724"; }

.fa-trello:before {
  content: "\f181"; }

.fa-triangle:before {
  content: "\f2ec"; }

.fa-triangle-music:before {
  content: "\f8e2"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-trophy-alt:before {
  content: "\f2eb"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-container:before {
  content: "\f4dc"; }

.fa-truck-couch:before {
  content: "\f4dd"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-truck-plow:before {
  content: "\f7de"; }

.fa-truck-ramp:before {
  content: "\f4e0"; }

.fa-trumpet:before {
  content: "\f8e3"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-turkey:before {
  content: "\f725"; }

.fa-turntable:before {
  content: "\f8e4"; }

.fa-turtle:before {
  content: "\f726"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-tv-alt:before {
  content: "\f8e5"; }

.fa-tv-music:before {
  content: "\f8e6"; }

.fa-tv-retro:before {
  content: "\f401"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typewriter:before {
  content: "\f8e7"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-ufo:before {
  content: "\f947"; }

.fa-ufo-beam:before {
  content: "\f948"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-unicorn:before {
  content: "\f727"; }

.fa-union:before {
  content: "\f6a2"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\f949"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-unsplash:before {
  content: "\f97c"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-usb-drive:before {
  content: "\f8e9"; }

.fa-usd-circle:before {
  content: "\f2e8"; }

.fa-usd-square:before {
  content: "\f2e9"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alien:before {
  content: "\f94a"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-chart:before {
  content: "\f6a3"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-cowboy:before {
  content: "\f8ea"; }

.fa-user-crown:before {
  content: "\f6a4"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-hard-hat:before {
  content: "\f82c"; }

.fa-user-headset:before {
  content: "\f82d"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-md-chat:before {
  content: "\f82e"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-music:before {
  content: "\f8eb"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-robot:before {
  content: "\f94b"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-user-unlock:before {
  content: "\f958"; }

.fa-user-visor:before {
  content: "\f94c"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-class:before {
  content: "\f63d"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-crown:before {
  content: "\f6a5"; }

.fa-users-medical:before {
  content: "\f830"; }

.fa-users-slash:before {
  content: "\f973"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-fork:before {
  content: "\f2e3"; }

.fa-utensil-knife:before {
  content: "\f2e4"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-utensils-alt:before {
  content: "\f2e6"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vacuum:before {
  content: "\f94d"; }

.fa-vacuum-robot:before {
  content: "\f94e"; }

.fa-value-absolute:before {
  content: "\f6a6"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-vhs:before {
  content: "\f8ec"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-plus:before {
  content: "\f4e1"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-violin:before {
  content: "\f8ed"; }

.fa-virus:before {
  content: "\f974"; }

.fa-virus-slash:before {
  content: "\f975"; }

.fa-viruses:before {
  content: "\f976"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volcano:before {
  content: "\f770"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume:before {
  content: "\f6a8"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-slash:before {
  content: "\f2e2"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-nay:before {
  content: "\f771"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-wagon-covered:before {
  content: "\f8ee"; }

.fa-walker:before {
  content: "\f831"; }

.fa-walkie-talkie:before {
  content: "\f8ef"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-wand:before {
  content: "\f72a"; }

.fa-wand-magic:before {
  content: "\f72b"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-warehouse-alt:before {
  content: "\f495"; }

.fa-washer:before {
  content: "\f898"; }

.fa-watch:before {
  content: "\f2e1"; }

.fa-watch-calculator:before {
  content: "\f8f0"; }

.fa-watch-fitness:before {
  content: "\f63e"; }

.fa-water:before {
  content: "\f773"; }

.fa-water-lower:before {
  content: "\f774"; }

.fa-water-rise:before {
  content: "\f775"; }

.fa-wave-sine:before {
  content: "\f899"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-wave-triangle:before {
  content: "\f89a"; }

.fa-waveform:before {
  content: "\f8f1"; }

.fa-waveform-path:before {
  content: "\f8f2"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-webcam:before {
  content: "\f832"; }

.fa-webcam-slash:before {
  content: "\f833"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whale:before {
  content: "\f72c"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheat:before {
  content: "\f72d"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whistle:before {
  content: "\f460"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wifi-1:before {
  content: "\f6aa"; }

.fa-wifi-2:before {
  content: "\f6ab"; }

.fa-wifi-slash:before {
  content: "\f6ac"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-wind-turbine:before {
  content: "\f89b"; }

.fa-wind-warning:before {
  content: "\f776"; }

.fa-window:before {
  content: "\f40e"; }

.fa-window-alt:before {
  content: "\f40f"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-frame:before {
  content: "\f94f"; }

.fa-window-frame-open:before {
  content: "\f950"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-windsock:before {
  content: "\f777"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wreath:before {
  content: "\f7e2"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-brands-400.f153b6897960cf17.eot');
  src: url('fa-brands-400.f153b6897960cf17.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.2922c0fd86c5ba30.woff2') format("woff2"), url('fa-brands-400.ce9e1a446f7def02.woff') format("woff"), url('fa-brands-400.08244083e5221492.ttf') format("truetype"), url('fa-brands-400.6692d80f26336405.svg#fontawesome') format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-duotone-900.9146a365abd6690a.eot');
  src: url('fa-duotone-900.9146a365abd6690a.eot?#iefix') format("embedded-opentype"), url('fa-duotone-900.21edf9ec9ed384bd.woff2') format("woff2"), url('fa-duotone-900.32cb4a69584e357f.woff') format("woff"), url('fa-duotone-900.8987f4696ef0c58c.ttf') format("truetype"), url('fa-duotone-900.da76d3033a568c6a.svg#fontawesome') format("svg"); }

.fad {
  position: relative;
  font-family: 'Font Awesome 5 Duotone';
  font-weight: 900; }

.fad:before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.fad:after {
  color: var(--fa-secondary-color, inherit);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.fad.fa-inverse {
  color: #fff; }

.fad.fa-stack-1x, .fad.fa-stack-2x {
  position: absolute; }

.fad.fa-stack-1x:before,
.fad.fa-stack-2x:before,
.fad.fa-fw:before {
  left: 50%;
  transform: translateX(-50%); }

.fad.fa-abacus:after {
  content: "\10f640"; }

.fad.fa-acorn:after {
  content: "\10f6ae"; }

.fad.fa-ad:after {
  content: "\10f641"; }

.fad.fa-address-book:after {
  content: "\10f2b9"; }

.fad.fa-address-card:after {
  content: "\10f2bb"; }

.fad.fa-adjust:after {
  content: "\10f042"; }

.fad.fa-air-conditioner:after {
  content: "\10f8f4"; }

.fad.fa-air-freshener:after {
  content: "\10f5d0"; }

.fad.fa-alarm-clock:after {
  content: "\10f34e"; }

.fad.fa-alarm-exclamation:after {
  content: "\10f843"; }

.fad.fa-alarm-plus:after {
  content: "\10f844"; }

.fad.fa-alarm-snooze:after {
  content: "\10f845"; }

.fad.fa-album:after {
  content: "\10f89f"; }

.fad.fa-album-collection:after {
  content: "\10f8a0"; }

.fad.fa-alicorn:after {
  content: "\10f6b0"; }

.fad.fa-alien:after {
  content: "\10f8f5"; }

.fad.fa-alien-monster:after {
  content: "\10f8f6"; }

.fad.fa-align-center:after {
  content: "\10f037"; }

.fad.fa-align-justify:after {
  content: "\10f039"; }

.fad.fa-align-left:after {
  content: "\10f036"; }

.fad.fa-align-right:after {
  content: "\10f038"; }

.fad.fa-align-slash:after {
  content: "\10f846"; }

.fad.fa-allergies:after {
  content: "\10f461"; }

.fad.fa-ambulance:after {
  content: "\10f0f9"; }

.fad.fa-american-sign-language-interpreting:after {
  content: "\10f2a3"; }

.fad.fa-amp-guitar:after {
  content: "\10f8a1"; }

.fad.fa-analytics:after {
  content: "\10f643"; }

.fad.fa-anchor:after {
  content: "\10f13d"; }

.fad.fa-angel:after {
  content: "\10f779"; }

.fad.fa-angle-double-down:after {
  content: "\10f103"; }

.fad.fa-angle-double-left:after {
  content: "\10f100"; }

.fad.fa-angle-double-right:after {
  content: "\10f101"; }

.fad.fa-angle-double-up:after {
  content: "\10f102"; }

.fad.fa-angle-down:after {
  content: "\10f107"; }

.fad.fa-angle-left:after {
  content: "\10f104"; }

.fad.fa-angle-right:after {
  content: "\10f105"; }

.fad.fa-angle-up:after {
  content: "\10f106"; }

.fad.fa-angry:after {
  content: "\10f556"; }

.fad.fa-ankh:after {
  content: "\10f644"; }

.fad.fa-apple-alt:after {
  content: "\10f5d1"; }

.fad.fa-apple-crate:after {
  content: "\10f6b1"; }

.fad.fa-archive:after {
  content: "\10f187"; }

.fad.fa-archway:after {
  content: "\10f557"; }

.fad.fa-arrow-alt-circle-down:after {
  content: "\10f358"; }

.fad.fa-arrow-alt-circle-left:after {
  content: "\10f359"; }

.fad.fa-arrow-alt-circle-right:after {
  content: "\10f35a"; }

.fad.fa-arrow-alt-circle-up:after {
  content: "\10f35b"; }

.fad.fa-arrow-alt-down:after {
  content: "\10f354"; }

.fad.fa-arrow-alt-from-bottom:after {
  content: "\10f346"; }

.fad.fa-arrow-alt-from-left:after {
  content: "\10f347"; }

.fad.fa-arrow-alt-from-right:after {
  content: "\10f348"; }

.fad.fa-arrow-alt-from-top:after {
  content: "\10f349"; }

.fad.fa-arrow-alt-left:after {
  content: "\10f355"; }

.fad.fa-arrow-alt-right:after {
  content: "\10f356"; }

.fad.fa-arrow-alt-square-down:after {
  content: "\10f350"; }

.fad.fa-arrow-alt-square-left:after {
  content: "\10f351"; }

.fad.fa-arrow-alt-square-right:after {
  content: "\10f352"; }

.fad.fa-arrow-alt-square-up:after {
  content: "\10f353"; }

.fad.fa-arrow-alt-to-bottom:after {
  content: "\10f34a"; }

.fad.fa-arrow-alt-to-left:after {
  content: "\10f34b"; }

.fad.fa-arrow-alt-to-right:after {
  content: "\10f34c"; }

.fad.fa-arrow-alt-to-top:after {
  content: "\10f34d"; }

.fad.fa-arrow-alt-up:after {
  content: "\10f357"; }

.fad.fa-arrow-circle-down:after {
  content: "\10f0ab"; }

.fad.fa-arrow-circle-left:after {
  content: "\10f0a8"; }

.fad.fa-arrow-circle-right:after {
  content: "\10f0a9"; }

.fad.fa-arrow-circle-up:after {
  content: "\10f0aa"; }

.fad.fa-arrow-down:after {
  content: "\10f063"; }

.fad.fa-arrow-from-bottom:after {
  content: "\10f342"; }

.fad.fa-arrow-from-left:after {
  content: "\10f343"; }

.fad.fa-arrow-from-right:after {
  content: "\10f344"; }

.fad.fa-arrow-from-top:after {
  content: "\10f345"; }

.fad.fa-arrow-left:after {
  content: "\10f060"; }

.fad.fa-arrow-right:after {
  content: "\10f061"; }

.fad.fa-arrow-square-down:after {
  content: "\10f339"; }

.fad.fa-arrow-square-left:after {
  content: "\10f33a"; }

.fad.fa-arrow-square-right:after {
  content: "\10f33b"; }

.fad.fa-arrow-square-up:after {
  content: "\10f33c"; }

.fad.fa-arrow-to-bottom:after {
  content: "\10f33d"; }

.fad.fa-arrow-to-left:after {
  content: "\10f33e"; }

.fad.fa-arrow-to-right:after {
  content: "\10f340"; }

.fad.fa-arrow-to-top:after {
  content: "\10f341"; }

.fad.fa-arrow-up:after {
  content: "\10f062"; }

.fad.fa-arrows:after {
  content: "\10f047"; }

.fad.fa-arrows-alt:after {
  content: "\10f0b2"; }

.fad.fa-arrows-alt-h:after {
  content: "\10f337"; }

.fad.fa-arrows-alt-v:after {
  content: "\10f338"; }

.fad.fa-arrows-h:after {
  content: "\10f07e"; }

.fad.fa-arrows-v:after {
  content: "\10f07d"; }

.fad.fa-assistive-listening-systems:after {
  content: "\10f2a2"; }

.fad.fa-asterisk:after {
  content: "\10f069"; }

.fad.fa-at:after {
  content: "\10f1fa"; }

.fad.fa-atlas:after {
  content: "\10f558"; }

.fad.fa-atom:after {
  content: "\10f5d2"; }

.fad.fa-atom-alt:after {
  content: "\10f5d3"; }

.fad.fa-audio-description:after {
  content: "\10f29e"; }

.fad.fa-award:after {
  content: "\10f559"; }

.fad.fa-axe:after {
  content: "\10f6b2"; }

.fad.fa-axe-battle:after {
  content: "\10f6b3"; }

.fad.fa-baby:after {
  content: "\10f77c"; }

.fad.fa-baby-carriage:after {
  content: "\10f77d"; }

.fad.fa-backpack:after {
  content: "\10f5d4"; }

.fad.fa-backspace:after {
  content: "\10f55a"; }

.fad.fa-backward:after {
  content: "\10f04a"; }

.fad.fa-bacon:after {
  content: "\10f7e5"; }

.fad.fa-bacteria:after {
  content: "\10f959"; }

.fad.fa-bacterium:after {
  content: "\10f95a"; }

.fad.fa-badge:after {
  content: "\10f335"; }

.fad.fa-badge-check:after {
  content: "\10f336"; }

.fad.fa-badge-dollar:after {
  content: "\10f645"; }

.fad.fa-badge-percent:after {
  content: "\10f646"; }

.fad.fa-badge-sheriff:after {
  content: "\10f8a2"; }

.fad.fa-badger-honey:after {
  content: "\10f6b4"; }

.fad.fa-bags-shopping:after {
  content: "\10f847"; }

.fad.fa-bahai:after {
  content: "\10f666"; }

.fad.fa-balance-scale:after {
  content: "\10f24e"; }

.fad.fa-balance-scale-left:after {
  content: "\10f515"; }

.fad.fa-balance-scale-right:after {
  content: "\10f516"; }

.fad.fa-ball-pile:after {
  content: "\10f77e"; }

.fad.fa-ballot:after {
  content: "\10f732"; }

.fad.fa-ballot-check:after {
  content: "\10f733"; }

.fad.fa-ban:after {
  content: "\10f05e"; }

.fad.fa-band-aid:after {
  content: "\10f462"; }

.fad.fa-banjo:after {
  content: "\10f8a3"; }

.fad.fa-barcode:after {
  content: "\10f02a"; }

.fad.fa-barcode-alt:after {
  content: "\10f463"; }

.fad.fa-barcode-read:after {
  content: "\10f464"; }

.fad.fa-barcode-scan:after {
  content: "\10f465"; }

.fad.fa-bars:after {
  content: "\10f0c9"; }

.fad.fa-baseball:after {
  content: "\10f432"; }

.fad.fa-baseball-ball:after {
  content: "\10f433"; }

.fad.fa-basketball-ball:after {
  content: "\10f434"; }

.fad.fa-basketball-hoop:after {
  content: "\10f435"; }

.fad.fa-bat:after {
  content: "\10f6b5"; }

.fad.fa-bath:after {
  content: "\10f2cd"; }

.fad.fa-battery-bolt:after {
  content: "\10f376"; }

.fad.fa-battery-empty:after {
  content: "\10f244"; }

.fad.fa-battery-full:after {
  content: "\10f240"; }

.fad.fa-battery-half:after {
  content: "\10f242"; }

.fad.fa-battery-quarter:after {
  content: "\10f243"; }

.fad.fa-battery-slash:after {
  content: "\10f377"; }

.fad.fa-battery-three-quarters:after {
  content: "\10f241"; }

.fad.fa-bed:after {
  content: "\10f236"; }

.fad.fa-bed-alt:after {
  content: "\10f8f7"; }

.fad.fa-bed-bunk:after {
  content: "\10f8f8"; }

.fad.fa-bed-empty:after {
  content: "\10f8f9"; }

.fad.fa-beer:after {
  content: "\10f0fc"; }

.fad.fa-bell:after {
  content: "\10f0f3"; }

.fad.fa-bell-exclamation:after {
  content: "\10f848"; }

.fad.fa-bell-on:after {
  content: "\10f8fa"; }

.fad.fa-bell-plus:after {
  content: "\10f849"; }

.fad.fa-bell-school:after {
  content: "\10f5d5"; }

.fad.fa-bell-school-slash:after {
  content: "\10f5d6"; }

.fad.fa-bell-slash:after {
  content: "\10f1f6"; }

.fad.fa-bells:after {
  content: "\10f77f"; }

.fad.fa-betamax:after {
  content: "\10f8a4"; }

.fad.fa-bezier-curve:after {
  content: "\10f55b"; }

.fad.fa-bible:after {
  content: "\10f647"; }

.fad.fa-bicycle:after {
  content: "\10f206"; }

.fad.fa-biking:after {
  content: "\10f84a"; }

.fad.fa-biking-mountain:after {
  content: "\10f84b"; }

.fad.fa-binoculars:after {
  content: "\10f1e5"; }

.fad.fa-biohazard:after {
  content: "\10f780"; }

.fad.fa-birthday-cake:after {
  content: "\10f1fd"; }

.fad.fa-blanket:after {
  content: "\10f498"; }

.fad.fa-blender:after {
  content: "\10f517"; }

.fad.fa-blender-phone:after {
  content: "\10f6b6"; }

.fad.fa-blind:after {
  content: "\10f29d"; }

.fad.fa-blinds:after {
  content: "\10f8fb"; }

.fad.fa-blinds-open:after {
  content: "\10f8fc"; }

.fad.fa-blinds-raised:after {
  content: "\10f8fd"; }

.fad.fa-blog:after {
  content: "\10f781"; }

.fad.fa-bold:after {
  content: "\10f032"; }

.fad.fa-bolt:after {
  content: "\10f0e7"; }

.fad.fa-bomb:after {
  content: "\10f1e2"; }

.fad.fa-bone:after {
  content: "\10f5d7"; }

.fad.fa-bone-break:after {
  content: "\10f5d8"; }

.fad.fa-bong:after {
  content: "\10f55c"; }

.fad.fa-book:after {
  content: "\10f02d"; }

.fad.fa-book-alt:after {
  content: "\10f5d9"; }

.fad.fa-book-dead:after {
  content: "\10f6b7"; }

.fad.fa-book-heart:after {
  content: "\10f499"; }

.fad.fa-book-medical:after {
  content: "\10f7e6"; }

.fad.fa-book-open:after {
  content: "\10f518"; }

.fad.fa-book-reader:after {
  content: "\10f5da"; }

.fad.fa-book-spells:after {
  content: "\10f6b8"; }

.fad.fa-book-user:after {
  content: "\10f7e7"; }

.fad.fa-bookmark:after {
  content: "\10f02e"; }

.fad.fa-books:after {
  content: "\10f5db"; }

.fad.fa-books-medical:after {
  content: "\10f7e8"; }

.fad.fa-boombox:after {
  content: "\10f8a5"; }

.fad.fa-boot:after {
  content: "\10f782"; }

.fad.fa-booth-curtain:after {
  content: "\10f734"; }

.fad.fa-border-all:after {
  content: "\10f84c"; }

.fad.fa-border-bottom:after {
  content: "\10f84d"; }

.fad.fa-border-center-h:after {
  content: "\10f89c"; }

.fad.fa-border-center-v:after {
  content: "\10f89d"; }

.fad.fa-border-inner:after {
  content: "\10f84e"; }

.fad.fa-border-left:after {
  content: "\10f84f"; }

.fad.fa-border-none:after {
  content: "\10f850"; }

.fad.fa-border-outer:after {
  content: "\10f851"; }

.fad.fa-border-right:after {
  content: "\10f852"; }

.fad.fa-border-style:after {
  content: "\10f853"; }

.fad.fa-border-style-alt:after {
  content: "\10f854"; }

.fad.fa-border-top:after {
  content: "\10f855"; }

.fad.fa-bow-arrow:after {
  content: "\10f6b9"; }

.fad.fa-bowling-ball:after {
  content: "\10f436"; }

.fad.fa-bowling-pins:after {
  content: "\10f437"; }

.fad.fa-box:after {
  content: "\10f466"; }

.fad.fa-box-alt:after {
  content: "\10f49a"; }

.fad.fa-box-ballot:after {
  content: "\10f735"; }

.fad.fa-box-check:after {
  content: "\10f467"; }

.fad.fa-box-fragile:after {
  content: "\10f49b"; }

.fad.fa-box-full:after {
  content: "\10f49c"; }

.fad.fa-box-heart:after {
  content: "\10f49d"; }

.fad.fa-box-open:after {
  content: "\10f49e"; }

.fad.fa-box-tissue:after {
  content: "\10f95b"; }

.fad.fa-box-up:after {
  content: "\10f49f"; }

.fad.fa-box-usd:after {
  content: "\10f4a0"; }

.fad.fa-boxes:after {
  content: "\10f468"; }

.fad.fa-boxes-alt:after {
  content: "\10f4a1"; }

.fad.fa-boxing-glove:after {
  content: "\10f438"; }

.fad.fa-brackets:after {
  content: "\10f7e9"; }

.fad.fa-brackets-curly:after {
  content: "\10f7ea"; }

.fad.fa-braille:after {
  content: "\10f2a1"; }

.fad.fa-brain:after {
  content: "\10f5dc"; }

.fad.fa-bread-loaf:after {
  content: "\10f7eb"; }

.fad.fa-bread-slice:after {
  content: "\10f7ec"; }

.fad.fa-briefcase:after {
  content: "\10f0b1"; }

.fad.fa-briefcase-medical:after {
  content: "\10f469"; }

.fad.fa-bring-forward:after {
  content: "\10f856"; }

.fad.fa-bring-front:after {
  content: "\10f857"; }

.fad.fa-broadcast-tower:after {
  content: "\10f519"; }

.fad.fa-broom:after {
  content: "\10f51a"; }

.fad.fa-browser:after {
  content: "\10f37e"; }

.fad.fa-brush:after {
  content: "\10f55d"; }

.fad.fa-bug:after {
  content: "\10f188"; }

.fad.fa-building:after {
  content: "\10f1ad"; }

.fad.fa-bullhorn:after {
  content: "\10f0a1"; }

.fad.fa-bullseye:after {
  content: "\10f140"; }

.fad.fa-bullseye-arrow:after {
  content: "\10f648"; }

.fad.fa-bullseye-pointer:after {
  content: "\10f649"; }

.fad.fa-burger-soda:after {
  content: "\10f858"; }

.fad.fa-burn:after {
  content: "\10f46a"; }

.fad.fa-burrito:after {
  content: "\10f7ed"; }

.fad.fa-bus:after {
  content: "\10f207"; }

.fad.fa-bus-alt:after {
  content: "\10f55e"; }

.fad.fa-bus-school:after {
  content: "\10f5dd"; }

.fad.fa-business-time:after {
  content: "\10f64a"; }

.fad.fa-cabinet-filing:after {
  content: "\10f64b"; }

.fad.fa-cactus:after {
  content: "\10f8a7"; }

.fad.fa-calculator:after {
  content: "\10f1ec"; }

.fad.fa-calculator-alt:after {
  content: "\10f64c"; }

.fad.fa-calendar:after {
  content: "\10f133"; }

.fad.fa-calendar-alt:after {
  content: "\10f073"; }

.fad.fa-calendar-check:after {
  content: "\10f274"; }

.fad.fa-calendar-day:after {
  content: "\10f783"; }

.fad.fa-calendar-edit:after {
  content: "\10f333"; }

.fad.fa-calendar-exclamation:after {
  content: "\10f334"; }

.fad.fa-calendar-minus:after {
  content: "\10f272"; }

.fad.fa-calendar-plus:after {
  content: "\10f271"; }

.fad.fa-calendar-star:after {
  content: "\10f736"; }

.fad.fa-calendar-times:after {
  content: "\10f273"; }

.fad.fa-calendar-week:after {
  content: "\10f784"; }

.fad.fa-camcorder:after {
  content: "\10f8a8"; }

.fad.fa-camera:after {
  content: "\10f030"; }

.fad.fa-camera-alt:after {
  content: "\10f332"; }

.fad.fa-camera-home:after {
  content: "\10f8fe"; }

.fad.fa-camera-movie:after {
  content: "\10f8a9"; }

.fad.fa-camera-polaroid:after {
  content: "\10f8aa"; }

.fad.fa-camera-retro:after {
  content: "\10f083"; }

.fad.fa-campfire:after {
  content: "\10f6ba"; }

.fad.fa-campground:after {
  content: "\10f6bb"; }

.fad.fa-candle-holder:after {
  content: "\10f6bc"; }

.fad.fa-candy-cane:after {
  content: "\10f786"; }

.fad.fa-candy-corn:after {
  content: "\10f6bd"; }

.fad.fa-cannabis:after {
  content: "\10f55f"; }

.fad.fa-capsules:after {
  content: "\10f46b"; }

.fad.fa-car:after {
  content: "\10f1b9"; }

.fad.fa-car-alt:after {
  content: "\10f5de"; }

.fad.fa-car-battery:after {
  content: "\10f5df"; }

.fad.fa-car-building:after {
  content: "\10f859"; }

.fad.fa-car-bump:after {
  content: "\10f5e0"; }

.fad.fa-car-bus:after {
  content: "\10f85a"; }

.fad.fa-car-crash:after {
  content: "\10f5e1"; }

.fad.fa-car-garage:after {
  content: "\10f5e2"; }

.fad.fa-car-mechanic:after {
  content: "\10f5e3"; }

.fad.fa-car-side:after {
  content: "\10f5e4"; }

.fad.fa-car-tilt:after {
  content: "\10f5e5"; }

.fad.fa-car-wash:after {
  content: "\10f5e6"; }

.fad.fa-caravan:after {
  content: "\10f8ff"; }

.fad.fa-caravan-alt:after {
  content: "\10f900"; }

.fad.fa-caret-circle-down:after {
  content: "\10f32d"; }

.fad.fa-caret-circle-left:after {
  content: "\10f32e"; }

.fad.fa-caret-circle-right:after {
  content: "\10f330"; }

.fad.fa-caret-circle-up:after {
  content: "\10f331"; }

.fad.fa-caret-down:after {
  content: "\10f0d7"; }

.fad.fa-caret-left:after {
  content: "\10f0d9"; }

.fad.fa-caret-right:after {
  content: "\10f0da"; }

.fad.fa-caret-square-down:after {
  content: "\10f150"; }

.fad.fa-caret-square-left:after {
  content: "\10f191"; }

.fad.fa-caret-square-right:after {
  content: "\10f152"; }

.fad.fa-caret-square-up:after {
  content: "\10f151"; }

.fad.fa-caret-up:after {
  content: "\10f0d8"; }

.fad.fa-carrot:after {
  content: "\10f787"; }

.fad.fa-cars:after {
  content: "\10f85b"; }

.fad.fa-cart-arrow-down:after {
  content: "\10f218"; }

.fad.fa-cart-plus:after {
  content: "\10f217"; }

.fad.fa-cash-register:after {
  content: "\10f788"; }

.fad.fa-cassette-tape:after {
  content: "\10f8ab"; }

.fad.fa-cat:after {
  content: "\10f6be"; }

.fad.fa-cat-space:after {
  content: "\10f901"; }

.fad.fa-cauldron:after {
  content: "\10f6bf"; }

.fad.fa-cctv:after {
  content: "\10f8ac"; }

.fad.fa-certificate:after {
  content: "\10f0a3"; }

.fad.fa-chair:after {
  content: "\10f6c0"; }

.fad.fa-chair-office:after {
  content: "\10f6c1"; }

.fad.fa-chalkboard:after {
  content: "\10f51b"; }

.fad.fa-chalkboard-teacher:after {
  content: "\10f51c"; }

.fad.fa-charging-station:after {
  content: "\10f5e7"; }

.fad.fa-chart-area:after {
  content: "\10f1fe"; }

.fad.fa-chart-bar:after {
  content: "\10f080"; }

.fad.fa-chart-line:after {
  content: "\10f201"; }

.fad.fa-chart-line-down:after {
  content: "\10f64d"; }

.fad.fa-chart-network:after {
  content: "\10f78a"; }

.fad.fa-chart-pie:after {
  content: "\10f200"; }

.fad.fa-chart-pie-alt:after {
  content: "\10f64e"; }

.fad.fa-chart-scatter:after {
  content: "\10f7ee"; }

.fad.fa-check:after {
  content: "\10f00c"; }

.fad.fa-check-circle:after {
  content: "\10f058"; }

.fad.fa-check-double:after {
  content: "\10f560"; }

.fad.fa-check-square:after {
  content: "\10f14a"; }

.fad.fa-cheese:after {
  content: "\10f7ef"; }

.fad.fa-cheese-swiss:after {
  content: "\10f7f0"; }

.fad.fa-cheeseburger:after {
  content: "\10f7f1"; }

.fad.fa-chess:after {
  content: "\10f439"; }

.fad.fa-chess-bishop:after {
  content: "\10f43a"; }

.fad.fa-chess-bishop-alt:after {
  content: "\10f43b"; }

.fad.fa-chess-board:after {
  content: "\10f43c"; }

.fad.fa-chess-clock:after {
  content: "\10f43d"; }

.fad.fa-chess-clock-alt:after {
  content: "\10f43e"; }

.fad.fa-chess-king:after {
  content: "\10f43f"; }

.fad.fa-chess-king-alt:after {
  content: "\10f440"; }

.fad.fa-chess-knight:after {
  content: "\10f441"; }

.fad.fa-chess-knight-alt:after {
  content: "\10f442"; }

.fad.fa-chess-pawn:after {
  content: "\10f443"; }

.fad.fa-chess-pawn-alt:after {
  content: "\10f444"; }

.fad.fa-chess-queen:after {
  content: "\10f445"; }

.fad.fa-chess-queen-alt:after {
  content: "\10f446"; }

.fad.fa-chess-rook:after {
  content: "\10f447"; }

.fad.fa-chess-rook-alt:after {
  content: "\10f448"; }

.fad.fa-chevron-circle-down:after {
  content: "\10f13a"; }

.fad.fa-chevron-circle-left:after {
  content: "\10f137"; }

.fad.fa-chevron-circle-right:after {
  content: "\10f138"; }

.fad.fa-chevron-circle-up:after {
  content: "\10f139"; }

.fad.fa-chevron-double-down:after {
  content: "\10f322"; }

.fad.fa-chevron-double-left:after {
  content: "\10f323"; }

.fad.fa-chevron-double-right:after {
  content: "\10f324"; }

.fad.fa-chevron-double-up:after {
  content: "\10f325"; }

.fad.fa-chevron-down:after {
  content: "\10f078"; }

.fad.fa-chevron-left:after {
  content: "\10f053"; }

.fad.fa-chevron-right:after {
  content: "\10f054"; }

.fad.fa-chevron-square-down:after {
  content: "\10f329"; }

.fad.fa-chevron-square-left:after {
  content: "\10f32a"; }

.fad.fa-chevron-square-right:after {
  content: "\10f32b"; }

.fad.fa-chevron-square-up:after {
  content: "\10f32c"; }

.fad.fa-chevron-up:after {
  content: "\10f077"; }

.fad.fa-child:after {
  content: "\10f1ae"; }

.fad.fa-chimney:after {
  content: "\10f78b"; }

.fad.fa-church:after {
  content: "\10f51d"; }

.fad.fa-circle:after {
  content: "\10f111"; }

.fad.fa-circle-notch:after {
  content: "\10f1ce"; }

.fad.fa-city:after {
  content: "\10f64f"; }

.fad.fa-clarinet:after {
  content: "\10f8ad"; }

.fad.fa-claw-marks:after {
  content: "\10f6c2"; }

.fad.fa-clinic-medical:after {
  content: "\10f7f2"; }

.fad.fa-clipboard:after {
  content: "\10f328"; }

.fad.fa-clipboard-check:after {
  content: "\10f46c"; }

.fad.fa-clipboard-list:after {
  content: "\10f46d"; }

.fad.fa-clipboard-list-check:after {
  content: "\10f737"; }

.fad.fa-clipboard-prescription:after {
  content: "\10f5e8"; }

.fad.fa-clipboard-user:after {
  content: "\10f7f3"; }

.fad.fa-clock:after {
  content: "\10f017"; }

.fad.fa-clone:after {
  content: "\10f24d"; }

.fad.fa-closed-captioning:after {
  content: "\10f20a"; }

.fad.fa-cloud:after {
  content: "\10f0c2"; }

.fad.fa-cloud-download:after {
  content: "\10f0ed"; }

.fad.fa-cloud-download-alt:after {
  content: "\10f381"; }

.fad.fa-cloud-drizzle:after {
  content: "\10f738"; }

.fad.fa-cloud-hail:after {
  content: "\10f739"; }

.fad.fa-cloud-hail-mixed:after {
  content: "\10f73a"; }

.fad.fa-cloud-meatball:after {
  content: "\10f73b"; }

.fad.fa-cloud-moon:after {
  content: "\10f6c3"; }

.fad.fa-cloud-moon-rain:after {
  content: "\10f73c"; }

.fad.fa-cloud-music:after {
  content: "\10f8ae"; }

.fad.fa-cloud-rain:after {
  content: "\10f73d"; }

.fad.fa-cloud-rainbow:after {
  content: "\10f73e"; }

.fad.fa-cloud-showers:after {
  content: "\10f73f"; }

.fad.fa-cloud-showers-heavy:after {
  content: "\10f740"; }

.fad.fa-cloud-sleet:after {
  content: "\10f741"; }

.fad.fa-cloud-snow:after {
  content: "\10f742"; }

.fad.fa-cloud-sun:after {
  content: "\10f6c4"; }

.fad.fa-cloud-sun-rain:after {
  content: "\10f743"; }

.fad.fa-cloud-upload:after {
  content: "\10f0ee"; }

.fad.fa-cloud-upload-alt:after {
  content: "\10f382"; }

.fad.fa-clouds:after {
  content: "\10f744"; }

.fad.fa-clouds-moon:after {
  content: "\10f745"; }

.fad.fa-clouds-sun:after {
  content: "\10f746"; }

.fad.fa-club:after {
  content: "\10f327"; }

.fad.fa-cocktail:after {
  content: "\10f561"; }

.fad.fa-code:after {
  content: "\10f121"; }

.fad.fa-code-branch:after {
  content: "\10f126"; }

.fad.fa-code-commit:after {
  content: "\10f386"; }

.fad.fa-code-merge:after {
  content: "\10f387"; }

.fad.fa-coffee:after {
  content: "\10f0f4"; }

.fad.fa-coffee-pot:after {
  content: "\10f902"; }

.fad.fa-coffee-togo:after {
  content: "\10f6c5"; }

.fad.fa-coffin:after {
  content: "\10f6c6"; }

.fad.fa-coffin-cross:after {
  content: "\10f951"; }

.fad.fa-cog:after {
  content: "\10f013"; }

.fad.fa-cogs:after {
  content: "\10f085"; }

.fad.fa-coin:after {
  content: "\10f85c"; }

.fad.fa-coins:after {
  content: "\10f51e"; }

.fad.fa-columns:after {
  content: "\10f0db"; }

.fad.fa-comet:after {
  content: "\10f903"; }

.fad.fa-comment:after {
  content: "\10f075"; }

.fad.fa-comment-alt:after {
  content: "\10f27a"; }

.fad.fa-comment-alt-check:after {
  content: "\10f4a2"; }

.fad.fa-comment-alt-dollar:after {
  content: "\10f650"; }

.fad.fa-comment-alt-dots:after {
  content: "\10f4a3"; }

.fad.fa-comment-alt-edit:after {
  content: "\10f4a4"; }

.fad.fa-comment-alt-exclamation:after {
  content: "\10f4a5"; }

.fad.fa-comment-alt-lines:after {
  content: "\10f4a6"; }

.fad.fa-comment-alt-medical:after {
  content: "\10f7f4"; }

.fad.fa-comment-alt-minus:after {
  content: "\10f4a7"; }

.fad.fa-comment-alt-music:after {
  content: "\10f8af"; }

.fad.fa-comment-alt-plus:after {
  content: "\10f4a8"; }

.fad.fa-comment-alt-slash:after {
  content: "\10f4a9"; }

.fad.fa-comment-alt-smile:after {
  content: "\10f4aa"; }

.fad.fa-comment-alt-times:after {
  content: "\10f4ab"; }

.fad.fa-comment-check:after {
  content: "\10f4ac"; }

.fad.fa-comment-dollar:after {
  content: "\10f651"; }

.fad.fa-comment-dots:after {
  content: "\10f4ad"; }

.fad.fa-comment-edit:after {
  content: "\10f4ae"; }

.fad.fa-comment-exclamation:after {
  content: "\10f4af"; }

.fad.fa-comment-lines:after {
  content: "\10f4b0"; }

.fad.fa-comment-medical:after {
  content: "\10f7f5"; }

.fad.fa-comment-minus:after {
  content: "\10f4b1"; }

.fad.fa-comment-music:after {
  content: "\10f8b0"; }

.fad.fa-comment-plus:after {
  content: "\10f4b2"; }

.fad.fa-comment-slash:after {
  content: "\10f4b3"; }

.fad.fa-comment-smile:after {
  content: "\10f4b4"; }

.fad.fa-comment-times:after {
  content: "\10f4b5"; }

.fad.fa-comments:after {
  content: "\10f086"; }

.fad.fa-comments-alt:after {
  content: "\10f4b6"; }

.fad.fa-comments-alt-dollar:after {
  content: "\10f652"; }

.fad.fa-comments-dollar:after {
  content: "\10f653"; }

.fad.fa-compact-disc:after {
  content: "\10f51f"; }

.fad.fa-compass:after {
  content: "\10f14e"; }

.fad.fa-compass-slash:after {
  content: "\10f5e9"; }

.fad.fa-compress:after {
  content: "\10f066"; }

.fad.fa-compress-alt:after {
  content: "\10f422"; }

.fad.fa-compress-arrows-alt:after {
  content: "\10f78c"; }

.fad.fa-compress-wide:after {
  content: "\10f326"; }

.fad.fa-computer-classic:after {
  content: "\10f8b1"; }

.fad.fa-computer-speaker:after {
  content: "\10f8b2"; }

.fad.fa-concierge-bell:after {
  content: "\10f562"; }

.fad.fa-construction:after {
  content: "\10f85d"; }

.fad.fa-container-storage:after {
  content: "\10f4b7"; }

.fad.fa-conveyor-belt:after {
  content: "\10f46e"; }

.fad.fa-conveyor-belt-alt:after {
  content: "\10f46f"; }

.fad.fa-cookie:after {
  content: "\10f563"; }

.fad.fa-cookie-bite:after {
  content: "\10f564"; }

.fad.fa-copy:after {
  content: "\10f0c5"; }

.fad.fa-copyright:after {
  content: "\10f1f9"; }

.fad.fa-corn:after {
  content: "\10f6c7"; }

.fad.fa-couch:after {
  content: "\10f4b8"; }

.fad.fa-cow:after {
  content: "\10f6c8"; }

.fad.fa-cowbell:after {
  content: "\10f8b3"; }

.fad.fa-cowbell-more:after {
  content: "\10f8b4"; }

.fad.fa-credit-card:after {
  content: "\10f09d"; }

.fad.fa-credit-card-blank:after {
  content: "\10f389"; }

.fad.fa-credit-card-front:after {
  content: "\10f38a"; }

.fad.fa-cricket:after {
  content: "\10f449"; }

.fad.fa-croissant:after {
  content: "\10f7f6"; }

.fad.fa-crop:after {
  content: "\10f125"; }

.fad.fa-crop-alt:after {
  content: "\10f565"; }

.fad.fa-cross:after {
  content: "\10f654"; }

.fad.fa-crosshairs:after {
  content: "\10f05b"; }

.fad.fa-crow:after {
  content: "\10f520"; }

.fad.fa-crown:after {
  content: "\10f521"; }

.fad.fa-crutch:after {
  content: "\10f7f7"; }

.fad.fa-crutches:after {
  content: "\10f7f8"; }

.fad.fa-cube:after {
  content: "\10f1b2"; }

.fad.fa-cubes:after {
  content: "\10f1b3"; }

.fad.fa-curling:after {
  content: "\10f44a"; }

.fad.fa-cut:after {
  content: "\10f0c4"; }

.fad.fa-dagger:after {
  content: "\10f6cb"; }

.fad.fa-database:after {
  content: "\10f1c0"; }

.fad.fa-deaf:after {
  content: "\10f2a4"; }

.fad.fa-debug:after {
  content: "\10f7f9"; }

.fad.fa-deer:after {
  content: "\10f78e"; }

.fad.fa-deer-rudolph:after {
  content: "\10f78f"; }

.fad.fa-democrat:after {
  content: "\10f747"; }

.fad.fa-desktop:after {
  content: "\10f108"; }

.fad.fa-desktop-alt:after {
  content: "\10f390"; }

.fad.fa-dewpoint:after {
  content: "\10f748"; }

.fad.fa-dharmachakra:after {
  content: "\10f655"; }

.fad.fa-diagnoses:after {
  content: "\10f470"; }

.fad.fa-diamond:after {
  content: "\10f219"; }

.fad.fa-dice:after {
  content: "\10f522"; }

.fad.fa-dice-d10:after {
  content: "\10f6cd"; }

.fad.fa-dice-d12:after {
  content: "\10f6ce"; }

.fad.fa-dice-d20:after {
  content: "\10f6cf"; }

.fad.fa-dice-d4:after {
  content: "\10f6d0"; }

.fad.fa-dice-d6:after {
  content: "\10f6d1"; }

.fad.fa-dice-d8:after {
  content: "\10f6d2"; }

.fad.fa-dice-five:after {
  content: "\10f523"; }

.fad.fa-dice-four:after {
  content: "\10f524"; }

.fad.fa-dice-one:after {
  content: "\10f525"; }

.fad.fa-dice-six:after {
  content: "\10f526"; }

.fad.fa-dice-three:after {
  content: "\10f527"; }

.fad.fa-dice-two:after {
  content: "\10f528"; }

.fad.fa-digging:after {
  content: "\10f85e"; }

.fad.fa-digital-tachograph:after {
  content: "\10f566"; }

.fad.fa-diploma:after {
  content: "\10f5ea"; }

.fad.fa-directions:after {
  content: "\10f5eb"; }

.fad.fa-disc-drive:after {
  content: "\10f8b5"; }

.fad.fa-disease:after {
  content: "\10f7fa"; }

.fad.fa-divide:after {
  content: "\10f529"; }

.fad.fa-dizzy:after {
  content: "\10f567"; }

.fad.fa-dna:after {
  content: "\10f471"; }

.fad.fa-do-not-enter:after {
  content: "\10f5ec"; }

.fad.fa-dog:after {
  content: "\10f6d3"; }

.fad.fa-dog-leashed:after {
  content: "\10f6d4"; }

.fad.fa-dollar-sign:after {
  content: "\10f155"; }

.fad.fa-dolly:after {
  content: "\10f472"; }

.fad.fa-dolly-empty:after {
  content: "\10f473"; }

.fad.fa-dolly-flatbed:after {
  content: "\10f474"; }

.fad.fa-dolly-flatbed-alt:after {
  content: "\10f475"; }

.fad.fa-dolly-flatbed-empty:after {
  content: "\10f476"; }

.fad.fa-donate:after {
  content: "\10f4b9"; }

.fad.fa-door-closed:after {
  content: "\10f52a"; }

.fad.fa-door-open:after {
  content: "\10f52b"; }

.fad.fa-dot-circle:after {
  content: "\10f192"; }

.fad.fa-dove:after {
  content: "\10f4ba"; }

.fad.fa-download:after {
  content: "\10f019"; }

.fad.fa-drafting-compass:after {
  content: "\10f568"; }

.fad.fa-dragon:after {
  content: "\10f6d5"; }

.fad.fa-draw-circle:after {
  content: "\10f5ed"; }

.fad.fa-draw-polygon:after {
  content: "\10f5ee"; }

.fad.fa-draw-square:after {
  content: "\10f5ef"; }

.fad.fa-dreidel:after {
  content: "\10f792"; }

.fad.fa-drone:after {
  content: "\10f85f"; }

.fad.fa-drone-alt:after {
  content: "\10f860"; }

.fad.fa-drum:after {
  content: "\10f569"; }

.fad.fa-drum-steelpan:after {
  content: "\10f56a"; }

.fad.fa-drumstick:after {
  content: "\10f6d6"; }

.fad.fa-drumstick-bite:after {
  content: "\10f6d7"; }

.fad.fa-dryer:after {
  content: "\10f861"; }

.fad.fa-dryer-alt:after {
  content: "\10f862"; }

.fad.fa-duck:after {
  content: "\10f6d8"; }

.fad.fa-dumbbell:after {
  content: "\10f44b"; }

.fad.fa-dumpster:after {
  content: "\10f793"; }

.fad.fa-dumpster-fire:after {
  content: "\10f794"; }

.fad.fa-dungeon:after {
  content: "\10f6d9"; }

.fad.fa-ear:after {
  content: "\10f5f0"; }

.fad.fa-ear-muffs:after {
  content: "\10f795"; }

.fad.fa-eclipse:after {
  content: "\10f749"; }

.fad.fa-eclipse-alt:after {
  content: "\10f74a"; }

.fad.fa-edit:after {
  content: "\10f044"; }

.fad.fa-egg:after {
  content: "\10f7fb"; }

.fad.fa-egg-fried:after {
  content: "\10f7fc"; }

.fad.fa-eject:after {
  content: "\10f052"; }

.fad.fa-elephant:after {
  content: "\10f6da"; }

.fad.fa-ellipsis-h:after {
  content: "\10f141"; }

.fad.fa-ellipsis-h-alt:after {
  content: "\10f39b"; }

.fad.fa-ellipsis-v:after {
  content: "\10f142"; }

.fad.fa-ellipsis-v-alt:after {
  content: "\10f39c"; }

.fad.fa-empty-set:after {
  content: "\10f656"; }

.fad.fa-engine-warning:after {
  content: "\10f5f2"; }

.fad.fa-envelope:after {
  content: "\10f0e0"; }

.fad.fa-envelope-open:after {
  content: "\10f2b6"; }

.fad.fa-envelope-open-dollar:after {
  content: "\10f657"; }

.fad.fa-envelope-open-text:after {
  content: "\10f658"; }

.fad.fa-envelope-square:after {
  content: "\10f199"; }

.fad.fa-equals:after {
  content: "\10f52c"; }

.fad.fa-eraser:after {
  content: "\10f12d"; }

.fad.fa-ethernet:after {
  content: "\10f796"; }

.fad.fa-euro-sign:after {
  content: "\10f153"; }

.fad.fa-exchange:after {
  content: "\10f0ec"; }

.fad.fa-exchange-alt:after {
  content: "\10f362"; }

.fad.fa-exclamation:after {
  content: "\10f12a"; }

.fad.fa-exclamation-circle:after {
  content: "\10f06a"; }

.fad.fa-exclamation-square:after {
  content: "\10f321"; }

.fad.fa-exclamation-triangle:after {
  content: "\10f071"; }

.fad.fa-expand:after {
  content: "\10f065"; }

.fad.fa-expand-alt:after {
  content: "\10f424"; }

.fad.fa-expand-arrows:after {
  content: "\10f31d"; }

.fad.fa-expand-arrows-alt:after {
  content: "\10f31e"; }

.fad.fa-expand-wide:after {
  content: "\10f320"; }

.fad.fa-external-link:after {
  content: "\10f08e"; }

.fad.fa-external-link-alt:after {
  content: "\10f35d"; }

.fad.fa-external-link-square:after {
  content: "\10f14c"; }

.fad.fa-external-link-square-alt:after {
  content: "\10f360"; }

.fad.fa-eye:after {
  content: "\10f06e"; }

.fad.fa-eye-dropper:after {
  content: "\10f1fb"; }

.fad.fa-eye-evil:after {
  content: "\10f6db"; }

.fad.fa-eye-slash:after {
  content: "\10f070"; }

.fad.fa-fan:after {
  content: "\10f863"; }

.fad.fa-fan-table:after {
  content: "\10f904"; }

.fad.fa-farm:after {
  content: "\10f864"; }

.fad.fa-fast-backward:after {
  content: "\10f049"; }

.fad.fa-fast-forward:after {
  content: "\10f050"; }

.fad.fa-faucet:after {
  content: "\10f905"; }

.fad.fa-faucet-drip:after {
  content: "\10f906"; }

.fad.fa-fax:after {
  content: "\10f1ac"; }

.fad.fa-feather:after {
  content: "\10f52d"; }

.fad.fa-feather-alt:after {
  content: "\10f56b"; }

.fad.fa-female:after {
  content: "\10f182"; }

.fad.fa-field-hockey:after {
  content: "\10f44c"; }

.fad.fa-fighter-jet:after {
  content: "\10f0fb"; }

.fad.fa-file:after {
  content: "\10f15b"; }

.fad.fa-file-alt:after {
  content: "\10f15c"; }

.fad.fa-file-archive:after {
  content: "\10f1c6"; }

.fad.fa-file-audio:after {
  content: "\10f1c7"; }

.fad.fa-file-certificate:after {
  content: "\10f5f3"; }

.fad.fa-file-chart-line:after {
  content: "\10f659"; }

.fad.fa-file-chart-pie:after {
  content: "\10f65a"; }

.fad.fa-file-check:after {
  content: "\10f316"; }

.fad.fa-file-code:after {
  content: "\10f1c9"; }

.fad.fa-file-contract:after {
  content: "\10f56c"; }

.fad.fa-file-csv:after {
  content: "\10f6dd"; }

.fad.fa-file-download:after {
  content: "\10f56d"; }

.fad.fa-file-edit:after {
  content: "\10f31c"; }

.fad.fa-file-excel:after {
  content: "\10f1c3"; }

.fad.fa-file-exclamation:after {
  content: "\10f31a"; }

.fad.fa-file-export:after {
  content: "\10f56e"; }

.fad.fa-file-image:after {
  content: "\10f1c5"; }

.fad.fa-file-import:after {
  content: "\10f56f"; }

.fad.fa-file-invoice:after {
  content: "\10f570"; }

.fad.fa-file-invoice-dollar:after {
  content: "\10f571"; }

.fad.fa-file-medical:after {
  content: "\10f477"; }

.fad.fa-file-medical-alt:after {
  content: "\10f478"; }

.fad.fa-file-minus:after {
  content: "\10f318"; }

.fad.fa-file-music:after {
  content: "\10f8b6"; }

.fad.fa-file-pdf:after {
  content: "\10f1c1"; }

.fad.fa-file-plus:after {
  content: "\10f319"; }

.fad.fa-file-powerpoint:after {
  content: "\10f1c4"; }

.fad.fa-file-prescription:after {
  content: "\10f572"; }

.fad.fa-file-search:after {
  content: "\10f865"; }

.fad.fa-file-signature:after {
  content: "\10f573"; }

.fad.fa-file-spreadsheet:after {
  content: "\10f65b"; }

.fad.fa-file-times:after {
  content: "\10f317"; }

.fad.fa-file-upload:after {
  content: "\10f574"; }

.fad.fa-file-user:after {
  content: "\10f65c"; }

.fad.fa-file-video:after {
  content: "\10f1c8"; }

.fad.fa-file-word:after {
  content: "\10f1c2"; }

.fad.fa-files-medical:after {
  content: "\10f7fd"; }

.fad.fa-fill:after {
  content: "\10f575"; }

.fad.fa-fill-drip:after {
  content: "\10f576"; }

.fad.fa-film:after {
  content: "\10f008"; }

.fad.fa-film-alt:after {
  content: "\10f3a0"; }

.fad.fa-film-canister:after {
  content: "\10f8b7"; }

.fad.fa-filter:after {
  content: "\10f0b0"; }

.fad.fa-fingerprint:after {
  content: "\10f577"; }

.fad.fa-fire:after {
  content: "\10f06d"; }

.fad.fa-fire-alt:after {
  content: "\10f7e4"; }

.fad.fa-fire-extinguisher:after {
  content: "\10f134"; }

.fad.fa-fire-smoke:after {
  content: "\10f74b"; }

.fad.fa-fireplace:after {
  content: "\10f79a"; }

.fad.fa-first-aid:after {
  content: "\10f479"; }

.fad.fa-fish:after {
  content: "\10f578"; }

.fad.fa-fish-cooked:after {
  content: "\10f7fe"; }

.fad.fa-fist-raised:after {
  content: "\10f6de"; }

.fad.fa-flag:after {
  content: "\10f024"; }

.fad.fa-flag-alt:after {
  content: "\10f74c"; }

.fad.fa-flag-checkered:after {
  content: "\10f11e"; }

.fad.fa-flag-usa:after {
  content: "\10f74d"; }

.fad.fa-flame:after {
  content: "\10f6df"; }

.fad.fa-flashlight:after {
  content: "\10f8b8"; }

.fad.fa-flask:after {
  content: "\10f0c3"; }

.fad.fa-flask-poison:after {
  content: "\10f6e0"; }

.fad.fa-flask-potion:after {
  content: "\10f6e1"; }

.fad.fa-flower:after {
  content: "\10f7ff"; }

.fad.fa-flower-daffodil:after {
  content: "\10f800"; }

.fad.fa-flower-tulip:after {
  content: "\10f801"; }

.fad.fa-flushed:after {
  content: "\10f579"; }

.fad.fa-flute:after {
  content: "\10f8b9"; }

.fad.fa-flux-capacitor:after {
  content: "\10f8ba"; }

.fad.fa-fog:after {
  content: "\10f74e"; }

.fad.fa-folder:after {
  content: "\10f07b"; }

.fad.fa-folder-download:after {
  content: "\10f953"; }

.fad.fa-folder-minus:after {
  content: "\10f65d"; }

.fad.fa-folder-open:after {
  content: "\10f07c"; }

.fad.fa-folder-plus:after {
  content: "\10f65e"; }

.fad.fa-folder-times:after {
  content: "\10f65f"; }

.fad.fa-folder-tree:after {
  content: "\10f802"; }

.fad.fa-folder-upload:after {
  content: "\10f954"; }

.fad.fa-folders:after {
  content: "\10f660"; }

.fad.fa-font:after {
  content: "\10f031"; }

.fad.fa-font-awesome-logo-full:after {
  content: "\10f4e6"; }

.fad.fa-font-case:after {
  content: "\10f866"; }

.fad.fa-football-ball:after {
  content: "\10f44e"; }

.fad.fa-football-helmet:after {
  content: "\10f44f"; }

.fad.fa-forklift:after {
  content: "\10f47a"; }

.fad.fa-forward:after {
  content: "\10f04e"; }

.fad.fa-fragile:after {
  content: "\10f4bb"; }

.fad.fa-french-fries:after {
  content: "\10f803"; }

.fad.fa-frog:after {
  content: "\10f52e"; }

.fad.fa-frosty-head:after {
  content: "\10f79b"; }

.fad.fa-frown:after {
  content: "\10f119"; }

.fad.fa-frown-open:after {
  content: "\10f57a"; }

.fad.fa-function:after {
  content: "\10f661"; }

.fad.fa-funnel-dollar:after {
  content: "\10f662"; }

.fad.fa-futbol:after {
  content: "\10f1e3"; }

.fad.fa-galaxy:after {
  content: "\10f908"; }

.fad.fa-game-board:after {
  content: "\10f867"; }

.fad.fa-game-board-alt:after {
  content: "\10f868"; }

.fad.fa-game-console-handheld:after {
  content: "\10f8bb"; }

.fad.fa-gamepad:after {
  content: "\10f11b"; }

.fad.fa-gamepad-alt:after {
  content: "\10f8bc"; }

.fad.fa-garage:after {
  content: "\10f909"; }

.fad.fa-garage-car:after {
  content: "\10f90a"; }

.fad.fa-garage-open:after {
  content: "\10f90b"; }

.fad.fa-gas-pump:after {
  content: "\10f52f"; }

.fad.fa-gas-pump-slash:after {
  content: "\10f5f4"; }

.fad.fa-gavel:after {
  content: "\10f0e3"; }

.fad.fa-gem:after {
  content: "\10f3a5"; }

.fad.fa-genderless:after {
  content: "\10f22d"; }

.fad.fa-ghost:after {
  content: "\10f6e2"; }

.fad.fa-gift:after {
  content: "\10f06b"; }

.fad.fa-gift-card:after {
  content: "\10f663"; }

.fad.fa-gifts:after {
  content: "\10f79c"; }

.fad.fa-gingerbread-man:after {
  content: "\10f79d"; }

.fad.fa-glass:after {
  content: "\10f804"; }

.fad.fa-glass-champagne:after {
  content: "\10f79e"; }

.fad.fa-glass-cheers:after {
  content: "\10f79f"; }

.fad.fa-glass-citrus:after {
  content: "\10f869"; }

.fad.fa-glass-martini:after {
  content: "\10f000"; }

.fad.fa-glass-martini-alt:after {
  content: "\10f57b"; }

.fad.fa-glass-whiskey:after {
  content: "\10f7a0"; }

.fad.fa-glass-whiskey-rocks:after {
  content: "\10f7a1"; }

.fad.fa-glasses:after {
  content: "\10f530"; }

.fad.fa-glasses-alt:after {
  content: "\10f5f5"; }

.fad.fa-globe:after {
  content: "\10f0ac"; }

.fad.fa-globe-africa:after {
  content: "\10f57c"; }

.fad.fa-globe-americas:after {
  content: "\10f57d"; }

.fad.fa-globe-asia:after {
  content: "\10f57e"; }

.fad.fa-globe-europe:after {
  content: "\10f7a2"; }

.fad.fa-globe-snow:after {
  content: "\10f7a3"; }

.fad.fa-globe-stand:after {
  content: "\10f5f6"; }

.fad.fa-golf-ball:after {
  content: "\10f450"; }

.fad.fa-golf-club:after {
  content: "\10f451"; }

.fad.fa-gopuram:after {
  content: "\10f664"; }

.fad.fa-graduation-cap:after {
  content: "\10f19d"; }

.fad.fa-gramophone:after {
  content: "\10f8bd"; }

.fad.fa-greater-than:after {
  content: "\10f531"; }

.fad.fa-greater-than-equal:after {
  content: "\10f532"; }

.fad.fa-grimace:after {
  content: "\10f57f"; }

.fad.fa-grin:after {
  content: "\10f580"; }

.fad.fa-grin-alt:after {
  content: "\10f581"; }

.fad.fa-grin-beam:after {
  content: "\10f582"; }

.fad.fa-grin-beam-sweat:after {
  content: "\10f583"; }

.fad.fa-grin-hearts:after {
  content: "\10f584"; }

.fad.fa-grin-squint:after {
  content: "\10f585"; }

.fad.fa-grin-squint-tears:after {
  content: "\10f586"; }

.fad.fa-grin-stars:after {
  content: "\10f587"; }

.fad.fa-grin-tears:after {
  content: "\10f588"; }

.fad.fa-grin-tongue:after {
  content: "\10f589"; }

.fad.fa-grin-tongue-squint:after {
  content: "\10f58a"; }

.fad.fa-grin-tongue-wink:after {
  content: "\10f58b"; }

.fad.fa-grin-wink:after {
  content: "\10f58c"; }

.fad.fa-grip-horizontal:after {
  content: "\10f58d"; }

.fad.fa-grip-lines:after {
  content: "\10f7a4"; }

.fad.fa-grip-lines-vertical:after {
  content: "\10f7a5"; }

.fad.fa-grip-vertical:after {
  content: "\10f58e"; }

.fad.fa-guitar:after {
  content: "\10f7a6"; }

.fad.fa-guitar-electric:after {
  content: "\10f8be"; }

.fad.fa-guitars:after {
  content: "\10f8bf"; }

.fad.fa-h-square:after {
  content: "\10f0fd"; }

.fad.fa-h1:after {
  content: "\10f313"; }

.fad.fa-h2:after {
  content: "\10f314"; }

.fad.fa-h3:after {
  content: "\10f315"; }

.fad.fa-h4:after {
  content: "\10f86a"; }

.fad.fa-hamburger:after {
  content: "\10f805"; }

.fad.fa-hammer:after {
  content: "\10f6e3"; }

.fad.fa-hammer-war:after {
  content: "\10f6e4"; }

.fad.fa-hamsa:after {
  content: "\10f665"; }

.fad.fa-hand-heart:after {
  content: "\10f4bc"; }

.fad.fa-hand-holding:after {
  content: "\10f4bd"; }

.fad.fa-hand-holding-box:after {
  content: "\10f47b"; }

.fad.fa-hand-holding-heart:after {
  content: "\10f4be"; }

.fad.fa-hand-holding-magic:after {
  content: "\10f6e5"; }

.fad.fa-hand-holding-medical:after {
  content: "\10f95c"; }

.fad.fa-hand-holding-seedling:after {
  content: "\10f4bf"; }

.fad.fa-hand-holding-usd:after {
  content: "\10f4c0"; }

.fad.fa-hand-holding-water:after {
  content: "\10f4c1"; }

.fad.fa-hand-lizard:after {
  content: "\10f258"; }

.fad.fa-hand-middle-finger:after {
  content: "\10f806"; }

.fad.fa-hand-paper:after {
  content: "\10f256"; }

.fad.fa-hand-peace:after {
  content: "\10f25b"; }

.fad.fa-hand-point-down:after {
  content: "\10f0a7"; }

.fad.fa-hand-point-left:after {
  content: "\10f0a5"; }

.fad.fa-hand-point-right:after {
  content: "\10f0a4"; }

.fad.fa-hand-point-up:after {
  content: "\10f0a6"; }

.fad.fa-hand-pointer:after {
  content: "\10f25a"; }

.fad.fa-hand-receiving:after {
  content: "\10f47c"; }

.fad.fa-hand-rock:after {
  content: "\10f255"; }

.fad.fa-hand-scissors:after {
  content: "\10f257"; }

.fad.fa-hand-sparkles:after {
  content: "\10f95d"; }

.fad.fa-hand-spock:after {
  content: "\10f259"; }

.fad.fa-hands:after {
  content: "\10f4c2"; }

.fad.fa-hands-heart:after {
  content: "\10f4c3"; }

.fad.fa-hands-helping:after {
  content: "\10f4c4"; }

.fad.fa-hands-usd:after {
  content: "\10f4c5"; }

.fad.fa-hands-wash:after {
  content: "\10f95e"; }

.fad.fa-handshake:after {
  content: "\10f2b5"; }

.fad.fa-handshake-alt:after {
  content: "\10f4c6"; }

.fad.fa-handshake-alt-slash:after {
  content: "\10f95f"; }

.fad.fa-handshake-slash:after {
  content: "\10f960"; }

.fad.fa-hanukiah:after {
  content: "\10f6e6"; }

.fad.fa-hard-hat:after {
  content: "\10f807"; }

.fad.fa-hashtag:after {
  content: "\10f292"; }

.fad.fa-hat-chef:after {
  content: "\10f86b"; }

.fad.fa-hat-cowboy:after {
  content: "\10f8c0"; }

.fad.fa-hat-cowboy-side:after {
  content: "\10f8c1"; }

.fad.fa-hat-santa:after {
  content: "\10f7a7"; }

.fad.fa-hat-winter:after {
  content: "\10f7a8"; }

.fad.fa-hat-witch:after {
  content: "\10f6e7"; }

.fad.fa-hat-wizard:after {
  content: "\10f6e8"; }

.fad.fa-hdd:after {
  content: "\10f0a0"; }

.fad.fa-head-side:after {
  content: "\10f6e9"; }

.fad.fa-head-side-brain:after {
  content: "\10f808"; }

.fad.fa-head-side-cough:after {
  content: "\10f961"; }

.fad.fa-head-side-cough-slash:after {
  content: "\10f962"; }

.fad.fa-head-side-headphones:after {
  content: "\10f8c2"; }

.fad.fa-head-side-mask:after {
  content: "\10f963"; }

.fad.fa-head-side-medical:after {
  content: "\10f809"; }

.fad.fa-head-side-virus:after {
  content: "\10f964"; }

.fad.fa-head-vr:after {
  content: "\10f6ea"; }

.fad.fa-heading:after {
  content: "\10f1dc"; }

.fad.fa-headphones:after {
  content: "\10f025"; }

.fad.fa-headphones-alt:after {
  content: "\10f58f"; }

.fad.fa-headset:after {
  content: "\10f590"; }

.fad.fa-heart:after {
  content: "\10f004"; }

.fad.fa-heart-broken:after {
  content: "\10f7a9"; }

.fad.fa-heart-circle:after {
  content: "\10f4c7"; }

.fad.fa-heart-rate:after {
  content: "\10f5f8"; }

.fad.fa-heart-square:after {
  content: "\10f4c8"; }

.fad.fa-heartbeat:after {
  content: "\10f21e"; }

.fad.fa-heat:after {
  content: "\10f90c"; }

.fad.fa-helicopter:after {
  content: "\10f533"; }

.fad.fa-helmet-battle:after {
  content: "\10f6eb"; }

.fad.fa-hexagon:after {
  content: "\10f312"; }

.fad.fa-highlighter:after {
  content: "\10f591"; }

.fad.fa-hiking:after {
  content: "\10f6ec"; }

.fad.fa-hippo:after {
  content: "\10f6ed"; }

.fad.fa-history:after {
  content: "\10f1da"; }

.fad.fa-hockey-mask:after {
  content: "\10f6ee"; }

.fad.fa-hockey-puck:after {
  content: "\10f453"; }

.fad.fa-hockey-sticks:after {
  content: "\10f454"; }

.fad.fa-holly-berry:after {
  content: "\10f7aa"; }

.fad.fa-home:after {
  content: "\10f015"; }

.fad.fa-home-alt:after {
  content: "\10f80a"; }

.fad.fa-home-heart:after {
  content: "\10f4c9"; }

.fad.fa-home-lg:after {
  content: "\10f80b"; }

.fad.fa-home-lg-alt:after {
  content: "\10f80c"; }

.fad.fa-hood-cloak:after {
  content: "\10f6ef"; }

.fad.fa-horizontal-rule:after {
  content: "\10f86c"; }

.fad.fa-horse:after {
  content: "\10f6f0"; }

.fad.fa-horse-head:after {
  content: "\10f7ab"; }

.fad.fa-horse-saddle:after {
  content: "\10f8c3"; }

.fad.fa-hospital:after {
  content: "\10f0f8"; }

.fad.fa-hospital-alt:after {
  content: "\10f47d"; }

.fad.fa-hospital-symbol:after {
  content: "\10f47e"; }

.fad.fa-hospital-user:after {
  content: "\10f80d"; }

.fad.fa-hospitals:after {
  content: "\10f80e"; }

.fad.fa-hot-tub:after {
  content: "\10f593"; }

.fad.fa-hotdog:after {
  content: "\10f80f"; }

.fad.fa-hotel:after {
  content: "\10f594"; }

.fad.fa-hourglass:after {
  content: "\10f254"; }

.fad.fa-hourglass-end:after {
  content: "\10f253"; }

.fad.fa-hourglass-half:after {
  content: "\10f252"; }

.fad.fa-hourglass-start:after {
  content: "\10f251"; }

.fad.fa-house:after {
  content: "\10f90d"; }

.fad.fa-house-damage:after {
  content: "\10f6f1"; }

.fad.fa-house-day:after {
  content: "\10f90e"; }

.fad.fa-house-flood:after {
  content: "\10f74f"; }

.fad.fa-house-leave:after {
  content: "\10f90f"; }

.fad.fa-house-night:after {
  content: "\10f910"; }

.fad.fa-house-return:after {
  content: "\10f911"; }

.fad.fa-house-signal:after {
  content: "\10f912"; }

.fad.fa-house-user:after {
  content: "\10f965"; }

.fad.fa-hryvnia:after {
  content: "\10f6f2"; }

.fad.fa-humidity:after {
  content: "\10f750"; }

.fad.fa-hurricane:after {
  content: "\10f751"; }

.fad.fa-i-cursor:after {
  content: "\10f246"; }

.fad.fa-ice-cream:after {
  content: "\10f810"; }

.fad.fa-ice-skate:after {
  content: "\10f7ac"; }

.fad.fa-icicles:after {
  content: "\10f7ad"; }

.fad.fa-icons:after {
  content: "\10f86d"; }

.fad.fa-icons-alt:after {
  content: "\10f86e"; }

.fad.fa-id-badge:after {
  content: "\10f2c1"; }

.fad.fa-id-card:after {
  content: "\10f2c2"; }

.fad.fa-id-card-alt:after {
  content: "\10f47f"; }

.fad.fa-igloo:after {
  content: "\10f7ae"; }

.fad.fa-image:after {
  content: "\10f03e"; }

.fad.fa-image-polaroid:after {
  content: "\10f8c4"; }

.fad.fa-images:after {
  content: "\10f302"; }

.fad.fa-inbox:after {
  content: "\10f01c"; }

.fad.fa-inbox-in:after {
  content: "\10f310"; }

.fad.fa-inbox-out:after {
  content: "\10f311"; }

.fad.fa-indent:after {
  content: "\10f03c"; }

.fad.fa-industry:after {
  content: "\10f275"; }

.fad.fa-industry-alt:after {
  content: "\10f3b3"; }

.fad.fa-infinity:after {
  content: "\10f534"; }

.fad.fa-info:after {
  content: "\10f129"; }

.fad.fa-info-circle:after {
  content: "\10f05a"; }

.fad.fa-info-square:after {
  content: "\10f30f"; }

.fad.fa-inhaler:after {
  content: "\10f5f9"; }

.fad.fa-integral:after {
  content: "\10f667"; }

.fad.fa-intersection:after {
  content: "\10f668"; }

.fad.fa-inventory:after {
  content: "\10f480"; }

.fad.fa-island-tropical:after {
  content: "\10f811"; }

.fad.fa-italic:after {
  content: "\10f033"; }

.fad.fa-jack-o-lantern:after {
  content: "\10f30e"; }

.fad.fa-jedi:after {
  content: "\10f669"; }

.fad.fa-joint:after {
  content: "\10f595"; }

.fad.fa-journal-whills:after {
  content: "\10f66a"; }

.fad.fa-joystick:after {
  content: "\10f8c5"; }

.fad.fa-jug:after {
  content: "\10f8c6"; }

.fad.fa-kaaba:after {
  content: "\10f66b"; }

.fad.fa-kazoo:after {
  content: "\10f8c7"; }

.fad.fa-kerning:after {
  content: "\10f86f"; }

.fad.fa-key:after {
  content: "\10f084"; }

.fad.fa-key-skeleton:after {
  content: "\10f6f3"; }

.fad.fa-keyboard:after {
  content: "\10f11c"; }

.fad.fa-keynote:after {
  content: "\10f66c"; }

.fad.fa-khanda:after {
  content: "\10f66d"; }

.fad.fa-kidneys:after {
  content: "\10f5fb"; }

.fad.fa-kiss:after {
  content: "\10f596"; }

.fad.fa-kiss-beam:after {
  content: "\10f597"; }

.fad.fa-kiss-wink-heart:after {
  content: "\10f598"; }

.fad.fa-kite:after {
  content: "\10f6f4"; }

.fad.fa-kiwi-bird:after {
  content: "\10f535"; }

.fad.fa-knife-kitchen:after {
  content: "\10f6f5"; }

.fad.fa-lambda:after {
  content: "\10f66e"; }

.fad.fa-lamp:after {
  content: "\10f4ca"; }

.fad.fa-lamp-desk:after {
  content: "\10f914"; }

.fad.fa-lamp-floor:after {
  content: "\10f915"; }

.fad.fa-landmark:after {
  content: "\10f66f"; }

.fad.fa-landmark-alt:after {
  content: "\10f752"; }

.fad.fa-language:after {
  content: "\10f1ab"; }

.fad.fa-laptop:after {
  content: "\10f109"; }

.fad.fa-laptop-code:after {
  content: "\10f5fc"; }

.fad.fa-laptop-house:after {
  content: "\10f966"; }

.fad.fa-laptop-medical:after {
  content: "\10f812"; }

.fad.fa-lasso:after {
  content: "\10f8c8"; }

.fad.fa-laugh:after {
  content: "\10f599"; }

.fad.fa-laugh-beam:after {
  content: "\10f59a"; }

.fad.fa-laugh-squint:after {
  content: "\10f59b"; }

.fad.fa-laugh-wink:after {
  content: "\10f59c"; }

.fad.fa-layer-group:after {
  content: "\10f5fd"; }

.fad.fa-layer-minus:after {
  content: "\10f5fe"; }

.fad.fa-layer-plus:after {
  content: "\10f5ff"; }

.fad.fa-leaf:after {
  content: "\10f06c"; }

.fad.fa-leaf-heart:after {
  content: "\10f4cb"; }

.fad.fa-leaf-maple:after {
  content: "\10f6f6"; }

.fad.fa-leaf-oak:after {
  content: "\10f6f7"; }

.fad.fa-lemon:after {
  content: "\10f094"; }

.fad.fa-less-than:after {
  content: "\10f536"; }

.fad.fa-less-than-equal:after {
  content: "\10f537"; }

.fad.fa-level-down:after {
  content: "\10f149"; }

.fad.fa-level-down-alt:after {
  content: "\10f3be"; }

.fad.fa-level-up:after {
  content: "\10f148"; }

.fad.fa-level-up-alt:after {
  content: "\10f3bf"; }

.fad.fa-life-ring:after {
  content: "\10f1cd"; }

.fad.fa-light-ceiling:after {
  content: "\10f916"; }

.fad.fa-light-switch:after {
  content: "\10f917"; }

.fad.fa-light-switch-off:after {
  content: "\10f918"; }

.fad.fa-light-switch-on:after {
  content: "\10f919"; }

.fad.fa-lightbulb:after {
  content: "\10f0eb"; }

.fad.fa-lightbulb-dollar:after {
  content: "\10f670"; }

.fad.fa-lightbulb-exclamation:after {
  content: "\10f671"; }

.fad.fa-lightbulb-on:after {
  content: "\10f672"; }

.fad.fa-lightbulb-slash:after {
  content: "\10f673"; }

.fad.fa-lights-holiday:after {
  content: "\10f7b2"; }

.fad.fa-line-columns:after {
  content: "\10f870"; }

.fad.fa-line-height:after {
  content: "\10f871"; }

.fad.fa-link:after {
  content: "\10f0c1"; }

.fad.fa-lips:after {
  content: "\10f600"; }

.fad.fa-lira-sign:after {
  content: "\10f195"; }

.fad.fa-list:after {
  content: "\10f03a"; }

.fad.fa-list-alt:after {
  content: "\10f022"; }

.fad.fa-list-music:after {
  content: "\10f8c9"; }

.fad.fa-list-ol:after {
  content: "\10f0cb"; }

.fad.fa-list-ul:after {
  content: "\10f0ca"; }

.fad.fa-location:after {
  content: "\10f601"; }

.fad.fa-location-arrow:after {
  content: "\10f124"; }

.fad.fa-location-circle:after {
  content: "\10f602"; }

.fad.fa-location-slash:after {
  content: "\10f603"; }

.fad.fa-lock:after {
  content: "\10f023"; }

.fad.fa-lock-alt:after {
  content: "\10f30d"; }

.fad.fa-lock-open:after {
  content: "\10f3c1"; }

.fad.fa-lock-open-alt:after {
  content: "\10f3c2"; }

.fad.fa-long-arrow-alt-down:after {
  content: "\10f309"; }

.fad.fa-long-arrow-alt-left:after {
  content: "\10f30a"; }

.fad.fa-long-arrow-alt-right:after {
  content: "\10f30b"; }

.fad.fa-long-arrow-alt-up:after {
  content: "\10f30c"; }

.fad.fa-long-arrow-down:after {
  content: "\10f175"; }

.fad.fa-long-arrow-left:after {
  content: "\10f177"; }

.fad.fa-long-arrow-right:after {
  content: "\10f178"; }

.fad.fa-long-arrow-up:after {
  content: "\10f176"; }

.fad.fa-loveseat:after {
  content: "\10f4cc"; }

.fad.fa-low-vision:after {
  content: "\10f2a8"; }

.fad.fa-luchador:after {
  content: "\10f455"; }

.fad.fa-luggage-cart:after {
  content: "\10f59d"; }

.fad.fa-lungs:after {
  content: "\10f604"; }

.fad.fa-lungs-virus:after {
  content: "\10f967"; }

.fad.fa-mace:after {
  content: "\10f6f8"; }

.fad.fa-magic:after {
  content: "\10f0d0"; }

.fad.fa-magnet:after {
  content: "\10f076"; }

.fad.fa-mail-bulk:after {
  content: "\10f674"; }

.fad.fa-mailbox:after {
  content: "\10f813"; }

.fad.fa-male:after {
  content: "\10f183"; }

.fad.fa-mandolin:after {
  content: "\10f6f9"; }

.fad.fa-map:after {
  content: "\10f279"; }

.fad.fa-map-marked:after {
  content: "\10f59f"; }

.fad.fa-map-marked-alt:after {
  content: "\10f5a0"; }

.fad.fa-map-marker:after {
  content: "\10f041"; }

.fad.fa-map-marker-alt:after {
  content: "\10f3c5"; }

.fad.fa-map-marker-alt-slash:after {
  content: "\10f605"; }

.fad.fa-map-marker-check:after {
  content: "\10f606"; }

.fad.fa-map-marker-edit:after {
  content: "\10f607"; }

.fad.fa-map-marker-exclamation:after {
  content: "\10f608"; }

.fad.fa-map-marker-minus:after {
  content: "\10f609"; }

.fad.fa-map-marker-plus:after {
  content: "\10f60a"; }

.fad.fa-map-marker-question:after {
  content: "\10f60b"; }

.fad.fa-map-marker-slash:after {
  content: "\10f60c"; }

.fad.fa-map-marker-smile:after {
  content: "\10f60d"; }

.fad.fa-map-marker-times:after {
  content: "\10f60e"; }

.fad.fa-map-pin:after {
  content: "\10f276"; }

.fad.fa-map-signs:after {
  content: "\10f277"; }

.fad.fa-marker:after {
  content: "\10f5a1"; }

.fad.fa-mars:after {
  content: "\10f222"; }

.fad.fa-mars-double:after {
  content: "\10f227"; }

.fad.fa-mars-stroke:after {
  content: "\10f229"; }

.fad.fa-mars-stroke-h:after {
  content: "\10f22b"; }

.fad.fa-mars-stroke-v:after {
  content: "\10f22a"; }

.fad.fa-mask:after {
  content: "\10f6fa"; }

.fad.fa-meat:after {
  content: "\10f814"; }

.fad.fa-medal:after {
  content: "\10f5a2"; }

.fad.fa-medkit:after {
  content: "\10f0fa"; }

.fad.fa-megaphone:after {
  content: "\10f675"; }

.fad.fa-meh:after {
  content: "\10f11a"; }

.fad.fa-meh-blank:after {
  content: "\10f5a4"; }

.fad.fa-meh-rolling-eyes:after {
  content: "\10f5a5"; }

.fad.fa-memory:after {
  content: "\10f538"; }

.fad.fa-menorah:after {
  content: "\10f676"; }

.fad.fa-mercury:after {
  content: "\10f223"; }

.fad.fa-meteor:after {
  content: "\10f753"; }

.fad.fa-microchip:after {
  content: "\10f2db"; }

.fad.fa-microphone:after {
  content: "\10f130"; }

.fad.fa-microphone-alt:after {
  content: "\10f3c9"; }

.fad.fa-microphone-alt-slash:after {
  content: "\10f539"; }

.fad.fa-microphone-slash:after {
  content: "\10f131"; }

.fad.fa-microphone-stand:after {
  content: "\10f8cb"; }

.fad.fa-microscope:after {
  content: "\10f610"; }

.fad.fa-microwave:after {
  content: "\10f91b"; }

.fad.fa-mind-share:after {
  content: "\10f677"; }

.fad.fa-minus:after {
  content: "\10f068"; }

.fad.fa-minus-circle:after {
  content: "\10f056"; }

.fad.fa-minus-hexagon:after {
  content: "\10f307"; }

.fad.fa-minus-octagon:after {
  content: "\10f308"; }

.fad.fa-minus-square:after {
  content: "\10f146"; }

.fad.fa-mistletoe:after {
  content: "\10f7b4"; }

.fad.fa-mitten:after {
  content: "\10f7b5"; }

.fad.fa-mobile:after {
  content: "\10f10b"; }

.fad.fa-mobile-alt:after {
  content: "\10f3cd"; }

.fad.fa-mobile-android:after {
  content: "\10f3ce"; }

.fad.fa-mobile-android-alt:after {
  content: "\10f3cf"; }

.fad.fa-money-bill:after {
  content: "\10f0d6"; }

.fad.fa-money-bill-alt:after {
  content: "\10f3d1"; }

.fad.fa-money-bill-wave:after {
  content: "\10f53a"; }

.fad.fa-money-bill-wave-alt:after {
  content: "\10f53b"; }

.fad.fa-money-check:after {
  content: "\10f53c"; }

.fad.fa-money-check-alt:after {
  content: "\10f53d"; }

.fad.fa-money-check-edit:after {
  content: "\10f872"; }

.fad.fa-money-check-edit-alt:after {
  content: "\10f873"; }

.fad.fa-monitor-heart-rate:after {
  content: "\10f611"; }

.fad.fa-monkey:after {
  content: "\10f6fb"; }

.fad.fa-monument:after {
  content: "\10f5a6"; }

.fad.fa-moon:after {
  content: "\10f186"; }

.fad.fa-moon-cloud:after {
  content: "\10f754"; }

.fad.fa-moon-stars:after {
  content: "\10f755"; }

.fad.fa-mortar-pestle:after {
  content: "\10f5a7"; }

.fad.fa-mosque:after {
  content: "\10f678"; }

.fad.fa-motorcycle:after {
  content: "\10f21c"; }

.fad.fa-mountain:after {
  content: "\10f6fc"; }

.fad.fa-mountains:after {
  content: "\10f6fd"; }

.fad.fa-mouse:after {
  content: "\10f8cc"; }

.fad.fa-mouse-alt:after {
  content: "\10f8cd"; }

.fad.fa-mouse-pointer:after {
  content: "\10f245"; }

.fad.fa-mp3-player:after {
  content: "\10f8ce"; }

.fad.fa-mug:after {
  content: "\10f874"; }

.fad.fa-mug-hot:after {
  content: "\10f7b6"; }

.fad.fa-mug-marshmallows:after {
  content: "\10f7b7"; }

.fad.fa-mug-tea:after {
  content: "\10f875"; }

.fad.fa-music:after {
  content: "\10f001"; }

.fad.fa-music-alt:after {
  content: "\10f8cf"; }

.fad.fa-music-alt-slash:after {
  content: "\10f8d0"; }

.fad.fa-music-slash:after {
  content: "\10f8d1"; }

.fad.fa-narwhal:after {
  content: "\10f6fe"; }

.fad.fa-network-wired:after {
  content: "\10f6ff"; }

.fad.fa-neuter:after {
  content: "\10f22c"; }

.fad.fa-newspaper:after {
  content: "\10f1ea"; }

.fad.fa-not-equal:after {
  content: "\10f53e"; }

.fad.fa-notes-medical:after {
  content: "\10f481"; }

.fad.fa-object-group:after {
  content: "\10f247"; }

.fad.fa-object-ungroup:after {
  content: "\10f248"; }

.fad.fa-octagon:after {
  content: "\10f306"; }

.fad.fa-oil-can:after {
  content: "\10f613"; }

.fad.fa-oil-temp:after {
  content: "\10f614"; }

.fad.fa-om:after {
  content: "\10f679"; }

.fad.fa-omega:after {
  content: "\10f67a"; }

.fad.fa-ornament:after {
  content: "\10f7b8"; }

.fad.fa-otter:after {
  content: "\10f700"; }

.fad.fa-outdent:after {
  content: "\10f03b"; }

.fad.fa-outlet:after {
  content: "\10f91c"; }

.fad.fa-oven:after {
  content: "\10f91d"; }

.fad.fa-overline:after {
  content: "\10f876"; }

.fad.fa-page-break:after {
  content: "\10f877"; }

.fad.fa-pager:after {
  content: "\10f815"; }

.fad.fa-paint-brush:after {
  content: "\10f1fc"; }

.fad.fa-paint-brush-alt:after {
  content: "\10f5a9"; }

.fad.fa-paint-roller:after {
  content: "\10f5aa"; }

.fad.fa-palette:after {
  content: "\10f53f"; }

.fad.fa-pallet:after {
  content: "\10f482"; }

.fad.fa-pallet-alt:after {
  content: "\10f483"; }

.fad.fa-paper-plane:after {
  content: "\10f1d8"; }

.fad.fa-paperclip:after {
  content: "\10f0c6"; }

.fad.fa-parachute-box:after {
  content: "\10f4cd"; }

.fad.fa-paragraph:after {
  content: "\10f1dd"; }

.fad.fa-paragraph-rtl:after {
  content: "\10f878"; }

.fad.fa-parking:after {
  content: "\10f540"; }

.fad.fa-parking-circle:after {
  content: "\10f615"; }

.fad.fa-parking-circle-slash:after {
  content: "\10f616"; }

.fad.fa-parking-slash:after {
  content: "\10f617"; }

.fad.fa-passport:after {
  content: "\10f5ab"; }

.fad.fa-pastafarianism:after {
  content: "\10f67b"; }

.fad.fa-paste:after {
  content: "\10f0ea"; }

.fad.fa-pause:after {
  content: "\10f04c"; }

.fad.fa-pause-circle:after {
  content: "\10f28b"; }

.fad.fa-paw:after {
  content: "\10f1b0"; }

.fad.fa-paw-alt:after {
  content: "\10f701"; }

.fad.fa-paw-claws:after {
  content: "\10f702"; }

.fad.fa-peace:after {
  content: "\10f67c"; }

.fad.fa-pegasus:after {
  content: "\10f703"; }

.fad.fa-pen:after {
  content: "\10f304"; }

.fad.fa-pen-alt:after {
  content: "\10f305"; }

.fad.fa-pen-fancy:after {
  content: "\10f5ac"; }

.fad.fa-pen-nib:after {
  content: "\10f5ad"; }

.fad.fa-pen-square:after {
  content: "\10f14b"; }

.fad.fa-pencil:after {
  content: "\10f040"; }

.fad.fa-pencil-alt:after {
  content: "\10f303"; }

.fad.fa-pencil-paintbrush:after {
  content: "\10f618"; }

.fad.fa-pencil-ruler:after {
  content: "\10f5ae"; }

.fad.fa-pennant:after {
  content: "\10f456"; }

.fad.fa-people-arrows:after {
  content: "\10f968"; }

.fad.fa-people-carry:after {
  content: "\10f4ce"; }

.fad.fa-pepper-hot:after {
  content: "\10f816"; }

.fad.fa-percent:after {
  content: "\10f295"; }

.fad.fa-percentage:after {
  content: "\10f541"; }

.fad.fa-person-booth:after {
  content: "\10f756"; }

.fad.fa-person-carry:after {
  content: "\10f4cf"; }

.fad.fa-person-dolly:after {
  content: "\10f4d0"; }

.fad.fa-person-dolly-empty:after {
  content: "\10f4d1"; }

.fad.fa-person-sign:after {
  content: "\10f757"; }

.fad.fa-phone:after {
  content: "\10f095"; }

.fad.fa-phone-alt:after {
  content: "\10f879"; }

.fad.fa-phone-laptop:after {
  content: "\10f87a"; }

.fad.fa-phone-office:after {
  content: "\10f67d"; }

.fad.fa-phone-plus:after {
  content: "\10f4d2"; }

.fad.fa-phone-rotary:after {
  content: "\10f8d3"; }

.fad.fa-phone-slash:after {
  content: "\10f3dd"; }

.fad.fa-phone-square:after {
  content: "\10f098"; }

.fad.fa-phone-square-alt:after {
  content: "\10f87b"; }

.fad.fa-phone-volume:after {
  content: "\10f2a0"; }

.fad.fa-photo-video:after {
  content: "\10f87c"; }

.fad.fa-pi:after {
  content: "\10f67e"; }

.fad.fa-piano:after {
  content: "\10f8d4"; }

.fad.fa-piano-keyboard:after {
  content: "\10f8d5"; }

.fad.fa-pie:after {
  content: "\10f705"; }

.fad.fa-pig:after {
  content: "\10f706"; }

.fad.fa-piggy-bank:after {
  content: "\10f4d3"; }

.fad.fa-pills:after {
  content: "\10f484"; }

.fad.fa-pizza:after {
  content: "\10f817"; }

.fad.fa-pizza-slice:after {
  content: "\10f818"; }

.fad.fa-place-of-worship:after {
  content: "\10f67f"; }

.fad.fa-plane:after {
  content: "\10f072"; }

.fad.fa-plane-alt:after {
  content: "\10f3de"; }

.fad.fa-plane-arrival:after {
  content: "\10f5af"; }

.fad.fa-plane-departure:after {
  content: "\10f5b0"; }

.fad.fa-plane-slash:after {
  content: "\10f969"; }

.fad.fa-planet-moon:after {
  content: "\10f91f"; }

.fad.fa-planet-ringed:after {
  content: "\10f920"; }

.fad.fa-play:after {
  content: "\10f04b"; }

.fad.fa-play-circle:after {
  content: "\10f144"; }

.fad.fa-plug:after {
  content: "\10f1e6"; }

.fad.fa-plus:after {
  content: "\10f067"; }

.fad.fa-plus-circle:after {
  content: "\10f055"; }

.fad.fa-plus-hexagon:after {
  content: "\10f300"; }

.fad.fa-plus-octagon:after {
  content: "\10f301"; }

.fad.fa-plus-square:after {
  content: "\10f0fe"; }

.fad.fa-podcast:after {
  content: "\10f2ce"; }

.fad.fa-podium:after {
  content: "\10f680"; }

.fad.fa-podium-star:after {
  content: "\10f758"; }

.fad.fa-police-box:after {
  content: "\10f921"; }

.fad.fa-poll:after {
  content: "\10f681"; }

.fad.fa-poll-h:after {
  content: "\10f682"; }

.fad.fa-poll-people:after {
  content: "\10f759"; }

.fad.fa-poo:after {
  content: "\10f2fe"; }

.fad.fa-poo-storm:after {
  content: "\10f75a"; }

.fad.fa-poop:after {
  content: "\10f619"; }

.fad.fa-popcorn:after {
  content: "\10f819"; }

.fad.fa-portal-enter:after {
  content: "\10f922"; }

.fad.fa-portal-exit:after {
  content: "\10f923"; }

.fad.fa-portrait:after {
  content: "\10f3e0"; }

.fad.fa-pound-sign:after {
  content: "\10f154"; }

.fad.fa-power-off:after {
  content: "\10f011"; }

.fad.fa-pray:after {
  content: "\10f683"; }

.fad.fa-praying-hands:after {
  content: "\10f684"; }

.fad.fa-prescription:after {
  content: "\10f5b1"; }

.fad.fa-prescription-bottle:after {
  content: "\10f485"; }

.fad.fa-prescription-bottle-alt:after {
  content: "\10f486"; }

.fad.fa-presentation:after {
  content: "\10f685"; }

.fad.fa-print:after {
  content: "\10f02f"; }

.fad.fa-print-search:after {
  content: "\10f81a"; }

.fad.fa-print-slash:after {
  content: "\10f686"; }

.fad.fa-procedures:after {
  content: "\10f487"; }

.fad.fa-project-diagram:after {
  content: "\10f542"; }

.fad.fa-projector:after {
  content: "\10f8d6"; }

.fad.fa-pump-medical:after {
  content: "\10f96a"; }

.fad.fa-pump-soap:after {
  content: "\10f96b"; }

.fad.fa-pumpkin:after {
  content: "\10f707"; }

.fad.fa-puzzle-piece:after {
  content: "\10f12e"; }

.fad.fa-qrcode:after {
  content: "\10f029"; }

.fad.fa-question:after {
  content: "\10f128"; }

.fad.fa-question-circle:after {
  content: "\10f059"; }

.fad.fa-question-square:after {
  content: "\10f2fd"; }

.fad.fa-quidditch:after {
  content: "\10f458"; }

.fad.fa-quote-left:after {
  content: "\10f10d"; }

.fad.fa-quote-right:after {
  content: "\10f10e"; }

.fad.fa-quran:after {
  content: "\10f687"; }

.fad.fa-rabbit:after {
  content: "\10f708"; }

.fad.fa-rabbit-fast:after {
  content: "\10f709"; }

.fad.fa-racquet:after {
  content: "\10f45a"; }

.fad.fa-radar:after {
  content: "\10f924"; }

.fad.fa-radiation:after {
  content: "\10f7b9"; }

.fad.fa-radiation-alt:after {
  content: "\10f7ba"; }

.fad.fa-radio:after {
  content: "\10f8d7"; }

.fad.fa-radio-alt:after {
  content: "\10f8d8"; }

.fad.fa-rainbow:after {
  content: "\10f75b"; }

.fad.fa-raindrops:after {
  content: "\10f75c"; }

.fad.fa-ram:after {
  content: "\10f70a"; }

.fad.fa-ramp-loading:after {
  content: "\10f4d4"; }

.fad.fa-random:after {
  content: "\10f074"; }

.fad.fa-raygun:after {
  content: "\10f925"; }

.fad.fa-receipt:after {
  content: "\10f543"; }

.fad.fa-record-vinyl:after {
  content: "\10f8d9"; }

.fad.fa-rectangle-landscape:after {
  content: "\10f2fa"; }

.fad.fa-rectangle-portrait:after {
  content: "\10f2fb"; }

.fad.fa-rectangle-wide:after {
  content: "\10f2fc"; }

.fad.fa-recycle:after {
  content: "\10f1b8"; }

.fad.fa-redo:after {
  content: "\10f01e"; }

.fad.fa-redo-alt:after {
  content: "\10f2f9"; }

.fad.fa-refrigerator:after {
  content: "\10f926"; }

.fad.fa-registered:after {
  content: "\10f25d"; }

.fad.fa-remove-format:after {
  content: "\10f87d"; }

.fad.fa-repeat:after {
  content: "\10f363"; }

.fad.fa-repeat-1:after {
  content: "\10f365"; }

.fad.fa-repeat-1-alt:after {
  content: "\10f366"; }

.fad.fa-repeat-alt:after {
  content: "\10f364"; }

.fad.fa-reply:after {
  content: "\10f3e5"; }

.fad.fa-reply-all:after {
  content: "\10f122"; }

.fad.fa-republican:after {
  content: "\10f75e"; }

.fad.fa-restroom:after {
  content: "\10f7bd"; }

.fad.fa-retweet:after {
  content: "\10f079"; }

.fad.fa-retweet-alt:after {
  content: "\10f361"; }

.fad.fa-ribbon:after {
  content: "\10f4d6"; }

.fad.fa-ring:after {
  content: "\10f70b"; }

.fad.fa-rings-wedding:after {
  content: "\10f81b"; }

.fad.fa-road:after {
  content: "\10f018"; }

.fad.fa-robot:after {
  content: "\10f544"; }

.fad.fa-rocket:after {
  content: "\10f135"; }

.fad.fa-rocket-launch:after {
  content: "\10f927"; }

.fad.fa-route:after {
  content: "\10f4d7"; }

.fad.fa-route-highway:after {
  content: "\10f61a"; }

.fad.fa-route-interstate:after {
  content: "\10f61b"; }

.fad.fa-router:after {
  content: "\10f8da"; }

.fad.fa-rss:after {
  content: "\10f09e"; }

.fad.fa-rss-square:after {
  content: "\10f143"; }

.fad.fa-ruble-sign:after {
  content: "\10f158"; }

.fad.fa-ruler:after {
  content: "\10f545"; }

.fad.fa-ruler-combined:after {
  content: "\10f546"; }

.fad.fa-ruler-horizontal:after {
  content: "\10f547"; }

.fad.fa-ruler-triangle:after {
  content: "\10f61c"; }

.fad.fa-ruler-vertical:after {
  content: "\10f548"; }

.fad.fa-running:after {
  content: "\10f70c"; }

.fad.fa-rupee-sign:after {
  content: "\10f156"; }

.fad.fa-rv:after {
  content: "\10f7be"; }

.fad.fa-sack:after {
  content: "\10f81c"; }

.fad.fa-sack-dollar:after {
  content: "\10f81d"; }

.fad.fa-sad-cry:after {
  content: "\10f5b3"; }

.fad.fa-sad-tear:after {
  content: "\10f5b4"; }

.fad.fa-salad:after {
  content: "\10f81e"; }

.fad.fa-sandwich:after {
  content: "\10f81f"; }

.fad.fa-satellite:after {
  content: "\10f7bf"; }

.fad.fa-satellite-dish:after {
  content: "\10f7c0"; }

.fad.fa-sausage:after {
  content: "\10f820"; }

.fad.fa-save:after {
  content: "\10f0c7"; }

.fad.fa-sax-hot:after {
  content: "\10f8db"; }

.fad.fa-saxophone:after {
  content: "\10f8dc"; }

.fad.fa-scalpel:after {
  content: "\10f61d"; }

.fad.fa-scalpel-path:after {
  content: "\10f61e"; }

.fad.fa-scanner:after {
  content: "\10f488"; }

.fad.fa-scanner-image:after {
  content: "\10f8f3"; }

.fad.fa-scanner-keyboard:after {
  content: "\10f489"; }

.fad.fa-scanner-touchscreen:after {
  content: "\10f48a"; }

.fad.fa-scarecrow:after {
  content: "\10f70d"; }

.fad.fa-scarf:after {
  content: "\10f7c1"; }

.fad.fa-school:after {
  content: "\10f549"; }

.fad.fa-screwdriver:after {
  content: "\10f54a"; }

.fad.fa-scroll:after {
  content: "\10f70e"; }

.fad.fa-scroll-old:after {
  content: "\10f70f"; }

.fad.fa-scrubber:after {
  content: "\10f2f8"; }

.fad.fa-scythe:after {
  content: "\10f710"; }

.fad.fa-sd-card:after {
  content: "\10f7c2"; }

.fad.fa-search:after {
  content: "\10f002"; }

.fad.fa-search-dollar:after {
  content: "\10f688"; }

.fad.fa-search-location:after {
  content: "\10f689"; }

.fad.fa-search-minus:after {
  content: "\10f010"; }

.fad.fa-search-plus:after {
  content: "\10f00e"; }

.fad.fa-seedling:after {
  content: "\10f4d8"; }

.fad.fa-send-back:after {
  content: "\10f87e"; }

.fad.fa-send-backward:after {
  content: "\10f87f"; }

.fad.fa-sensor:after {
  content: "\10f928"; }

.fad.fa-sensor-alert:after {
  content: "\10f929"; }

.fad.fa-sensor-fire:after {
  content: "\10f92a"; }

.fad.fa-sensor-on:after {
  content: "\10f92b"; }

.fad.fa-sensor-smoke:after {
  content: "\10f92c"; }

.fad.fa-server:after {
  content: "\10f233"; }

.fad.fa-shapes:after {
  content: "\10f61f"; }

.fad.fa-share:after {
  content: "\10f064"; }

.fad.fa-share-all:after {
  content: "\10f367"; }

.fad.fa-share-alt:after {
  content: "\10f1e0"; }

.fad.fa-share-alt-square:after {
  content: "\10f1e1"; }

.fad.fa-share-square:after {
  content: "\10f14d"; }

.fad.fa-sheep:after {
  content: "\10f711"; }

.fad.fa-shekel-sign:after {
  content: "\10f20b"; }

.fad.fa-shield:after {
  content: "\10f132"; }

.fad.fa-shield-alt:after {
  content: "\10f3ed"; }

.fad.fa-shield-check:after {
  content: "\10f2f7"; }

.fad.fa-shield-cross:after {
  content: "\10f712"; }

.fad.fa-shield-virus:after {
  content: "\10f96c"; }

.fad.fa-ship:after {
  content: "\10f21a"; }

.fad.fa-shipping-fast:after {
  content: "\10f48b"; }

.fad.fa-shipping-timed:after {
  content: "\10f48c"; }

.fad.fa-shish-kebab:after {
  content: "\10f821"; }

.fad.fa-shoe-prints:after {
  content: "\10f54b"; }

.fad.fa-shopping-bag:after {
  content: "\10f290"; }

.fad.fa-shopping-basket:after {
  content: "\10f291"; }

.fad.fa-shopping-cart:after {
  content: "\10f07a"; }

.fad.fa-shovel:after {
  content: "\10f713"; }

.fad.fa-shovel-snow:after {
  content: "\10f7c3"; }

.fad.fa-shower:after {
  content: "\10f2cc"; }

.fad.fa-shredder:after {
  content: "\10f68a"; }

.fad.fa-shuttle-van:after {
  content: "\10f5b6"; }

.fad.fa-shuttlecock:after {
  content: "\10f45b"; }

.fad.fa-sickle:after {
  content: "\10f822"; }

.fad.fa-sigma:after {
  content: "\10f68b"; }

.fad.fa-sign:after {
  content: "\10f4d9"; }

.fad.fa-sign-in:after {
  content: "\10f090"; }

.fad.fa-sign-in-alt:after {
  content: "\10f2f6"; }

.fad.fa-sign-language:after {
  content: "\10f2a7"; }

.fad.fa-sign-out:after {
  content: "\10f08b"; }

.fad.fa-sign-out-alt:after {
  content: "\10f2f5"; }

.fad.fa-signal:after {
  content: "\10f012"; }

.fad.fa-signal-1:after {
  content: "\10f68c"; }

.fad.fa-signal-2:after {
  content: "\10f68d"; }

.fad.fa-signal-3:after {
  content: "\10f68e"; }

.fad.fa-signal-4:after {
  content: "\10f68f"; }

.fad.fa-signal-alt:after {
  content: "\10f690"; }

.fad.fa-signal-alt-1:after {
  content: "\10f691"; }

.fad.fa-signal-alt-2:after {
  content: "\10f692"; }

.fad.fa-signal-alt-3:after {
  content: "\10f693"; }

.fad.fa-signal-alt-slash:after {
  content: "\10f694"; }

.fad.fa-signal-slash:after {
  content: "\10f695"; }

.fad.fa-signal-stream:after {
  content: "\10f8dd"; }

.fad.fa-signature:after {
  content: "\10f5b7"; }

.fad.fa-sim-card:after {
  content: "\10f7c4"; }

.fad.fa-sink:after {
  content: "\10f96d"; }

.fad.fa-siren:after {
  content: "\10f92d"; }

.fad.fa-siren-on:after {
  content: "\10f92e"; }

.fad.fa-sitemap:after {
  content: "\10f0e8"; }

.fad.fa-skating:after {
  content: "\10f7c5"; }

.fad.fa-skeleton:after {
  content: "\10f620"; }

.fad.fa-ski-jump:after {
  content: "\10f7c7"; }

.fad.fa-ski-lift:after {
  content: "\10f7c8"; }

.fad.fa-skiing:after {
  content: "\10f7c9"; }

.fad.fa-skiing-nordic:after {
  content: "\10f7ca"; }

.fad.fa-skull:after {
  content: "\10f54c"; }

.fad.fa-skull-cow:after {
  content: "\10f8de"; }

.fad.fa-skull-crossbones:after {
  content: "\10f714"; }

.fad.fa-slash:after {
  content: "\10f715"; }

.fad.fa-sledding:after {
  content: "\10f7cb"; }

.fad.fa-sleigh:after {
  content: "\10f7cc"; }

.fad.fa-sliders-h:after {
  content: "\10f1de"; }

.fad.fa-sliders-h-square:after {
  content: "\10f3f0"; }

.fad.fa-sliders-v:after {
  content: "\10f3f1"; }

.fad.fa-sliders-v-square:after {
  content: "\10f3f2"; }

.fad.fa-smile:after {
  content: "\10f118"; }

.fad.fa-smile-beam:after {
  content: "\10f5b8"; }

.fad.fa-smile-plus:after {
  content: "\10f5b9"; }

.fad.fa-smile-wink:after {
  content: "\10f4da"; }

.fad.fa-smog:after {
  content: "\10f75f"; }

.fad.fa-smoke:after {
  content: "\10f760"; }

.fad.fa-smoking:after {
  content: "\10f48d"; }

.fad.fa-smoking-ban:after {
  content: "\10f54d"; }

.fad.fa-sms:after {
  content: "\10f7cd"; }

.fad.fa-snake:after {
  content: "\10f716"; }

.fad.fa-snooze:after {
  content: "\10f880"; }

.fad.fa-snow-blowing:after {
  content: "\10f761"; }

.fad.fa-snowboarding:after {
  content: "\10f7ce"; }

.fad.fa-snowflake:after {
  content: "\10f2dc"; }

.fad.fa-snowflakes:after {
  content: "\10f7cf"; }

.fad.fa-snowman:after {
  content: "\10f7d0"; }

.fad.fa-snowmobile:after {
  content: "\10f7d1"; }

.fad.fa-snowplow:after {
  content: "\10f7d2"; }

.fad.fa-soap:after {
  content: "\10f96e"; }

.fad.fa-socks:after {
  content: "\10f696"; }

.fad.fa-solar-panel:after {
  content: "\10f5ba"; }

.fad.fa-solar-system:after {
  content: "\10f92f"; }

.fad.fa-sort:after {
  content: "\10f0dc"; }

.fad.fa-sort-alpha-down:after {
  content: "\10f15d"; }

.fad.fa-sort-alpha-down-alt:after {
  content: "\10f881"; }

.fad.fa-sort-alpha-up:after {
  content: "\10f15e"; }

.fad.fa-sort-alpha-up-alt:after {
  content: "\10f882"; }

.fad.fa-sort-alt:after {
  content: "\10f883"; }

.fad.fa-sort-amount-down:after {
  content: "\10f160"; }

.fad.fa-sort-amount-down-alt:after {
  content: "\10f884"; }

.fad.fa-sort-amount-up:after {
  content: "\10f161"; }

.fad.fa-sort-amount-up-alt:after {
  content: "\10f885"; }

.fad.fa-sort-circle:after {
  content: "\10f930"; }

.fad.fa-sort-circle-down:after {
  content: "\10f931"; }

.fad.fa-sort-circle-up:after {
  content: "\10f932"; }

.fad.fa-sort-down:after {
  content: "\10f0dd"; }

.fad.fa-sort-numeric-down:after {
  content: "\10f162"; }

.fad.fa-sort-numeric-down-alt:after {
  content: "\10f886"; }

.fad.fa-sort-numeric-up:after {
  content: "\10f163"; }

.fad.fa-sort-numeric-up-alt:after {
  content: "\10f887"; }

.fad.fa-sort-shapes-down:after {
  content: "\10f888"; }

.fad.fa-sort-shapes-down-alt:after {
  content: "\10f889"; }

.fad.fa-sort-shapes-up:after {
  content: "\10f88a"; }

.fad.fa-sort-shapes-up-alt:after {
  content: "\10f88b"; }

.fad.fa-sort-size-down:after {
  content: "\10f88c"; }

.fad.fa-sort-size-down-alt:after {
  content: "\10f88d"; }

.fad.fa-sort-size-up:after {
  content: "\10f88e"; }

.fad.fa-sort-size-up-alt:after {
  content: "\10f88f"; }

.fad.fa-sort-up:after {
  content: "\10f0de"; }

.fad.fa-soup:after {
  content: "\10f823"; }

.fad.fa-spa:after {
  content: "\10f5bb"; }

.fad.fa-space-shuttle:after {
  content: "\10f197"; }

.fad.fa-space-station-moon:after {
  content: "\10f933"; }

.fad.fa-space-station-moon-alt:after {
  content: "\10f934"; }

.fad.fa-spade:after {
  content: "\10f2f4"; }

.fad.fa-sparkles:after {
  content: "\10f890"; }

.fad.fa-speaker:after {
  content: "\10f8df"; }

.fad.fa-speakers:after {
  content: "\10f8e0"; }

.fad.fa-spell-check:after {
  content: "\10f891"; }

.fad.fa-spider:after {
  content: "\10f717"; }

.fad.fa-spider-black-widow:after {
  content: "\10f718"; }

.fad.fa-spider-web:after {
  content: "\10f719"; }

.fad.fa-spinner:after {
  content: "\10f110"; }

.fad.fa-spinner-third:after {
  content: "\10f3f4"; }

.fad.fa-splotch:after {
  content: "\10f5bc"; }

.fad.fa-spray-can:after {
  content: "\10f5bd"; }

.fad.fa-sprinkler:after {
  content: "\10f935"; }

.fad.fa-square:after {
  content: "\10f0c8"; }

.fad.fa-square-full:after {
  content: "\10f45c"; }

.fad.fa-square-root:after {
  content: "\10f697"; }

.fad.fa-square-root-alt:after {
  content: "\10f698"; }

.fad.fa-squirrel:after {
  content: "\10f71a"; }

.fad.fa-staff:after {
  content: "\10f71b"; }

.fad.fa-stamp:after {
  content: "\10f5bf"; }

.fad.fa-star:after {
  content: "\10f005"; }

.fad.fa-star-and-crescent:after {
  content: "\10f699"; }

.fad.fa-star-christmas:after {
  content: "\10f7d4"; }

.fad.fa-star-exclamation:after {
  content: "\10f2f3"; }

.fad.fa-star-half:after {
  content: "\10f089"; }

.fad.fa-star-half-alt:after {
  content: "\10f5c0"; }

.fad.fa-star-of-david:after {
  content: "\10f69a"; }

.fad.fa-star-of-life:after {
  content: "\10f621"; }

.fad.fa-star-shooting:after {
  content: "\10f936"; }

.fad.fa-starfighter:after {
  content: "\10f937"; }

.fad.fa-starfighter-alt:after {
  content: "\10f938"; }

.fad.fa-stars:after {
  content: "\10f762"; }

.fad.fa-starship:after {
  content: "\10f939"; }

.fad.fa-starship-freighter:after {
  content: "\10f93a"; }

.fad.fa-steak:after {
  content: "\10f824"; }

.fad.fa-steering-wheel:after {
  content: "\10f622"; }

.fad.fa-step-backward:after {
  content: "\10f048"; }

.fad.fa-step-forward:after {
  content: "\10f051"; }

.fad.fa-stethoscope:after {
  content: "\10f0f1"; }

.fad.fa-sticky-note:after {
  content: "\10f249"; }

.fad.fa-stocking:after {
  content: "\10f7d5"; }

.fad.fa-stomach:after {
  content: "\10f623"; }

.fad.fa-stop:after {
  content: "\10f04d"; }

.fad.fa-stop-circle:after {
  content: "\10f28d"; }

.fad.fa-stopwatch:after {
  content: "\10f2f2"; }

.fad.fa-stopwatch-20:after {
  content: "\10f96f"; }

.fad.fa-store:after {
  content: "\10f54e"; }

.fad.fa-store-alt:after {
  content: "\10f54f"; }

.fad.fa-store-alt-slash:after {
  content: "\10f970"; }

.fad.fa-store-slash:after {
  content: "\10f971"; }

.fad.fa-stream:after {
  content: "\10f550"; }

.fad.fa-street-view:after {
  content: "\10f21d"; }

.fad.fa-stretcher:after {
  content: "\10f825"; }

.fad.fa-strikethrough:after {
  content: "\10f0cc"; }

.fad.fa-stroopwafel:after {
  content: "\10f551"; }

.fad.fa-subscript:after {
  content: "\10f12c"; }

.fad.fa-subway:after {
  content: "\10f239"; }

.fad.fa-suitcase:after {
  content: "\10f0f2"; }

.fad.fa-suitcase-rolling:after {
  content: "\10f5c1"; }

.fad.fa-sun:after {
  content: "\10f185"; }

.fad.fa-sun-cloud:after {
  content: "\10f763"; }

.fad.fa-sun-dust:after {
  content: "\10f764"; }

.fad.fa-sun-haze:after {
  content: "\10f765"; }

.fad.fa-sunglasses:after {
  content: "\10f892"; }

.fad.fa-sunrise:after {
  content: "\10f766"; }

.fad.fa-sunset:after {
  content: "\10f767"; }

.fad.fa-superscript:after {
  content: "\10f12b"; }

.fad.fa-surprise:after {
  content: "\10f5c2"; }

.fad.fa-swatchbook:after {
  content: "\10f5c3"; }

.fad.fa-swimmer:after {
  content: "\10f5c4"; }

.fad.fa-swimming-pool:after {
  content: "\10f5c5"; }

.fad.fa-sword:after {
  content: "\10f71c"; }

.fad.fa-sword-laser:after {
  content: "\10f93b"; }

.fad.fa-sword-laser-alt:after {
  content: "\10f93c"; }

.fad.fa-swords:after {
  content: "\10f71d"; }

.fad.fa-swords-laser:after {
  content: "\10f93d"; }

.fad.fa-synagogue:after {
  content: "\10f69b"; }

.fad.fa-sync:after {
  content: "\10f021"; }

.fad.fa-sync-alt:after {
  content: "\10f2f1"; }

.fad.fa-syringe:after {
  content: "\10f48e"; }

.fad.fa-table:after {
  content: "\10f0ce"; }

.fad.fa-table-tennis:after {
  content: "\10f45d"; }

.fad.fa-tablet:after {
  content: "\10f10a"; }

.fad.fa-tablet-alt:after {
  content: "\10f3fa"; }

.fad.fa-tablet-android:after {
  content: "\10f3fb"; }

.fad.fa-tablet-android-alt:after {
  content: "\10f3fc"; }

.fad.fa-tablet-rugged:after {
  content: "\10f48f"; }

.fad.fa-tablets:after {
  content: "\10f490"; }

.fad.fa-tachometer:after {
  content: "\10f0e4"; }

.fad.fa-tachometer-alt:after {
  content: "\10f3fd"; }

.fad.fa-tachometer-alt-average:after {
  content: "\10f624"; }

.fad.fa-tachometer-alt-fast:after {
  content: "\10f625"; }

.fad.fa-tachometer-alt-fastest:after {
  content: "\10f626"; }

.fad.fa-tachometer-alt-slow:after {
  content: "\10f627"; }

.fad.fa-tachometer-alt-slowest:after {
  content: "\10f628"; }

.fad.fa-tachometer-average:after {
  content: "\10f629"; }

.fad.fa-tachometer-fast:after {
  content: "\10f62a"; }

.fad.fa-tachometer-fastest:after {
  content: "\10f62b"; }

.fad.fa-tachometer-slow:after {
  content: "\10f62c"; }

.fad.fa-tachometer-slowest:after {
  content: "\10f62d"; }

.fad.fa-taco:after {
  content: "\10f826"; }

.fad.fa-tag:after {
  content: "\10f02b"; }

.fad.fa-tags:after {
  content: "\10f02c"; }

.fad.fa-tally:after {
  content: "\10f69c"; }

.fad.fa-tanakh:after {
  content: "\10f827"; }

.fad.fa-tape:after {
  content: "\10f4db"; }

.fad.fa-tasks:after {
  content: "\10f0ae"; }

.fad.fa-tasks-alt:after {
  content: "\10f828"; }

.fad.fa-taxi:after {
  content: "\10f1ba"; }

.fad.fa-teeth:after {
  content: "\10f62e"; }

.fad.fa-teeth-open:after {
  content: "\10f62f"; }

.fad.fa-telescope:after {
  content: "\10f93e"; }

.fad.fa-temperature-down:after {
  content: "\10f93f"; }

.fad.fa-temperature-frigid:after {
  content: "\10f768"; }

.fad.fa-temperature-high:after {
  content: "\10f769"; }

.fad.fa-temperature-hot:after {
  content: "\10f76a"; }

.fad.fa-temperature-low:after {
  content: "\10f76b"; }

.fad.fa-temperature-up:after {
  content: "\10f940"; }

.fad.fa-tenge:after {
  content: "\10f7d7"; }

.fad.fa-tennis-ball:after {
  content: "\10f45e"; }

.fad.fa-terminal:after {
  content: "\10f120"; }

.fad.fa-text:after {
  content: "\10f893"; }

.fad.fa-text-height:after {
  content: "\10f034"; }

.fad.fa-text-size:after {
  content: "\10f894"; }

.fad.fa-text-width:after {
  content: "\10f035"; }

.fad.fa-th:after {
  content: "\10f00a"; }

.fad.fa-th-large:after {
  content: "\10f009"; }

.fad.fa-th-list:after {
  content: "\10f00b"; }

.fad.fa-theater-masks:after {
  content: "\10f630"; }

.fad.fa-thermometer:after {
  content: "\10f491"; }

.fad.fa-thermometer-empty:after {
  content: "\10f2cb"; }

.fad.fa-thermometer-full:after {
  content: "\10f2c7"; }

.fad.fa-thermometer-half:after {
  content: "\10f2c9"; }

.fad.fa-thermometer-quarter:after {
  content: "\10f2ca"; }

.fad.fa-thermometer-three-quarters:after {
  content: "\10f2c8"; }

.fad.fa-theta:after {
  content: "\10f69e"; }

.fad.fa-thumbs-down:after {
  content: "\10f165"; }

.fad.fa-thumbs-up:after {
  content: "\10f164"; }

.fad.fa-thumbtack:after {
  content: "\10f08d"; }

.fad.fa-thunderstorm:after {
  content: "\10f76c"; }

.fad.fa-thunderstorm-moon:after {
  content: "\10f76d"; }

.fad.fa-thunderstorm-sun:after {
  content: "\10f76e"; }

.fad.fa-ticket:after {
  content: "\10f145"; }

.fad.fa-ticket-alt:after {
  content: "\10f3ff"; }

.fad.fa-tilde:after {
  content: "\10f69f"; }

.fad.fa-times:after {
  content: "\10f00d"; }

.fad.fa-times-circle:after {
  content: "\10f057"; }

.fad.fa-times-hexagon:after {
  content: "\10f2ee"; }

.fad.fa-times-octagon:after {
  content: "\10f2f0"; }

.fad.fa-times-square:after {
  content: "\10f2d3"; }

.fad.fa-tint:after {
  content: "\10f043"; }

.fad.fa-tint-slash:after {
  content: "\10f5c7"; }

.fad.fa-tire:after {
  content: "\10f631"; }

.fad.fa-tire-flat:after {
  content: "\10f632"; }

.fad.fa-tire-pressure-warning:after {
  content: "\10f633"; }

.fad.fa-tire-rugged:after {
  content: "\10f634"; }

.fad.fa-tired:after {
  content: "\10f5c8"; }

.fad.fa-toggle-off:after {
  content: "\10f204"; }

.fad.fa-toggle-on:after {
  content: "\10f205"; }

.fad.fa-toilet:after {
  content: "\10f7d8"; }

.fad.fa-toilet-paper:after {
  content: "\10f71e"; }

.fad.fa-toilet-paper-alt:after {
  content: "\10f71f"; }

.fad.fa-toilet-paper-slash:after {
  content: "\10f972"; }

.fad.fa-tombstone:after {
  content: "\10f720"; }

.fad.fa-tombstone-alt:after {
  content: "\10f721"; }

.fad.fa-toolbox:after {
  content: "\10f552"; }

.fad.fa-tools:after {
  content: "\10f7d9"; }

.fad.fa-tooth:after {
  content: "\10f5c9"; }

.fad.fa-toothbrush:after {
  content: "\10f635"; }

.fad.fa-torah:after {
  content: "\10f6a0"; }

.fad.fa-torii-gate:after {
  content: "\10f6a1"; }

.fad.fa-tornado:after {
  content: "\10f76f"; }

.fad.fa-tractor:after {
  content: "\10f722"; }

.fad.fa-trademark:after {
  content: "\10f25c"; }

.fad.fa-traffic-cone:after {
  content: "\10f636"; }

.fad.fa-traffic-light:after {
  content: "\10f637"; }

.fad.fa-traffic-light-go:after {
  content: "\10f638"; }

.fad.fa-traffic-light-slow:after {
  content: "\10f639"; }

.fad.fa-traffic-light-stop:after {
  content: "\10f63a"; }

.fad.fa-trailer:after {
  content: "\10f941"; }

.fad.fa-train:after {
  content: "\10f238"; }

.fad.fa-tram:after {
  content: "\10f7da"; }

.fad.fa-transgender:after {
  content: "\10f224"; }

.fad.fa-transgender-alt:after {
  content: "\10f225"; }

.fad.fa-transporter:after {
  content: "\10f942"; }

.fad.fa-transporter-1:after {
  content: "\10f943"; }

.fad.fa-transporter-2:after {
  content: "\10f944"; }

.fad.fa-transporter-3:after {
  content: "\10f945"; }

.fad.fa-transporter-empty:after {
  content: "\10f946"; }

.fad.fa-trash:after {
  content: "\10f1f8"; }

.fad.fa-trash-alt:after {
  content: "\10f2ed"; }

.fad.fa-trash-restore:after {
  content: "\10f829"; }

.fad.fa-trash-restore-alt:after {
  content: "\10f82a"; }

.fad.fa-trash-undo:after {
  content: "\10f895"; }

.fad.fa-trash-undo-alt:after {
  content: "\10f896"; }

.fad.fa-treasure-chest:after {
  content: "\10f723"; }

.fad.fa-tree:after {
  content: "\10f1bb"; }

.fad.fa-tree-alt:after {
  content: "\10f400"; }

.fad.fa-tree-christmas:after {
  content: "\10f7db"; }

.fad.fa-tree-decorated:after {
  content: "\10f7dc"; }

.fad.fa-tree-large:after {
  content: "\10f7dd"; }

.fad.fa-tree-palm:after {
  content: "\10f82b"; }

.fad.fa-trees:after {
  content: "\10f724"; }

.fad.fa-triangle:after {
  content: "\10f2ec"; }

.fad.fa-triangle-music:after {
  content: "\10f8e2"; }

.fad.fa-trophy:after {
  content: "\10f091"; }

.fad.fa-trophy-alt:after {
  content: "\10f2eb"; }

.fad.fa-truck:after {
  content: "\10f0d1"; }

.fad.fa-truck-container:after {
  content: "\10f4dc"; }

.fad.fa-truck-couch:after {
  content: "\10f4dd"; }

.fad.fa-truck-loading:after {
  content: "\10f4de"; }

.fad.fa-truck-monster:after {
  content: "\10f63b"; }

.fad.fa-truck-moving:after {
  content: "\10f4df"; }

.fad.fa-truck-pickup:after {
  content: "\10f63c"; }

.fad.fa-truck-plow:after {
  content: "\10f7de"; }

.fad.fa-truck-ramp:after {
  content: "\10f4e0"; }

.fad.fa-trumpet:after {
  content: "\10f8e3"; }

.fad.fa-tshirt:after {
  content: "\10f553"; }

.fad.fa-tty:after {
  content: "\10f1e4"; }

.fad.fa-turkey:after {
  content: "\10f725"; }

.fad.fa-turntable:after {
  content: "\10f8e4"; }

.fad.fa-turtle:after {
  content: "\10f726"; }

.fad.fa-tv:after {
  content: "\10f26c"; }

.fad.fa-tv-alt:after {
  content: "\10f8e5"; }

.fad.fa-tv-music:after {
  content: "\10f8e6"; }

.fad.fa-tv-retro:after {
  content: "\10f401"; }

.fad.fa-typewriter:after {
  content: "\10f8e7"; }

.fad.fa-ufo:after {
  content: "\10f947"; }

.fad.fa-ufo-beam:after {
  content: "\10f948"; }

.fad.fa-umbrella:after {
  content: "\10f0e9"; }

.fad.fa-umbrella-beach:after {
  content: "\10f5ca"; }

.fad.fa-underline:after {
  content: "\10f0cd"; }

.fad.fa-undo:after {
  content: "\10f0e2"; }

.fad.fa-undo-alt:after {
  content: "\10f2ea"; }

.fad.fa-unicorn:after {
  content: "\10f727"; }

.fad.fa-union:after {
  content: "\10f6a2"; }

.fad.fa-universal-access:after {
  content: "\10f29a"; }

.fad.fa-university:after {
  content: "\10f19c"; }

.fad.fa-unlink:after {
  content: "\10f127"; }

.fad.fa-unlock:after {
  content: "\10f09c"; }

.fad.fa-unlock-alt:after {
  content: "\10f13e"; }

.fad.fa-upload:after {
  content: "\10f093"; }

.fad.fa-usb-drive:after {
  content: "\10f8e9"; }

.fad.fa-usd-circle:after {
  content: "\10f2e8"; }

.fad.fa-usd-square:after {
  content: "\10f2e9"; }

.fad.fa-user:after {
  content: "\10f007"; }

.fad.fa-user-alien:after {
  content: "\10f94a"; }

.fad.fa-user-alt:after {
  content: "\10f406"; }

.fad.fa-user-alt-slash:after {
  content: "\10f4fa"; }

.fad.fa-user-astronaut:after {
  content: "\10f4fb"; }

.fad.fa-user-chart:after {
  content: "\10f6a3"; }

.fad.fa-user-check:after {
  content: "\10f4fc"; }

.fad.fa-user-circle:after {
  content: "\10f2bd"; }

.fad.fa-user-clock:after {
  content: "\10f4fd"; }

.fad.fa-user-cog:after {
  content: "\10f4fe"; }

.fad.fa-user-cowboy:after {
  content: "\10f8ea"; }

.fad.fa-user-crown:after {
  content: "\10f6a4"; }

.fad.fa-user-edit:after {
  content: "\10f4ff"; }

.fad.fa-user-friends:after {
  content: "\10f500"; }

.fad.fa-user-graduate:after {
  content: "\10f501"; }

.fad.fa-user-hard-hat:after {
  content: "\10f82c"; }

.fad.fa-user-headset:after {
  content: "\10f82d"; }

.fad.fa-user-injured:after {
  content: "\10f728"; }

.fad.fa-user-lock:after {
  content: "\10f502"; }

.fad.fa-user-md:after {
  content: "\10f0f0"; }

.fad.fa-user-md-chat:after {
  content: "\10f82e"; }

.fad.fa-user-minus:after {
  content: "\10f503"; }

.fad.fa-user-music:after {
  content: "\10f8eb"; }

.fad.fa-user-ninja:after {
  content: "\10f504"; }

.fad.fa-user-nurse:after {
  content: "\10f82f"; }

.fad.fa-user-plus:after {
  content: "\10f234"; }

.fad.fa-user-robot:after {
  content: "\10f94b"; }

.fad.fa-user-secret:after {
  content: "\10f21b"; }

.fad.fa-user-shield:after {
  content: "\10f505"; }

.fad.fa-user-slash:after {
  content: "\10f506"; }

.fad.fa-user-tag:after {
  content: "\10f507"; }

.fad.fa-user-tie:after {
  content: "\10f508"; }

.fad.fa-user-times:after {
  content: "\10f235"; }

.fad.fa-user-unlock:after {
  content: "\10f958"; }

.fad.fa-user-visor:after {
  content: "\10f94c"; }

.fad.fa-users:after {
  content: "\10f0c0"; }

.fad.fa-users-class:after {
  content: "\10f63d"; }

.fad.fa-users-cog:after {
  content: "\10f509"; }

.fad.fa-users-crown:after {
  content: "\10f6a5"; }

.fad.fa-users-medical:after {
  content: "\10f830"; }

.fad.fa-users-slash:after {
  content: "\10f973"; }

.fad.fa-utensil-fork:after {
  content: "\10f2e3"; }

.fad.fa-utensil-knife:after {
  content: "\10f2e4"; }

.fad.fa-utensil-spoon:after {
  content: "\10f2e5"; }

.fad.fa-utensils:after {
  content: "\10f2e7"; }

.fad.fa-utensils-alt:after {
  content: "\10f2e6"; }

.fad.fa-vacuum:after {
  content: "\10f94d"; }

.fad.fa-vacuum-robot:after {
  content: "\10f94e"; }

.fad.fa-value-absolute:after {
  content: "\10f6a6"; }

.fad.fa-vector-square:after {
  content: "\10f5cb"; }

.fad.fa-venus:after {
  content: "\10f221"; }

.fad.fa-venus-double:after {
  content: "\10f226"; }

.fad.fa-venus-mars:after {
  content: "\10f228"; }

.fad.fa-vhs:after {
  content: "\10f8ec"; }

.fad.fa-vial:after {
  content: "\10f492"; }

.fad.fa-vials:after {
  content: "\10f493"; }

.fad.fa-video:after {
  content: "\10f03d"; }

.fad.fa-video-plus:after {
  content: "\10f4e1"; }

.fad.fa-video-slash:after {
  content: "\10f4e2"; }

.fad.fa-vihara:after {
  content: "\10f6a7"; }

.fad.fa-violin:after {
  content: "\10f8ed"; }

.fad.fa-virus:after {
  content: "\10f974"; }

.fad.fa-virus-slash:after {
  content: "\10f975"; }

.fad.fa-viruses:after {
  content: "\10f976"; }

.fad.fa-voicemail:after {
  content: "\10f897"; }

.fad.fa-volcano:after {
  content: "\10f770"; }

.fad.fa-volleyball-ball:after {
  content: "\10f45f"; }

.fad.fa-volume:after {
  content: "\10f6a8"; }

.fad.fa-volume-down:after {
  content: "\10f027"; }

.fad.fa-volume-mute:after {
  content: "\10f6a9"; }

.fad.fa-volume-off:after {
  content: "\10f026"; }

.fad.fa-volume-slash:after {
  content: "\10f2e2"; }

.fad.fa-volume-up:after {
  content: "\10f028"; }

.fad.fa-vote-nay:after {
  content: "\10f771"; }

.fad.fa-vote-yea:after {
  content: "\10f772"; }

.fad.fa-vr-cardboard:after {
  content: "\10f729"; }

.fad.fa-wagon-covered:after {
  content: "\10f8ee"; }

.fad.fa-walker:after {
  content: "\10f831"; }

.fad.fa-walkie-talkie:after {
  content: "\10f8ef"; }

.fad.fa-walking:after {
  content: "\10f554"; }

.fad.fa-wallet:after {
  content: "\10f555"; }

.fad.fa-wand:after {
  content: "\10f72a"; }

.fad.fa-wand-magic:after {
  content: "\10f72b"; }

.fad.fa-warehouse:after {
  content: "\10f494"; }

.fad.fa-warehouse-alt:after {
  content: "\10f495"; }

.fad.fa-washer:after {
  content: "\10f898"; }

.fad.fa-watch:after {
  content: "\10f2e1"; }

.fad.fa-watch-calculator:after {
  content: "\10f8f0"; }

.fad.fa-watch-fitness:after {
  content: "\10f63e"; }

.fad.fa-water:after {
  content: "\10f773"; }

.fad.fa-water-lower:after {
  content: "\10f774"; }

.fad.fa-water-rise:after {
  content: "\10f775"; }

.fad.fa-wave-sine:after {
  content: "\10f899"; }

.fad.fa-wave-square:after {
  content: "\10f83e"; }

.fad.fa-wave-triangle:after {
  content: "\10f89a"; }

.fad.fa-waveform:after {
  content: "\10f8f1"; }

.fad.fa-waveform-path:after {
  content: "\10f8f2"; }

.fad.fa-webcam:after {
  content: "\10f832"; }

.fad.fa-webcam-slash:after {
  content: "\10f833"; }

.fad.fa-weight:after {
  content: "\10f496"; }

.fad.fa-weight-hanging:after {
  content: "\10f5cd"; }

.fad.fa-whale:after {
  content: "\10f72c"; }

.fad.fa-wheat:after {
  content: "\10f72d"; }

.fad.fa-wheelchair:after {
  content: "\10f193"; }

.fad.fa-whistle:after {
  content: "\10f460"; }

.fad.fa-wifi:after {
  content: "\10f1eb"; }

.fad.fa-wifi-1:after {
  content: "\10f6aa"; }

.fad.fa-wifi-2:after {
  content: "\10f6ab"; }

.fad.fa-wifi-slash:after {
  content: "\10f6ac"; }

.fad.fa-wind:after {
  content: "\10f72e"; }

.fad.fa-wind-turbine:after {
  content: "\10f89b"; }

.fad.fa-wind-warning:after {
  content: "\10f776"; }

.fad.fa-window:after {
  content: "\10f40e"; }

.fad.fa-window-alt:after {
  content: "\10f40f"; }

.fad.fa-window-close:after {
  content: "\10f410"; }

.fad.fa-window-frame:after {
  content: "\10f94f"; }

.fad.fa-window-frame-open:after {
  content: "\10f950"; }

.fad.fa-window-maximize:after {
  content: "\10f2d0"; }

.fad.fa-window-minimize:after {
  content: "\10f2d1"; }

.fad.fa-window-restore:after {
  content: "\10f2d2"; }

.fad.fa-windsock:after {
  content: "\10f777"; }

.fad.fa-wine-bottle:after {
  content: "\10f72f"; }

.fad.fa-wine-glass:after {
  content: "\10f4e3"; }

.fad.fa-wine-glass-alt:after {
  content: "\10f5ce"; }

.fad.fa-won-sign:after {
  content: "\10f159"; }

.fad.fa-wreath:after {
  content: "\10f7e2"; }

.fad.fa-wrench:after {
  content: "\10f0ad"; }

.fad.fa-x-ray:after {
  content: "\10f497"; }

.fad.fa-yen-sign:after {
  content: "\10f157"; }

.fad.fa-yin-yang:after {
  content: "\10f6ad"; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('fa-light-300.25e8bf848711d443.eot');
  src: url('fa-light-300.25e8bf848711d443.eot?#iefix') format("embedded-opentype"), url('fa-light-300.b3de9dbda8543720.woff2') format("woff2"), url('fa-light-300.6a28c377ebee9d41.woff') format("woff"), url('fa-light-300.e81222afd518a358.ttf') format("truetype"), url('fa-light-300.d3f1f41afbd3ab14.svg#fontawesome') format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('fa-regular-400.4cc27c7b8ff2b21b.eot');
  src: url('fa-regular-400.4cc27c7b8ff2b21b.eot?#iefix') format("embedded-opentype"), url('fa-regular-400.c225873ac7ee5942.woff2') format("woff2"), url('fa-regular-400.e72690d2711d3dee.woff') format("woff"), url('fa-regular-400.5b03cc57a9f06555.ttf') format("truetype"), url('fa-regular-400.36f685c854832b34.svg#fontawesome') format("svg"); }

.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('fa-solid-900.562df284c8a33ad8.eot');
  src: url('fa-solid-900.562df284c8a33ad8.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.49e6f576bdd9b857.woff2') format("woff2"), url('fa-solid-900.4e66ee4409479a58.woff') format("woff"), url('fa-solid-900.51bd88a269054797.ttf') format("truetype"), url('fa-solid-900.144489bd7d8a6897.svg#fontawesome') format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

/*
 *  Fieldforce UI Framework
 */
/*
 *  Fieldforce UI Framework
 */
/* New Colors */
/* Design Lib Color */
/* Assets Page */
/*
 *  Generic Typography
 */
h1.lighter {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.assets-table-ui tbody tr td, .assets-table-ui thead tr th .column-selector, .gray-table.attchment-list tbody tr td .filename .name-content h6, .gray-table.fixed-header-asset thead tr th .column-selector, .hierarchical-table tbody .field-table .field-row td .add-section, .hierarchical-table tbody .field-table .field-row td .simple-text, .hierarchical-table tbody .field-table .field-row td .row-count, .hierarchical-table tbody .field-table .field-row td input[type=text], .hierarchical-table tbody .subsection-table .subsection-row td .add-section, .hierarchical-table tbody .section-table .section-row td .add-section, .hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder, table.user-table.newUI.attchment-list tbody tr td .filename .name-content h6, .field-style-btn, .mat-button, .mat-stroked-button, .mat-flat-button, .calender-table .wo-pill-container .wo-pills p, .projects-table-list li .inner-table .gray-table tr.subsec-rows td .count, .projects-table-list li .inner-table .gray-table tr.subsec-rows td.value-text, .projects-table-list li .inner-table .gray-table tr td .drawer-trigger, .new-search-style .search-results-sorting .results-text .simple-link, .new-search-style .search-results-sorting .results-text .result-count, .section-seprator span, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all .mat-checkbox-layout .mat-checkbox-label, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .simple-link, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a span, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a, .asset-results-table .result-counter .simple-link, .asset-results-table .result-counter .search-count, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .remove, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history h6, .bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .remove, .bigger-search-bar-secondary .search-bar .asset-search-suggestions h6, .asset-stats-btns.task-stats-btns a .content h3, .mat-dialog-content .mat-checkbox-layout .mat-checkbox-label, .mat-dialog-content ul li,
.mat-dialog-content ol li, .mat-dialog-content p, .project-sections-main-panel.updated-ui .project-sections-left-panel ul li a, .mat-chip-list-wrapper .mat-standard-chip.mat-chip.light-font, .quick-filter-tab .tabs-group .mat-tab, .tabs-group.skyblue .mat-tab, .mat-drawer .sliderHeader h3 small .smaller, .mat-drawer .sliderHeader h3, .editable-title-container .editable-title, .badges, input,
textarea,
select, .daterangepicker th,
.daterangepicker td, body, .heading-new small, .heading-new, h2.regular, h2.bigger-light, h2 small, h1.regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.alternet-gray-table tbody tr td, .gray-table.event-table thead tr th, .gray-table.attchment-list tbody tr td .filename .name-content h5, .gray-table tbody tr td .two-fields .field-left input[type=text], .hierarchical-table tbody .subsection-table .subsection-row td .simple-text, .hierarchical-table tbody .subsection-table .subsection-row td .row-count, .hierarchical-table tbody .subsection-table .subsection-row td input[type=text], .hierarchical-table tbody .section-table .section-row td .simple-text, .hierarchical-table tbody .section-table .section-row td .row-count, .hierarchical-table tbody .section-table .section-row td input[type=text], .pagination-nav .pagination-text, table.user-table.newUI.attchment-list tbody tr td .filename .name-content h5, table.user-table.newUI tbody tr td .two-fields .field-left input[type=text], .squre-btns p .area-unit, .calender-table .wo-pill-container .wo-pills h4, .map-value-list tbody tr td .list-tab li a.active, .map-value-list tbody tr td .list-tab li a.completed, .projects-table-list li .inner-table .gray-table tr td.value-text, .projects-table-list li .inner-table .gray-table tr td .count, .images-thumb .item .more, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-tags .tag, .asset-results-table .result-counter .search-word, .asset-stats-btns a .content h4, .asset-stats-btns a .content h3, .font-weight-medium, .bulk-fields-form .field-label, .bulk-fields-form .field-header, .project-sections-main-panel .project-sections-left-panel ul li a.active, .project-sections-main-panel .project-sections-left-panel ul li a.completed, .uploaded-file-box .progressbar h5, .uploaded-file-box h4, .soreted-task-title .upper-layer .date-accrodian strong, .tabs-group.skyblue .mat-tab.active, .tabs-group .mat-tab, .mat-drawer .sliderHeader h3 small, .bold-td-text, .dl-pills, .badges.round, h4.dialog, h4.new-light, h4, h3, .h3-style, h2.updated, h2.bigger {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.switch-buttons button, h1.semibold {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

.alternet-gray-table thead tr th, .assets-table-ui thead tr th, .gray-table thead.skyBlue-head tr th, .gray-table thead.skyBlue-head tr td, .gray-table .gray-head-style.skyBlue-head tr th, .gray-table .gray-head-style.skyBlue-head tr td, .gray-table thead tr th, .gray-table thead tr td, .gray-table .gray-head-style tr th, .gray-table .gray-head-style tr td, .squre-btns p, .new-search-style .search-results-sorting .results-text, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-name, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link .highlight, .bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link .highlight, .mat-menu-content .menu-title, .comments-area .comment-bar .comment-top-bar .name, .selectize-dropdown .optgroup-header, h4.new, h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #12202B;
}

h1.lighter {
  font-size: 30px;
  font-size: 2.1428571429rem;
  opacity: 0.8;
}
h1.regular {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h1.semibold {
  font-size: 24px;
  font-size: 1.7142857143rem;
}

h2 {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
h2 small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
}
h2.bigger {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h2.bigger-light {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h2.updated {
  font-size: 18px;
  font-size: 1.2857142857rem;
}
h3, .h3-style {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h3.input-style, .h3-style.input-style {
  padding: 2px 2px 2px 0;
  border: 1px solid transparent;
}
h3.input-style:focus, .h3-style.input-style:focus {
  outline: none;
  border-color: #E8E8E8;
}

h4 {
  font-size: 14px;
  font-size: 1rem;
}
h4.new {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h4.new-light {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h4.dialog {
  font-size: 20px;
  font-size: 1.4285714286rem;
}

.heading-new {
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #000000;
  line-height: 1;
}
.heading-new.fifty-chr {
  max-width: 50ch;
  max-width: 42ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 22px;
  vertical-align: top;
}
.heading-new small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
}
.heading-new small.lighter {
  color: #727A80;
}
.heading-new small.inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.heading-new.input-style {
  padding: 2px 2px 2px 0;
  border: 1px solid transparent;
  margin-top: -5px;
}
.heading-new.input-style:focus {
  outline: none;
  border-color: #E8E8E8;
}

p.bigger-text {
  font-size: 18px;
  font-size: 1.2857142857rem;
}
p.medium-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
p.small-text {
  font-size: 12px;
  font-size: 0.8571428571rem;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 14px;
  overflow-x: hidden;
}

body {
  /*background-color: $pri-charcoal-dark;*/
  background-color: #ffffff;
  color: #12202B;
}

#ui {
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100%;
  padding-top: 65px;
  position: relative;
}

body.slider-open .project-sections-main-panel.inactive-view {
  opacity: 1;
}

.white-box {
  background-color: #ffffff;
}

.daterangepicker th,
.daterangepicker td {
  font-size: 12px;
  font-size: 0.8571428571rem;
}

.scrollX {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.scrollX::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #B1B4B6;
}
.scrollX::-webkit-scrollbar {
  height: 8px;
  background-color: #ffffff;
}
.scrollX::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #12202B;
}
.scrollX .scroll-list {
  width: max-content;
}
.scrollX .scroll-list .list-container {
  min-width: 325px;
  display: inline-block;
  vertical-align: top;
}
.scrollX.lighter::-webkit-scrollbar-track {
  border: none;
}
.scrollX.lighter::-webkit-scrollbar {
  height: 4px;
}
.scrollX.lighter::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollX.lighter.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollX.lighter_updated::-webkit-scrollbar-track {
  border: none;
}
.scrollX.lighter_updated::-webkit-scrollbar {
  height: 6px;
}
.scrollX.lighter_updated::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollX.lighter_updated.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
.scrollX:hover.lighter::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollX:hover.lighter_updated::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.stop-overflow-y {
  overflow-y: hidden !important;
}

.scrollY {
  overflow-x: hidden;
  padding-right: 10px;
  overflow-y: auto;
}
.scrollY::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #B1B4B6;
}
.scrollY::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff;
}
.scrollY::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #12202B;
}
.scrollY.scrollX {
  overflow-x: auto;
}
.scrollY.lighter::-webkit-scrollbar-track {
  border: none;
}
.scrollY.lighter::-webkit-scrollbar {
  width: 4px;
}
.scrollY.lighter::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollY.lighter.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollY.lighter.faded {
  mask-image: linear-gradient(to top, transparent, #000000), linear-gradient(to left, transparent 4px, #000000 4px);
  mask-size: 100% 20000px;
  mask-position: left bottom;
  -webkit-mask-image: linear-gradient(to top, transparent, #000000), linear-gradient(to left, transparent 4px, #000000 4px);
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.6s ease-in-out;
}
.scrollY.lighter.faded::-webkit-scrollbar-thumb {
  background-color: #cccccc !important;
}
.scrollY.lighter_updated::-webkit-scrollbar-track {
  border: none;
}
.scrollY.lighter_updated::-webkit-scrollbar {
  width: 6px;
}
.scrollY.lighter_updated::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollY.lighter_updated.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
.scrollY:hover.lighter::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollY:hover.lighter.faded {
  -webkit-mask-position: left top;
}
.scrollY:hover.lighter_updated::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.full-width-search .new-search-records {
  width: 100%;
}

.new-search-records {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 250px);
}
.new-search-records input[type=text] {
  border-radius: 4px;
  border: 1px solid #A1ACB4;
  width: calc(100% - 250px);
  height: 46px;
  padding: 10px 50px 10px 40px;
}
.new-search-records input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.new-search-records .material-icons {
  position: absolute;
  left: -20px;
  color: #999DA5;
  /* for search icon */
}
.new-search-records .material-icons:not(.search-cross) {
  left: 11px;
  top: 11px;
}
.new-search-records span {
  color: #999DA5;
  display: inline-block;
  vertical-align: middle;
}
.new-search-records .simple-link {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.new-search-records .simple-link:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 1px;
  width: 0;
  opacity: 0;
  background-color: #0077C0;
}
.new-search-records .simple-link:hover {
  text-decoration: none;
}
.new-search-records .simple-link:hover:after {
  width: 100%;
  opacity: 1;
}
.new-search-records .show-advance-filters {
  border-radius: 3px !important;
  margin-left: -42px;
  top: 1px;
  height: 36px;
  width: 36px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  background-color: rgba(201, 201, 201, 0.2);
  color: #B2B5BB;
  transition: background-color 0.3s ease-in-out;
}
.new-search-records .show-advance-filters mat-icon {
  transition: color 0.3s ease-in-out;
}
.new-search-records .show-advance-filters:hover {
  background-color: #0077C0;
}
.new-search-records .show-advance-filters:hover mat-icon {
  color: #ffffff;
}

.table-tabs-container .mat-tab-label-active .mat-tab-label-content {
  color: #0093FF !important;
}
.table-tabs-container .mat-tab-group.mat-primary .mat-ink-bar {
  background-color: #0093FF !important;
}
.table-tabs-container .mat-tab-group .mat-tab-label-container .mat-tab-label-active {
  opacity: 1;
}
.table-tabs-container .task-search-bar {
  margin-top: 15px;
}
.table-tabs-container .new-search-records {
  width: calc(100% - 150px) !important;
}

.search-clear-icon .new-search-records {
  width: calc(100% - 300px);
}
.search-clear-icon .new-search-records input[type=text] {
  width: calc(100% - 186px);
}
.search-clear-icon .new-search-records .simple-link {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0px;
  font-size: 0rem;
}
.search-clear-icon .new-search-records .simple-link:before {
  content: "\f2ed";
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.search-clear-icon .new-search-records .simple-link:after {
  display: none;
}

.full-search-bar .new-search-records {
  width: 100%;
}
.full-search-bar .new-search-records input[type=text] {
  width: calc(100% - 190px);
}
.small-search-bar .new-search-records {
  width: calc(100% - 350px);
}

.exclamation-notify {
  display: inline-block;
  vertical-align: top;
  margin-top: -8px;
}

.blue-bg {
  background-color: #F3F7FA;
}

.border-line {
  position: relative;
  margin-top: 15px;
}
.border-line:after {
  content: "";
  width: 106px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.btn-dropdown {
  margin-top: 6px;
}

.searchable-select .selectize-input {
  border-color: #B1B4B6;
  border-radius: 0;
  padding: 5px;
  font-size: 13px;
  font-size: 0.9285714286rem;
  box-shadow: none;
  line-height: 16px;
  vertical-align: middle;
  background: #ffffff url('search-icon.8f72dd01d3305799.svg') no-repeat calc(100% - 6px) 6px;
  background-size: 15px;
  padding-right: 26px !important;
}
.searchable-select .selectize-input.disabled {
  cursor: not-allowed !important;
  background-color: #e5e5e5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.searchable-select .selectize-input.input-active {
  background: #ffffff url('search-icon.8f72dd01d3305799.svg') no-repeat calc(100% - 6px) 6px !important;
  background-size: 15px !important;
}
.searchable-select .selectize-input:after {
  display: none !important;
}

.searchable-select-clear {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 10px;
  top: 1px;
  z-index: 2;
  cursor: pointer;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
}
.searchable-select-clear .material-icons {
  color: #B1B4B6;
  font-size: 19px;
  font-size: 1.3571428571rem;
  line-height: 32px;
}
.searchable-select-clear.active {
  opacity: 1;
  visibility: visible;
}

.simple-list li {
  display: list-item !important;
}

.app-selection {
  color: #B1B4B6;
  cursor: pointer;
}
.app-selection.active {
  color: #0077C0;
}

.email-selection {
  color: #B1B4B6;
  cursor: pointer;
}
.email-selection.active {
  color: #0077C0;
}

.favorite-selection {
  color: #B1B4B6;
  cursor: pointer;
}
.favorite-selection.active {
  color: #F8D43F;
}

.scroll-top-btn {
  position: fixed;
  padding: 6px;
  background-color: #0077C0;
  color: #ffffff;
  right: -60px;
  bottom: 10px;
  height: 36px;
  z-index: 100;
  opacity: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
  transition: all 0.2s ease-in-out;
}
.scroll-top-btn.show {
  opacity: 0.7;
  right: 8px;
}
.scroll-top-btn:hover, .scroll-top-btn:focus {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: #ffffff;
}

.scroll-top-btn2 {
  position: fixed;
  padding: 6px;
  background-color: #0077C0;
  color: #ffffff;
  right: -60px;
  bottom: 31px;
  height: 36px;
  z-index: 100;
  opacity: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
  transition: opacity 0.3s ease-in-out;
}
.scroll-top-btn2.show {
  opacity: 0.7;
  right: 276px;
}
.scroll-top-btn2:hover, .scroll-top-btn2:focus {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: #ffffff;
}

.required-field {
  position: relative;
}
.required-field:after {
  content: "warning";
  font-family: "Material Icons";
  color: #F8D43F;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 21px;
  font-size: 1.5rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.required-field .not-saved {
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  top: -100%;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  color: #12202B;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.required-field .not-saved:after {
  content: "";
  position: absolute;
  bottom: -5px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  transform: rotate(45deg);
  left: 6px;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}
.required-field.active input[type=text] {
  /*border-color: $color-red !important;*/
}
.required-field.active:after {
  opacity: 1;
}
.required-field.active .not-saved {
  opacity: 1;
}

.notices {
  padding: 10px;
  border: 1px solid #0077C0;
  background-color: #F3F7FA;
}
.notices .icon {
  width: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.notices .icon .material-icons {
  color: #0077C0;
}
.notices .content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 32px);
}
.notices .content h4,
.notices .content p {
  margin-bottom: 0;
}

.col-xxl-4 {
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 1600px) {
  .col-xxl-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1400px) {
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  text-indent: calc((calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
  outline: none;
  /*box-shadow: $switch-focus-box-shadow;*/
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch input:disabled:checked + label {
  color: rgba(0, 136, 221, 0.5);
}
.switch input:disabled:checked + label::before {
  background-color: rgba(0, 136, 221, 0.5);
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc((calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * 0.8) * 2);
  height: calc(3rem * 0.8);
  line-height: calc(3rem * 0.8);
  text-indent: calc((calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * 0.8) - calc(2px * 2));
  height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * 0.8);
}
.switch + .switch {
  margin-left: 1rem;
}

.notification-bubble {
  background-color: #ffffff;
  position: fixed;
  max-width: 250px;
  z-index: 99;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.notification-bubble.left {
  left: -100%;
}
.notification-bubble.left.active {
  left: 0;
}
.notification-bubble.bottom {
  top: 88vh;
}
.notification-bubble .header-strip {
  width: 100%;
  height: 6px;
  background: #7c94a4; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7c94a4 0%, #377db8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c94a4", endColorstr="#377db8", GradientType=1); /* IE6-9 */
}
.notification-bubble .close-bubble {
  position: absolute;
  right: 6px;
  top: 14px;
}
.notification-bubble .close-bubble .material-icons {
  color: #B1B4B6;
  font-size: 19px;
  font-size: 1.3571428571rem;
}
.notification-bubble p {
  padding: 10px 30px 10px 10px;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  /*color: $color-text;*/
}

.tab-list-text {
  border-bottom: 1px solid #e5e5e5;
}
.tab-list-text ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.tab-list-text ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
}
.tab-list-text ul li:first-child {
  margin-left: 0;
}
.tab-list-text ul li a {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  color: #B1B4B6;
  font-size: 13px;
  font-size: 0.9285714286rem;
  font-weight: 500;
}
.tab-list-text ul li a:after {
  content: "";
  background-color: #e5e5e5;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.tab-list-text ul li a:hover, .tab-list-text ul li a:focus {
  text-decoration: none;
  color: #7f7f7f;
}
.tab-list-text ul li a:hover:after, .tab-list-text ul li a:focus:after {
  opacity: 1;
}
.tab-list-text ul li a.active {
  color: #0077C0;
}
.tab-list-text ul li a.active:after {
  background-color: #0077C0;
  opacity: 1;
}

.tooltip-inner {
  text-align: left;
  max-width: 300px;
}

.top-bordered {
  border-top: 1px solid #e5e5e5;
}

.export-link {
  color: #ffffff;
}
.export-link .material-icons {
  vertical-align: bottom !important;
}
.export-link.invert-icon .material-icons {
  margin-right: 0 !important;
  transform: rotateY(180deg);
}
.export-link:hover, .export-link:focus {
  color: #ffffff;
}

.saving-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.saving-icons .saving {
  display: inline-block;
  vertical-align: top;
  color: #0077C0;
}
.saving-icons .saving .saving-anim {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.saving-icons .saving .saving-anim img {
  width: 26px;
}
.saving-icons .saved {
  display: inline-block;
  vertical-align: top;
  color: #5AB78A;
}
.saving-icons .saved .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #5AB78A;
  vertical-align: sub;
}

.vertical-bottom {
  align-items: flex-end;
  display: flex;
}

.input-tags + .selectize-control.multi .selectize-input .item {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1da7ee", endColorstr="#ff178ee9", GradientType=0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}
.input-tags + .selectize-control.multi .selectize-input .item.active {
  background-color: #0085d4;
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff008fd8", endColorstr="#ff0075cf", GradientType=0);
}

.multiple-select + .btn-group {
  width: 100%;
}
.multiple-select + .btn-group .multiselect {
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #B1B4B6;
  color: #464a4c;
}
.multiple-select + .btn-group .multiselect:after {
  position: absolute;
  right: 10px;
  top: 14px;
}
.multiple-select + .btn-group .multiselect-container {
  width: 100%;
}
.multiple-select + .btn-group .multiselect-container li a label {
  width: 100%;
  padding: 4px 10px;
  justify-content: flex-start;
  color: #464a4c;
}
.multiple-select + .btn-group .multiselect-container li a label input[type=checkbox] {
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 4px;
}
.multiple-select + .btn-group .multiselect-container li a:hover {
  text-decoration: none;
}

.text-blue {
  color: #0077C0;
}

.no-document-icon {
  display: block;
}
.no-document-icon img {
  width: 60px;
}

.access-right-icons .material-icons {
  vertical-align: middle;
}
.access-right-icons.gray-icon {
  color: #A1ACB4 !important;
}
.access-right-icons.green-icon {
  color: #5AB78A !important;
}

.refresh-msg {
  color: #35393C;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.refresh-msg .material-icons {
  vertical-align: top;
}

.no-bid-container {
  text-align: center;
  padding: 100px 50px;
}
.no-bid-container img {
  margin-bottom: 20px;
}
.no-bid-container h3 {
  font-size: 24px;
  color: #727a80;
}

/* Text Colors */
.white-text {
  color: #ffffff !important;
}

.green-text {
  color: #5AB78A !important;
}

.blue-text {
  color: #0077C0 !important;
}

.skyblue-text {
  color: #0093FF !important;
}

.red-text {
  color: #DF6B51 !important;
}

.error-text {
  color: #EB2F2F !important;
}

.gray-text {
  color: #B1B4B6 !important;
}

.as-gray-text {
  color: #444444 !important;
}

.lighterGray-text {
  color: #999DA5 !important;
}

.darkgray-text {
  color: #676C79 !important;
}

.lightGray-text {
  color: #707070 !important;
}

.black-text {
  color: #000000 !important;
}

.orange-text {
  color: #ff8300 !important;
}

.deactive-bg {
  background-color: #E2E2EA;
}

.info-tip {
  padding: 10px;
  border-bottom: 2px solid #B1B4B6;
}
.info-tip.yellow {
  background-color: #FCFBED;
}

.no-user-msg {
  width: 40%;
  margin: 0 auto;
  padding: 2% 0;
}
.no-user-msg .material-icons {
  font-size: 50px;
  font-size: 3.5714285714rem;
}

.characters-number {
  margin-bottom: 0;
  position: relative;
  top: -18px;
  color: #a4a4a4;
}

.gray-links {
  color: #B1B4B6;
  transition: color 0.3s ease-in-out;
}
.gray-links:hover {
  color: #0077C0;
  text-decoration: none;
}

.sort-new {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-size: 1.2857142857rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.sort-new.asc {
  vertical-align: sub;
}
.sort-new.desc {
  vertical-align: middle;
}
.sort-new.sorted {
  opacity: 1;
}

.badges {
  display: inline-block;
  font-size: 14px;
  font-size: 1rem;
  padding: 2px 10px;
  border-radius: 16px;
  color: #ffffff;
  /*cursor: pointer;*/
}
.badges.smaller {
  padding: 0 6px;
  font-size: 10px;
  font-size: 0.7142857143rem;
}
.badges.pointer {
  cursor: pointer;
}
.badges.round {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.badges.round.bigger {
  height: 34px;
  width: 34px;
  line-height: 34px;
  font-size: 14px;
  font-size: 1rem;
}
.badges.round.tiny {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 8px;
  font-size: 0.5714285714rem;
}
.badges.round.smaller {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 11px;
  font-size: 0.7857142857rem;
}
.badges.green {
  background-color: #5AB78A;
}
.badges.blue {
  background-color: #0077C0;
}
.badges.red {
  background-color: #DF6B51;
}
.badges.orange {
  background-color: #ff8300;
}
.badges.yellow {
  background-color: #F8D43F;
}
.badges.pink {
  background-color: #ec6591;
}
.badges.gray {
  background-color: #7c94a4;
}
.badges.gray-lighter {
  background-color: #A8BECE;
}
.badges.cyan {
  background-color: #64CDDB;
}
.badges.purple {
  background-color: #C27AEB;
}
.badges.sky-blue {
  background-color: #0093FF;
}
.badges.peach {
  background-color: #FFC7C0;
}
.badges.black {
  background-color: #1A2235;
}
.badges.weeks-style {
  background-color: #F7F8FC;
  border: 1px solid #CCCED2;
  color: #596174;
}
.badges.outline {
  background-color: transparent;
  border: 1px solid transparent;
}
.badges.outline.green {
  border-color: #5AB78A;
  color: #5AB78A;
}
.badges.outline.blue {
  border-color: #0077C0;
  color: #0077C0;
}
.badges.outline.red {
  border-color: #DF6B51;
  color: #DF6B51;
}
.badges.outline.orange {
  border-color: #ff8300;
  color: #ff8300;
}
.badges.outline.yellow {
  border-color: #F8D43F;
  color: #F8D43F;
}
.badges.outline.pink {
  border-color: #ec6591;
  color: #ec6591;
}
.badges.outline.gray {
  border-color: #7c94a4;
  color: #7c94a4;
}
.badges.outline.cyan {
  border-color: #64CDDB;
  color: #64CDDB;
}
.badges.outline.purple {
  border-color: #9EB9DE;
  color: #9EB9DE;
}
.badges:hover {
  text-decoration: none;
  color: #ffffff !important;
}
.badges:hover.weeks-style {
  color: #596174 !important;
}
.badges:hover.outline.green {
  color: #5AB78A !important;
}
.badges:hover.outline.blue {
  color: #0077C0 !important;
}
.badges:hover.outline.red {
  color: #DF6B51 !important;
}
.badges:hover.outline.orange {
  color: #ff8300 !important;
}
.badges:hover.outline.gray {
  color: #7c94a4 !important;
}
.badges:hover.outline.cyan {
  color: #64CDDB !important;
}
.badges:hover.outline.purple {
  color: #9EB9DE !important;
}

.dl-pills {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1;
  color: #ffffff;
  border-radius: 23px;
  background-color: #0077C0;
  min-width: 118px;
  padding: 15px 24px;
  text-align: center;
}
.dl-pills.medium {
  border-radius: 18px;
  padding: 10px 24px;
}
.dl-pills.small {
  min-width: 85px;
  font-size: 14px;
  font-size: 1rem;
  border-radius: 14px;
  padding: 7px 14px;
}
.dl-pills.smaller {
  min-width: 70px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  border-radius: 14px;
  padding: 6px 14px;
}
.dl-pills.sky-blue {
  background-color: #0093FF;
}
.dl-pills.gray {
  background-color: #A8BECE;
}
.dl-pills.blue {
  background-color: #0077C0;
}
.dl-pills.green {
  background-color: #5AB78A;
}
.dl-pills.red {
  background-color: #FF4A56;
}
.dl-pills.outline {
  background-color: transparent;
  border: 1px solid #0077C0;
  padding: 13px 24px;
  color: #0077C0;
}
.dl-pills.outline.medium {
  padding: 8px 24px;
}
.dl-pills.outline.small {
  padding: 5px 14px;
}
.dl-pills.outline.smaller {
  padding: 4px 14px;
}
.dl-pills.outline.sky-blue {
  border-color: #0093FF;
  color: #0093FF;
}
.dl-pills.outline.gray {
  border-color: #A8BECE;
  color: #A8BECE;
}
.dl-pills.outline.green {
  border-color: #5AB78A;
  color: #5AB78A;
}
.dl-pills.outline.red {
  border-color: #FF4A56;
  color: #FF4A56;
}

.no-style-font {
  font-style: normal;
}

.no-data-table {
  padding: 50px 0;
  text-align: center;
  color: #B1B4B6;
}
.no-data-table .main-icon {
  font-size: 56px;
  font-size: 4rem;
}
.no-data-table p {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.no-data-table.small-msg p {
  font-size: 20px;
  font-size: 1.4285714286rem;
}

.btn-option-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-option-container .btn-option-list {
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  left: 0;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.btn-option-container .btn-option-list.set-right {
  left: auto;
  right: 0;
}
.btn-option-container .btn-option-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.btn-option-container .btn-option-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.btn-option-container .btn-option-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202B;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.btn-option-container .btn-option-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #C7C8CA;
  background-color: #e5e5e5;
  border-bottom: 1px solid #C7C8CA;
}
.btn-option-container .btn-option-list ul li a:hover {
  background-color: #0077C0;
  color: #ffffff;
  text-decoration: none;
}
.btn-option-container .btn-option-list ul li:last-child a.disabled {
  border-bottom: none;
}

.section-options-container {
  position: relative;
}
.section-options-container .section-options-btn {
  transition: all 0.3s ease-in-out;
  color: #0077C0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  text-align: center;
}
.section-options-container .section-options-btn .material-icons {
  vertical-align: middle;
}
.section-options-container .section-options-btn:hover {
  color: #ffffff;
  background-color: #0077C0;
}
.section-options-container .section-options-list {
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  right: 0;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.section-options-container .section-options-list.set-left {
  left: 0;
  right: auto;
}
.section-options-container .section-options-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.section-options-container .section-options-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.section-options-container .section-options-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202B;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.section-options-container .section-options-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #C7C8CA;
  background-color: #e5e5e5;
  border-bottom: 1px solid #C7C8CA;
}
.section-options-container .section-options-list ul li a:hover {
  background-color: #0077C0;
  color: #ffffff;
  text-decoration: none;
}
.section-options-container .section-options-list ul li:last-child a.disabled {
  border-bottom: none;
}

.section-list-container {
  position: relative;
}
.section-list-container .section-list-trigger {
  cursor: pointer;
}
.section-list-container + .section-list-options {
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 80px;
  min-width: 275px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.section-list-container + .section-list-options.active {
  opacity: 1;
  z-index: 2;
  top: 40px;
  visibility: visible;
}
.section-list-container + .section-list-options .green-text {
  color: #6BB739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.section-list-container + .section-list-options .search-text {
  position: relative;
}
.section-list-container + .section-list-options .search-text input {
  background: url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 7px;
  border-color: #B1B4B6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
}
.section-list-container + .section-list-options .search-text input:focus {
  border-color: #0077C0;
}
.section-list-container + .section-list-options .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #ffffff;
}
.section-list-container + .section-list-options .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #B1B4B6;
}
.section-list-container + .section-list-options .results-box {
  border-bottom: 2px solid #377db8;
  padding: 5px 10px;
  font-weight: 700;
}
.section-list-container + .section-list-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.section-list-container + .section-list-options ul li {
  margin-bottom: 0;
}
.section-list-container + .section-list-options ul li a {
  padding: 14px 15px;
  display: block;
  color: #12202B;
  background-color: transparent;
  border-bottom: 1px solid #B1B4B6;
  transition: all 0.3s ease-in-out;
}
.section-list-container + .section-list-options ul li a i {
  font-size: 16px;
  float: right;
  position: relative;
  top: 1px;
  opacity: 0;
  visibility: hidden;
  display: none;
  /*@include transition(all 0.3s ease-in-out);*/
}
.section-list-container + .section-list-options ul li a:hover, .section-list-container + .section-list-options ul li a.active {
  background-color: #0077C0;
  color: #ffffff;
  text-decoration: none;
}
.section-list-container + .section-list-options ul li a:hover i, .section-list-container + .section-list-options ul li a.active i {
  opacity: 1;
  visibility: visible;
}
.section-list-container + .section-list-options ul li a:focus {
  text-decoration: none;
}
.section-list-container + .section-list-options ul li:last-child a {
  border-bottom: none;
}
.section-list-container + .section-list-options.with-icons ul li a i {
  float: none;
  vertical-align: text-top;
  opacity: 1;
  visibility: visible;
}

.ellipsis-container {
  position: relative;
}
.ellipsis-container:before {
  content: " ";
  visibility: hidden;
}
.ellipsis-container .ellipsis-text {
  position: absolute;
  left: 0;
  right: 0;
  max-width: max-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive-icon {
  background: url('archive.ae0f65bcec4a98be.svg') no-repeat center;
  background-size: cover;
  width: 19px;
  height: 19px;
  margin-top: -2px !important;
}
.archive-icon.un-archive {
  background-image: url('un-archive.6d546d3830f1f3ce.svg');
}

.table-containing {
  margin-top: 132px;
}
.table-containing.full-pg-bg {
  min-height: calc(100vh - 132px);
}
.table-containing.only-nav {
  margin-top: 0;
  padding-top: 65px;
  min-height: 100vh;
}
.table-containing.only-heading-bar {
  padding-top: 90px;
}
.table-containing.only-heading-bar .user-table.newUI.fixed-header.with-new-header thead th {
  top: 156px;
}
.table-containing.only-heading-bar.no-buttons {
  padding-top: 77px;
}
.table-containing.only-heading-bar.no-buttons .user-table.newUI.fixed-header.with-new-header thead th {
  top: 143px;
}
.table-containing.filter-opened {
  padding-top: 396px;
}
.table-containing.filter-opened .user-table.newUI.fixed-header.with-new-header thead th {
  top: 462px;
}

.filter-adjusment.filter-opened .user-table.newUI.fixed-header.with-new-header thead th {
  top: 505px !important;
}
.filter-adjusment.filter-opened .user-table.newUI.sticky-table-head thead th {
  top: 505px !important;
}

.green-checks {
  color: #B2B5BB;
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  cursor: pointer;
}
.green-checks .fal,
.green-checks .fas {
  vertical-align: top;
}
.green-checks:hover, .green-checks.checked {
  color: #5ABA8A;
}

.editable-title-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editable-title-container .check-btns {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 12px;
}
.editable-title-container .check-btns.red {
  right: 8px;
}
.editable-title-container .check-btns.green {
  right: 32px;
}
.editable-title-container .editable-title {
  border: 1px solid transparent;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #000000;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  padding: 2px;
  width: 286px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-title-container .editable-title:hover {
  border-color: #A1ACB4;
}
.editable-title-container .editable-title:focus {
  outline: none;
  border-color: #A1ACB4;
  background-color: #efefef;
  padding-right: 60px;
}
.editable-title-container.active {
  position: absolute;
}
.editable-title-container.active .check-btns {
  opacity: 1;
  visibility: visible;
}

.underlined-link {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
  color: #35393C;
  transition: all 0.3s ease-in-out;
}
.underlined-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.underlined-link.blue-line:after {
  background-color: #0077C0;
}
.underlined-link.black-line:after {
  background-color: #000000;
}
.underlined-link.with-icon:after {
  display: none;
}
.underlined-link.with-icon span {
  position: relative;
}
.underlined-link.with-icon span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.underlined-link.with-icon.blue-line span:after {
  background-color: #0077C0;
}
.underlined-link.with-icon.black-line span:after {
  background-color: #000000;
}
.underlined-link:hover {
  text-decoration: none !important;
}
.underlined-link:hover.blue-line {
  color: #0077C0 !important;
}
.underlined-link:hover.black-line {
  color: #000000 !important;
}
.underlined-link:hover:after {
  width: 100%;
}
.underlined-link:hover.with-icon span:after {
  width: 100%;
}
.underlined-link:focus {
  text-decoration: none !important;
}

.hover-blue:hover {
  color: #0077C0 !important;
  text-decoration: none;
}

.yellow-text {
  color: #ffdd00;
}

.max-para {
  color: #989b9e;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

.mat-checkbox-frame {
  border-color: #B1B4B6;
}

.mat-checkbox-layout {
  margin-bottom: 0;
}
.mat-checkbox-layout .mat-checkbox-label {
  color: #020A20;
  line-height: 23px;
}

.mat-checkbox-checkmark-path {
  stroke: #ffffff !important;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0077C0;
}
.mat-checkbox-indeterminate.mat-green .mat-checkbox-background,
.mat-checkbox-checked.mat-green .mat-checkbox-background {
  background-color: #5AB78A;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0077C0;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-green .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-green .mat-ripple-element {
  background: #5AB78A;
}

.mat-checkbox.align-text .mat-checkbox-layout .mat-checkbox-label {
  line-height: 21px;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-frame {
  z-index: 2;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-background {
  background-color: rgba(178, 181, 187, 0.5);
  z-index: 1;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-label {
  color: #B2B5BB;
}
.mat-checkbox.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background {
  background-color: #B2B5BB;
}

.mat-drawer-container {
  z-index: 999 !important;
}

.mat-drawer-backdrop.mat-drawer-shown {
  position: fixed;
  background-color: rgba(114, 122, 128, 0.8);
}

.mat-drawer {
  position: fixed !important;
  width: 70%;
}
.mat-drawer .sliderHeader {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 2px solid rgba(0, 119, 192, 0.6);
}
.mat-drawer .sliderHeader .close-btn {
  display: inline-block;
  vertical-align: middle;
  color: #12202B;
  font-size: 22px;
  font-size: 1.5714285714rem;
  margin-top: -4px;
}
.mat-drawer .sliderHeader h3 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.mat-drawer .sliderHeader h3 small {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: block;
  color: #0077C0;
  line-height: 1;
}
.mat-drawer .sliderHeader h3 small .smaller {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #676C79;
}
.mat-drawer .sliderBody {
  padding: 10px 0;
  margin: 0 20px;
}
.mat-drawer.full-width {
  width: calc(100% - 50px);
}

.field-group {
  position: relative;
}
.field-group.inline-fields {
  vertical-align: top;
  display: inline-block;
}
.field-group.inline-fields.button-adjusted {
  margin-top: -4px;
}
.field-group .mat-form-field {
  display: block;
}
.field-group .mat-form-field.no-error-space .mat-form-field-wrapper {
  padding-bottom: 0;
}
.field-group .mat-form-field.mat-focused .mat-form-field-required-marker {
  color: #FF4A56;
}
.field-group .mat-form-field.mat-focused .mat-form-field-label {
  color: #0077C0;
}
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0077C0;
}
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow:before {
  color: #0077C0;
}
.field-group .mat-form-field.mat-focused.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.field-group .mat-select {
  padding: 1px 0;
}
.field-group .mat-select.no-error-space .mat-form-field-wrapper {
  padding-bottom: 0;
}
.field-group .mat-select.search-icon .mat-select-arrow {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  font-size: 1.4285714286rem;
  border: none;
  position: relative;
}
.field-group .mat-select.search-icon .mat-select-arrow:before {
  content: "\f002";
  position: absolute;
  left: -20px;
  top: -10px;
}
.field-group .mat-form-field-label {
  color: #A1ACB4;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #A1ACB4;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #0077C0;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 14px 0 14px 0;
  border-top-width: 4px;
}
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap {
  border-color: rgba(161, 172, 180, 0.4);
}
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label mat-label {
  background-color: #ffffff;
}
.field-group .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-22px) scale(0.75);
}
.field-group .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-22px) scale(0.75);
}
.field-group .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(0);
}
.field-group .mat-form-field-appearance-outline .mat-form-field-prefix,
.field-group .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 5px;
}
.field-group .mat-input-element {
  font-size: 16px;
  font-size: 1.1428571429rem;
  resize: none;
}
.field-group .field-edit-icon {
  position: absolute;
  top: 8px;
  right: 30px;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0077C0;
}

.mat-datepicker-toggle-active {
  color: #0077C0;
}

.mat-calendar-body-selected {
  background-color: #0077C0;
}

.breadcrumb-tabs-heading {
  padding: 10px 20px;
  border-bottom: 1px solid #dee1e2;
  position: fixed;
  top: 65px;
  height: 68px;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
}
.breadcrumb-tabs-heading.no-border {
  border-bottom: none;
}
.breadcrumb-tabs-heading.no-border:has(+ .project-templating-tabs) .project-templating-topbar.oldViews {
  padding-bottom: 0 !important;
  min-height: 75px;
}
.breadcrumb-tabs-heading.no-border:has(+ .project-templating-tabs) .project-templating-topbar.oldViews.no-buttons {
  min-height: 72px;
}

.tabs-group {
  margin-top: 22px;
}
.tabs-group.bordred {
  border-bottom: 1px solid #dee1e2;
  padding-bottom: 6px;
  margin-top: 0;
}
.tabs-group.bordred.extra-height {
  border-bottom-width: 2px;
  padding-bottom: 4px;
}
.tabs-group .mat-tab {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #727A80;
  line-height: 30px !important;
  height: 30px;
  position: relative;
  min-width: 64px !important;
}
.tabs-group .mat-tab:focus, .tabs-group .mat-tab:hover {
  text-decoration: none;
}
.tabs-group .mat-tab:after {
  content: "";
  width: 0;
  height: 3px;
  background-color: #0077C0;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.tabs-group .mat-tab.active {
  color: #0077C0;
}
.tabs-group .mat-tab.active:after {
  width: 100%;
}
.tabs-group.skyblue .mat-tab:after {
  background-color: #0093FF;
}
.tabs-group.skyblue .mat-tab.active {
  color: #0093FF;
}

.quick-filter-tab .tabs-group {
  border: 1px solid #E5E6E8;
  border-radius: 6px;
  padding: 4px;
}
.quick-filter-tab .tabs-group .mat-tab {
  padding: 0 10px;
  margin: 0 3px;
}
.quick-filter-tab .tabs-group .mat-tab:after {
  display: none;
}
.quick-filter-tab .tabs-group .mat-tab.active .mat-button-focus-overlay {
  background-color: #0077C0;
  opacity: 0.1;
}

.tab-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out;
}
.tab-content.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

.darg-n-drop {
  position: relative;
  width: 100%;
  border: 1px dashed rgba(0, 0, 0, 0.48);
  height: 200px;
  padding: 70px 0;
  text-align: center;
  border-radius: 4px;
  background-color: #F8F8F8;
}
.darg-n-drop input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.darg-n-drop p {
  color: rgba(0, 0, 0, 0.48);
  font-size: 16px;
  margin-bottom: 6px;
}
.darg-n-drop p i {
  color: rgba(0, 0, 0, 0.48);
  position: relative;
  top: 8px;
  padding-right: 5px;
}
.darg-n-drop p .skyblue-icon {
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #0093FF;
}
.darg-n-drop .uploaded-file-box {
  max-width: 50%;
  margin: 0 auto;
}
.darg-n-drop .uploaded-file-box .progressbar i.fa-file-alt {
  line-height: 2.2;
}
.darg-n-drop .uploaded-file-box .progressbar .progressbar-container {
  flex: 0 0 88%;
}
.darg-n-drop .uploaded-file-box .progressbar .progressbar-container .progressbar-line {
  height: 10px;
}
.darg-n-drop.one-line {
  height: 46px;
  padding: 4px 0;
}
.darg-n-drop.one-line p {
  font-size: 14px;
  font-size: 1rem;
}
.darg-n-drop.small-height {
  height: 80px;
  padding: 20px 0;
}
.darg-n-drop.height-auto {
  height: auto;
  padding: 20px 0;
}
.darg-n-drop.bigger-style {
  height: 350px;
  padding: 60px 0;
  background-color: #ffffff;
  border: 1px solid #707070;
  transition: all 0.3s ease-in-out;
}
.darg-n-drop.bigger-style p {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #676C79;
  max-width: 30%;
  margin: 0 auto;
}
.darg-n-drop.bigger-style p i {
  font-size: 60px;
  font-size: 4.2857142857rem;
  color: #676C79;
  margin-bottom: 40px;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.darg-n-drop.bigger-style small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #676C79;
  max-width: 50%;
  margin: 0 auto;
  display: block;
}
.darg-n-drop.bigger-style:hover {
  border-color: #0077C0;
}
.darg-n-drop.bigger-style:hover p i {
  color: #0077C0;
  top: 10px;
}
.darg-n-drop.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.assign-list-box .mat-standard-chip.mat-chip {
  border: 2px solid #ffffff;
  margin-right: -10px !important;
}

.mat-chip-list-wrapper {
  display: inline-flex !important;
  margin-left: 0 !important;
}
.mat-chip-list-wrapper .mat-standard-chip {
  min-height: 26px;
}
.mat-chip-list-wrapper .mat-standard-chip:hover:after, .mat-chip-list-wrapper .mat-standard-chip:focus:after {
  opacity: 0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip {
  transition: all 0.3s ease-in-out;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.pointered {
  cursor: pointer;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.round {
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.hidden {
  border-color: transparent !important;
  color: transparent !important;
  background: transparent !important;
  pointer-events: none;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline {
  border: 2px solid #676C79;
  color: #676C79;
  background-color: transparent;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-blue {
  border-color: #0077C0;
  color: #0077C0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-red {
  border-color: #FF4A56;
  color: #FF4A56;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-green {
  border-color: #5AB78A;
  color: #5AB78A;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-sky {
  border-color: #0093FF;
  color: #0093FF;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-orange {
  border-color: #ff8300;
  color: #ff8300;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-yellow {
  border-color: #F8D63F;
  color: #F8D63F;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue {
  background-color: #0077C0;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red {
  background-color: #FF4A56;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green {
  background-color: #5AB78A;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky {
  background-color: #0093FF;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan {
  background-color: #64CDDB;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange {
  background-color: #ff8300;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-yellow {
  background-color: #FFDD00;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple {
  background-color: #C27AEB;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink {
  background-color: #EB8686;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue-light {
  background-color: #b3c5e7;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-light {
  background-color: #e07673;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green-light {
  background-color: #7ec784;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-light {
  background-color: #73aff4;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan-light {
  background-color: #9ED9D2;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange-light {
  background-color: #F3A683;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple-light {
  background-color: #9EB9DE;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink-light {
  background-color: #f4bfbb;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-inactive {
  background-color: #f6bd23;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan-text {
  background-color: #ecfffc;
  color: #00bf9d;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-gray-text {
  background-color: #ededed;
  color: #696969;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-yellow-text {
  background-color: #fff4e3;
  color: #b46e06;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green-text {
  background-color: #ecffec;
  color: #078f04;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-text {
  background-color: #ffeaea;
  color: #b80f0f;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-task {
  background-color: rgba(0, 147, 255, 0.08);
  color: #0093FF;
  border: 1px solid rgba(0, 147, 255, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-task .mat-chip-remove {
  color: #FF4A56;
  opacity: 1;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-task {
  background-color: rgba(224, 118, 115, 0.08);
  color: #e07673;
  border: 1px solid rgba(224, 118, 115, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-task .mat-chip-remove {
  color: #FF4A56;
  opacity: 1;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-green {
  background-color: rgba(90, 183, 138, 0.1);
  color: #5ab78a;
  border: 1px solid rgba(90, 183, 138, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-green:hover {
  background-color: rgba(90, 183, 138, 0.2);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline {
  border: 2px solid #d6d6d6;
  color: #d6d6d6;
  background-color: transparent;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.small {
  border-width: 1px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  min-height: 24px;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-blue {
  border-color: #0077C0;
  color: #0077C0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-red {
  border-color: #FF4A56;
  color: #FF4A56;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-green {
  border-color: #5AB78A;
  color: #5AB78A;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-sky {
  border-color: #0093FF;
  color: #0093FF;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-gray {
  border-color: #676C79;
  color: #676C79;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-gray-light {
  border-color: #b7bac2;
  color: #b7bac2;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-cyan {
  border-color: #64CDDB;
  color: #64CDDB;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-orange {
  border-color: #ff8300;
  color: #ff8300;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-purple {
  border-color: #C27AEB;
  color: #C27AEB;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-pink {
  border-color: #EB8686;
  color: #EB8686;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-yellow {
  border-color: #FFDD00;
  color: #FFDD00;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-blue-light {
  border-color: #b3c5e7;
  color: #b3c5e7;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-red-light {
  border-color: #e07673;
  color: #e07673;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-green-light {
  border-color: #7ec784;
  color: #7ec784;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-sky-light {
  border-color: #73aff4;
  color: #73aff4;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-cyan-light {
  border-color: #9ED9D2;
  color: #9ED9D2;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-orange-light {
  border-color: #F3A683;
  color: #F3A683;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-purple-light {
  border-color: #9EB9DE;
  color: #9EB9DE;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-pink-light {
  border-color: #f4bfbb;
  color: #f4bfbb;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-inactive {
  border-color: #f6bd23;
  color: #f6bd23;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-blue {
  border-color: #0077C0;
  background-color: rgba(0, 119, 192, 0.1);
  color: #0077C0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-green {
  background-color: rgba(90, 183, 138, 0.1);
  border-color: #5AB78A;
  color: #5AB78A;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-red {
  border-color: #DF6B51;
  background-color: rgba(223, 107, 81, 0.1);
  color: #DF6B51;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-gray {
  border-color: #747780;
  background-color: rgba(116, 119, 128, 0.1);
  color: #747780;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.adjusted-inline {
  top: -2px;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip .ellipses-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.outside-fileds-chips .mat-chip-list-wrapper {
  display: flex !important;
}

.mat-menu-item .mat-icon {
  line-height: 24px;
}
.mat-menu-item:hover {
  text-decoration: none;
}
.mat-menu-item:hover .mat-icon {
  color: #ffffff !important;
}
.mat-menu-item:hover.mat-menu-item-submenu-trigger:after {
  color: #ffffff;
}

.hide-element {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
}
.hide-element * {
  display: none;
}

.show-element {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 2000px;
}

.hide-text {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  overflow: hidden;
  width: 0 !important;
  height: 0 !important;
  display: none;
}

.show-text {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  overflow: visible;
  width: auto !important;
  height: auto !important;
  display: inline-block;
}

.notice-new {
  background-color: rgba(0, 147, 255, 0.06);
  border: 1px solid rgba(0, 147, 255, 0.08);
  border-radius: 8px;
  padding: 16px 28px;
  position: relative;
}
.notice-new span {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  width: calc(100% - 42px);
}
.notice-new > .far,
.notice-new > .fas,
.notice-new > .fal {
  vertical-align: middle;
  color: #0093FF;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.notice-new .summary {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.notice-new .summary li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.notice-new .close-icon {
  position: absolute;
  right: 6px;
  top: 12px;
}
.notice-new .close-icon span {
  width: auto;
  margin: 0;
}
.notice-new.red {
  background-color: rgba(255, 74, 86, 0.06);
  border: 1px solid rgba(255, 74, 86, 0.06);
}
.notice-new.red > .far,
.notice-new.red > .fas,
.notice-new.red > .fal {
  color: #FF4A56;
}
.notice-new.orange {
  background-color: rgba(255, 158, 20, 0.06);
  border: 1px solid rgba(255, 158, 20, 0.06);
}
.notice-new.orange > .far,
.notice-new.orange > .fas,
.notice-new.orange > .fal {
  color: #FF9E14;
}

.user-assign-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.user-assign-list ul li {
  border-bottom: 1px solid #CCCED2;
  padding: 8px 20px;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li .check-assign {
  color: #B2B5BB;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.user-assign-list ul li .check-assign:hover, .user-assign-list ul li .check-assign.checked {
  color: #5ABA8A;
}
.user-assign-list ul li .check-assign.blue:hover, .user-assign-list ul li .check-assign.blue.checked {
  color: #0077C0;
}
.user-assign-list ul li .move-button {
  font-size: 16px;
  font-size: 1.1428571429rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li h4 small {
  color: #B2B5BB;
  font-weight: 500;
  display: block;
  font-size: 14px;
  font-size: 1rem;
  margin-top: 6px;
}
.user-assign-list ul li .wo-date {
  color: #999DA5;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
.user-assign-list ul li .wo-date i {
  color: #676C79;
}
.user-assign-list ul li .linked-date {
  color: #676C79;
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
.user-assign-list ul li .linked-date:hover {
  color: #0093FF;
}
.user-assign-list ul li .wo-list {
  text-decoration: none;
  color: #676C79;
  transition: color 0.3s ease-in-out;
}
.user-assign-list ul li .wo-list:hover {
  color: #0093FF;
}
.user-assign-list ul li.current {
  background-color: #0093FF;
}
.user-assign-list ul li.current h4,
.user-assign-list ul li.current .wo-date,
.user-assign-list ul li.current .linked-date,
.user-assign-list ul li.current .wo-list,
.user-assign-list ul li.current .mat-icon-button {
  color: #ffffff !important;
}
.user-assign-list ul li .mat-hover-blue {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li:hover, .user-assign-list ul li.active {
  background-color: #F7F8FC;
}
.user-assign-list ul li:hover .mat-hover-blue,
.user-assign-list ul li:hover .move-button, .user-assign-list ul li.active .mat-hover-blue,
.user-assign-list ul li.active .move-button {
  opacity: 1;
}
.user-assign-list ul li:hover .mat-icon-button.mat-gray-green, .user-assign-list ul li.active .mat-icon-button.mat-gray-green {
  color: #5ABA8A;
}
.user-assign-list ul li:hover.current, .user-assign-list ul li.active.current {
  background-color: #0093FF;
}
.user-assign-list ul li:hover.current h4,
.user-assign-list ul li:hover.current .wo-date,
.user-assign-list ul li:hover.current .linked-date,
.user-assign-list ul li:hover.current .wo-list,
.user-assign-list ul li:hover.current .mat-icon-button, .user-assign-list ul li.active.current h4,
.user-assign-list ul li.active.current .wo-date,
.user-assign-list ul li.active.current .linked-date,
.user-assign-list ul li.active.current .wo-list,
.user-assign-list ul li.active.current .mat-icon-button {
  color: #ffffff !important;
}

.soreted-task-title {
  position: relative;
  margin-bottom: 10px;
}
.soreted-task-title .upper-layer {
  padding: 0 20px 4px;
  border-bottom: 2px solid #0077C0;
}
.soreted-task-title .upper-layer .text {
  font-size: 14px;
  font-size: 1rem;
  color: #676C79;
}
.soreted-task-title .upper-layer .date-accrodian {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
  color: #676C79;
}
.soreted-task-title .upper-layer .date-accrodian .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  background-color: #F7F8FC;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
}
.soreted-task-title .upper-layer .date-accrodian strong {
  transition: color 0.3s ease-in-out;
  color: #1A2235;
}
.soreted-task-title .upper-layer .date-accrodian.active {
  color: #0077C0;
}
.soreted-task-title .upper-layer .date-accrodian.active strong {
  color: #0077C0;
}
.soreted-task-title .upper-layer .date-accrodian.active .fal {
  transform: rotate(90deg);
}
.soreted-task-title .upper-layer .date-accrodian:hover {
  color: #0077C0;
}
.soreted-task-title .upper-layer .date-accrodian:hover strong {
  color: #0077C0;
}
.soreted-task-title .upper-layer .check-assign {
  color: #B2B5BB;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.soreted-task-title .upper-layer .check-assign .fal,
.soreted-task-title .upper-layer .check-assign .fas {
  vertical-align: top;
}
.soreted-task-title .upper-layer .check-assign:hover, .soreted-task-title .upper-layer .check-assign.checked {
  color: #5ABA8A;
}
.soreted-task-title .upper-layer .check-assign.blue:hover, .soreted-task-title .upper-layer .check-assign.blue.checked {
  color: #0077C0;
}
.soreted-task-title .upper-layer.active .mat-icon-button.mat-gray-green {
  color: #5ABA8A;
}
.soreted-task-title .bottom-layer {
  display: none;
  padding: 0 30px;
  background-color: #F8FBFE;
}
.soreted-task-title .bottom-layer table tr td {
  border: none;
  padding: 10px;
}
.soreted-task-title .bottom-layer table tr:hover {
  background-color: transparent;
}
.soreted-task-title.green .upper-layer {
  border-bottom-color: #5ABA8A;
}
.soreted-task-title.green .upper-layer .text,
.soreted-task-title.green .upper-layer .date-accrodian {
  color: #5ABA8A;
}
.soreted-task-title.green .upper-layer .text strong,
.soreted-task-title.green .upper-layer .date-accrodian strong {
  color: #5ABA8A;
}
.soreted-task-title.green .bottom-layer {
  background-color: rgba(90, 186, 138, 0.16);
}
.soreted-task-title.blue .upper-layer {
  border-bottom-color: #0077C0;
}
.soreted-task-title.blue .upper-layer .text,
.soreted-task-title.blue .upper-layer .date-accrodian {
  color: #0077C0;
}
.soreted-task-title.blue .upper-layer .text strong,
.soreted-task-title.blue .upper-layer .date-accrodian strong {
  color: #0077C0;
}
.soreted-task-title.blue .bottom-layer {
  background-color: rgba(0, 119, 192, 0.16);
}
.soreted-task-title.red .upper-layer {
  border-bottom-color: #FF4A56;
}
.soreted-task-title.red .upper-layer .text,
.soreted-task-title.red .upper-layer .date-accrodian {
  color: #FF4A56;
}
.soreted-task-title.red .upper-layer .text strong,
.soreted-task-title.red .upper-layer .date-accrodian strong {
  color: #FF4A56;
}
.soreted-task-title.red .bottom-layer {
  background-color: rgba(255, 74, 86, 0.16);
}

.bulk-upload-form p {
  color: #989b9e;
  font-size: 16px;
  padding-left: 20px;
}
.bulk-upload-form p span {
  color: #ff4a56;
}
.bulk-upload-form ul {
  display: flex;
  justify-content: space-around;
  padding-left: 0;
}
.bulk-upload-form ul li {
  display: flex;
  width: 290px;
  height: 180px;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.bulk-upload-form ul li img {
  margin-bottom: 5px;
}
.bulk-upload-form ul li input {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 2px solid #E8E8E8;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  background-color: rgba(0, 147, 255, 0.01);
  appearance: none;
}
.bulk-upload-form ul li input[type=radio]:checked {
  border: 2px solid #0093FF;
}
.bulk-upload-form.upload-box p {
  padding-left: 0;
}
.bulk-upload-form.upload-box .browse-btn {
  border: none;
  background-color: transparent;
  color: #0093FF;
  text-decoration: underline;
}
.bulk-upload-form.upload-box input[type=text] {
  background-color: transparent;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 1rem 2rem;
  border: 0;
}
.bulk-upload-form.upload-box label.file {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #000;
  text-align: center;
  /* text-transform: uppercase; */
  border: 2px dashed #ccc;
  margin: 1rem 0;
  padding: 2rem 4rem;
  background-color: rgba(204, 206, 210, 0.2);
}
.bulk-upload-form.upload-box label.file i {
  /* display: block; */
  color: #0093FF;
  font-size: 30px;
  vertical-align: bottom;
  /* 	margin-bottom: 20px; */
}
.bulk-upload-form.upload-box label.file:hover {
  background-color: rgba(204, 206, 210, 0.3);
}
.bulk-upload-form.upload-box label.file:active,
.bulk-upload-form.upload-box label.file.focus {
  border-color: #09f;
}
.bulk-upload-form.upload-box input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: 0;
  border: 1px solid red;
  cursor: pointer;
}

.uploaded-file-box {
  margin-top: 50px;
}
.uploaded-file-box h4 {
  font-size: 14px;
  color: #44444f;
}
.uploaded-file-box .progressbar {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.uploaded-file-box .progressbar i.fa-file-csv,
.uploaded-file-box .progressbar i.fa-file-alt {
  color: #0093FF;
  font-size: 24px;
}
.uploaded-file-box .progressbar i.fa-file-alt {
  color: #707070;
  font-size: 24px;
}
.uploaded-file-box .progressbar h5 {
  font-size: 12px;
  text-align: left;
  color: #44444f;
}
.uploaded-file-box .progressbar h5.medium {
  font-size: 14px;
  font-size: 1rem;
}
.uploaded-file-box .progressbar .progressbar-container {
  flex: 0 0 85%;
  position: relative;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line {
  width: 100%;
  background-color: #e5e6e8;
  height: 4px;
  border-radius: 5px;
  overflow: hidden;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .file-progress {
  position: absolute;
  right: 0;
  top: 2px;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .file-progress span {
  font-size: 10px;
  font-size: 0.7142857143rem;
  color: #676C79;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .status-line {
  transition: all 0.3s ease-in-out;
  height: 100%;
  background-color: #0093FF;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .status-line.darkblue {
  background-color: #0077C0;
}
.uploaded-file-box .progressbar .remove-file {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 18px;
}
.uploaded-file-box .progressbar .fas,
.uploaded-file-box .progressbar .fal,
.uploaded-file-box .progressbar .far {
  display: inline-block;
  vertical-align: middle;
}
.uploaded-file-box .progressbar.has-error .progressbar-container .progressbar-line .status-line {
  background-color: #FF4A56;
}
.uploaded-file-box .progressbar.has-error .fas,
.uploaded-file-box .progressbar.has-error .fal,
.uploaded-file-box .progressbar.has-error .far {
  display: inline-block;
  vertical-align: middle;
}

.select-assignee {
  color: #B2B5BB !important;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
}
.select-assignee .round {
  transition: border-color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  border: 1px dotted #B2B5BB !important;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
}
.select-assignee .round i {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.select-assignee:hover, .select-assignee:focus {
  text-decoration: none;
  color: #0077C0 !important;
}
.select-assignee:hover .round, .select-assignee:focus .round {
  border-color: #0077C0 !important;
}

.big-icon {
  font-size: 56px;
  font-size: 4rem;
}
.big-icon.skyblue {
  color: #0093FF;
}
.big-icon.blue {
  color: #0077C0;
}
.big-icon.green {
  color: #5AB78A;
}

.project-sections-main-panel {
  position: relative;
  top: 132px;
  padding-top: 16px;
}
.project-sections-main-panel.inactive-view {
  opacity: 0.6;
}
.project-sections-main-panel .project-sections-left-panel {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel.sticky-panel {
  position: sticky;
  left: 0;
  top: 148px;
}
.project-sections-main-panel .project-sections-left-panel .category-search {
  position: relative;
}
.project-sections-main-panel .project-sections-left-panel .category-search input {
  border-radius: 4px;
  border: 2px solid #E9EBF2;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .category-search input::placeholder {
  color: #7D7D7D;
}
.project-sections-main-panel .project-sections-left-panel .category-search input:focus {
  border-color: #0077C0;
  outline: none;
}
.project-sections-main-panel .project-sections-left-panel .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #F7F8FC;
  min-width: 40px !important;
  height: 41px;
  color: #4D4F5C;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.project-sections-main-panel .project-sections-left-panel h2 {
  border-bottom: 2px solid #E9EBF2;
  padding-bottom: 12px;
}
.project-sections-main-panel .project-sections-left-panel .heading-container {
  border-bottom: 2px solid #E9EBF2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.project-sections-main-panel .project-sections-left-panel .heading-container h2 {
  border-bottom: none;
  padding-bottom: 0;
}
.project-sections-main-panel .project-sections-left-panel .heading-container.no-border {
  border-bottom: none;
}
.project-sections-main-panel .project-sections-left-panel .panel-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .panel-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 2;
  transform: rotate(0);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon {
  position: relative;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon:after {
  content: "\f08d";
  font-weight: 900;
  transform: rotate(45deg);
  display: block;
  font-size: 11px;
  font-size: 0.7857142857rem;
  position: absolute;
  left: 7px;
  top: 6px;
  width: 10px;
  height: 10px;
  z-index: 2;
  background-color: #ffffff;
  line-height: 1;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button.active {
  opacity: 1;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button:hover .mat-icon:before, .project-sections-main-panel .project-sections-left-panel .panel-stick-button:hover .mat-icon:after, .project-sections-main-panel .project-sections-left-panel .panel-stick-button.active .mat-icon:before, .project-sections-main-panel .project-sections-left-panel .panel-stick-button.active .mat-icon:after {
  color: #0077C0;
}
.project-sections-main-panel .project-sections-left-panel:after {
  content: "";
  position: absolute;
  right: 20px;
  top: -16px;
  background-color: #ECF0F1;
  height: calc(100vh - 132px);
  width: 1px;
}
.project-sections-main-panel .project-sections-left-panel ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel ul li a {
  color: rgba(103, 108, 121, 0.7);
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
  display: block;
  line-height: 1.3;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel ul li a.completed {
  color: #000000;
}
.project-sections-main-panel .project-sections-left-panel ul li a.completed i {
  color: #5AB78A;
}
.project-sections-main-panel .project-sections-left-panel ul li a.active {
  background-color: #F7F8FC;
  color: #0077C0;
}
.project-sections-main-panel .project-sections-left-panel ul li a:hover {
  background-color: #F7F8FC;
  text-decoration: none;
}
.project-sections-main-panel .project-sections-left-panel ul .child-list {
  padding-left: 20px;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .left-info i {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.project-sections-main-panel .project-sections-left-panel .left-info .smaller-text {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.project-sections-main-panel .project-sections-left-panel.collapsed {
  width: 0 !important;
  padding-left: 0 !important;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-button {
  transform: rotate(180deg);
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-button.mat-icon-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel.collapsed ul,
.project-sections-main-panel .project-sections-left-panel.collapsed h2,
.project-sections-main-panel .project-sections-left-panel.collapsed .category-search,
.project-sections-main-panel .project-sections-left-panel.collapsed .simple-link {
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .left-info {
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .scrollY {
  overflow-y: hidden;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-stick-button {
  opacity: 0;
}
.project-sections-main-panel .project-sections-left-panel.collapsed:hover .panel-stick-button {
  opacity: 0;
}
.project-sections-main-panel .project-sections-left-panel:hover .panel-stick-button {
  opacity: 1;
}
.project-sections-main-panel .project-sections-right-panel {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 250px);
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-right-panel.collapsed {
  width: calc(100% - 40px) !important;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style {
  position: sticky;
  padding: 14px 0px;
  margin-top: -16px;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style + .search-filter-container {
  top: 247px;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style + .search-filter-container + .table-containing .gray-table.fixed-header thead tr th {
  top: 247px;
}
.project-sections-main-panel.with-full-panel-search {
  padding-top: 140px;
}
.project-sections-main-panel.with-full-panel-search .project-sections-left-panel:after {
  top: -140px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel {
  width: 280px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li {
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li a {
  padding: 10px;
  white-space: nowrap;
  color: #444444;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current {
  background-color: #0077C0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current a {
  color: #ffffff;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current .list-opts {
  color: #ffffff;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current:hover {
  background-color: #0077C0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current:hover a {
  color: #ffffff;
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-alert:after {
  content: "";
  background-color: #FF9E14;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 6px;
  top: 18px;
  border-radius: 50%;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .list-opts {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .list-opts.always-visible {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .error-tooltip {
  position: absolute;
  top: 0;
  right: 40px;
  color: #EB2F2F;
  font-size: 18px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .error-tooltip .mat-icon {
  transform: translateY(-2px);
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked {
  background-color: #E5F1F9;
  text-decoration: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked a {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked.current {
  background-color: #0077C0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child .fa-angle-down {
  margin-right: 6px;
  pointer-events: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child > a:hover {
  background-color: #E5F1F9;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child .child-list {
  transition: all 0.3s ease-in-out;
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child.collapsed .fa-angle-down {
  transform: rotate(180deg);
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child.collapsed .child-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons a {
  padding-right: 34px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.move-icon .list-opts {
  cursor: move;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.left-icon a {
  padding-right: 10px;
  padding-left: 34px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.left-icon .list-opts {
  left: 0;
  right: auto;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover {
  background-color: #E5F1F9;
  text-decoration: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover a {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child .list-opts {
  opacity: 0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child .list-opts.always-visible {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover .child-list li:hover .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li {
  border-bottom: 1px solid #ECF0F1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li.current {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li.current a {
  color: #0077C0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li:hover {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li:hover a {
  color: #0077C0;
}
.project-sections-main-panel.updated-ui .project-sections-right-panel {
  width: calc(100% - 280px);
}

.mt--8 {
  margin-top: -10px !important;
}

.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 119, 192, 0.54);
}
.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-blue.mat-checked .mat-ripple-element {
  background-color: #0077C0;
}
.mat-slide-toggle.mat-green.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(90, 183, 138, 0.54);
}
.mat-slide-toggle.mat-green.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-green.mat-checked .mat-ripple-element {
  background-color: #5AB78A;
}
.mat-slide-toggle.mat-red.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 74, 86, 0.54);
}
.mat-slide-toggle.mat-red.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-red.mat-checked .mat-ripple-element {
  background-color: #FF4A56;
}

.fw-slash {
  position: relative;
}
.fw-slash:after {
  content: "/";
  position: absolute;
  color: #0077C0;
  left: 1px;
  top: -1px;
  font-size: 28px;
  font-size: 2rem;
  font-weight: 300;
  width: 100%;
  transform: rotate(25deg);
}

.list-options {
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 80px;
  min-width: 275px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.list-options.active {
  opacity: 1;
  z-index: 2;
  top: 50px;
  visibility: visible;
}
.list-options .green-text {
  color: #6BB739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.list-options .search-text {
  position: relative;
}
.list-options .search-text input {
  background: url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 7px;
  border-color: #B1B4B6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
}
.list-options .search-text input:focus {
  border-color: #0077C0;
}
.list-options .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #ffffff;
}
.list-options .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #B1B4B6;
}
.list-options .results-box {
  border-bottom: 2px solid #377db8;
  padding: 5px 10px;
  font-weight: 700;
}
.list-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.list-options ul li {
  margin-bottom: 0;
}
.list-options ul li a {
  padding: 14px 15px;
  display: block;
  color: #12202B;
  background-color: transparent;
  border-bottom: 1px solid #B1B4B6;
  transition: all 0.3s ease-in-out;
}
.list-options ul li a i {
  font-size: 16px;
  float: right;
  position: relative;
  top: 1px;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.list-options ul li a:hover, .list-options ul li a.active {
  background-color: #0077C0;
  color: #ffffff;
  text-decoration: none;
}
.list-options ul li a:hover i, .list-options ul li a.active i {
  opacity: 1;
  visibility: visible;
}
.list-options ul li a:focus {
  text-decoration: none;
}
.list-options ul li:last-child a {
  border-bottom: none;
}
.list-options.with-icons ul li a i {
  float: none;
  vertical-align: text-top;
  opacity: 1;
  visibility: visible;
}

.rotate-arrow {
  transform: rotate(180deg);
}

.dialog-icon {
  text-align: center;
  color: #5AB78A;
}
.dialog-icon.red {
  color: #FF4A56;
}
.dialog-icon.blue {
  color: #0077C0;
}
.dialog-icon i {
  font-size: 46px;
  font-size: 3.2857142857rem;
}
.dialog-icon.small-icon i {
  font-size: 36px;
  font-size: 2.5714285714rem;
}

.mat-dialog-title {
  font-size: 24px;
  font-size: 1.7142857143rem;
  text-align: center;
  color: #020A20;
  margin: 10px 0 20px !important;
}
.mat-dialog-title.medium {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
}
.mat-dialog-title.bordered {
  border-bottom: 1px solid #CCCED2;
  padding-bottom: 14px;
}

.mat-dialog-content {
  border-bottom: 1px solid #CCCED2;
  margin: 0 !important;
}
.mat-dialog-content.big-height {
  height: 300px;
}
.mat-dialog-content p {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 0 20px;
  text-align: center;
  margin-bottom: 20px;
}
.mat-dialog-content p.black-color {
  color: #020A20;
}
.mat-dialog-content ul li,
.mat-dialog-content ol li {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 12px;
}
.mat-dialog-content ul.black-color li,
.mat-dialog-content ol.black-color li {
  color: #020A20;
}
.mat-dialog-content .mat-checkbox-layout .mat-checkbox-label {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-dialog-content.no-border {
  border-bottom: none;
}

.mat-dialog-actions {
  padding: 30px 0 !important;
}

.search-filter-container {
  background-color: #ffffff;
  position: sticky;
  top: 132px;
  left: 0;
  z-index: 4;
  width: 100%;
  padding-top: 0;
}
.search-filter-container .filter-second-wrapper {
  padding: 10px !important;
}

.bulk-fields-form .field-header {
  border-bottom: 2px solid #0077C0;
  padding: 10px 0;
  color: #020A20;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.bulk-fields-form .field-label {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393C;
  margin-bottom: 0;
}
.bulk-fields-form .field-label + p {
  font-size: 14px;
  font-size: 1rem;
  color: rgba(103, 108, 121, 0.8);
}

.form-link-right {
  position: absolute !important;
  left: 100%;
  width: max-content;
  font-size: 16px;
  font-size: 1.1428571429rem;
  top: 4px;
}
.form-link-right.top0 {
  top: 0;
}

.hidden-opts {
  display: inline-block;
}
.hidden-opts .hover-opts {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.hidden-opts .hover-opts[aria-controls] {
  opacity: 1;
}
.hidden-opts:hover .hover-opts {
  opacity: 1;
}

.pt-18 {
  padding-top: 18px;
}

.mt--3 {
  margin-top: -3px;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-40 {
  margin-top: 40px;
}

.mt-16 {
  margin-top: 16px;
}

.fields-title {
  border-bottom: 2px solid #0077C0;
}
.fields-title .mat-icon-button {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.fields-title .mat-icon-button.visible-icon {
  opacity: 1;
}
.fields-title .mat-icon-button .smaller {
  margin-top: -4px;
}
.fields-title .mat-icon-button.collapsed {
  transform: rotate(180deg);
}
.fields-title .section-error-msg {
  display: none;
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #FF4A56;
}
.fields-title.with-error {
  border-bottom-color: #FF4A56;
}
.fields-title.with-error .section-error-msg {
  display: inline-block;
}
.fields-title:hover .mat-icon-button {
  opacity: 1;
}
.fields-title.left-button .mat-icon-button {
  transform: translateY(-1px);
}
.fields-title.left-button .mat-icon-button.collapsed {
  transform: rotate(180deg) translateY(-1px);
}

.fields-container {
  overflow: hidden;
}
.fields-container .field-set {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  padding-top: 1.34375em;
}
.fields-container .field-set .move-cursor,
.fields-container .field-set .float-right {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.fields-container .field-set:hover, .fields-container .field-set.current {
  background-color: rgba(177, 180, 182, 0.1);
}
.fields-container .field-set:hover .move-cursor,
.fields-container .field-set:hover .float-right, .fields-container .field-set.current .move-cursor,
.fields-container .field-set.current .float-right {
  opacity: 1;
}

.align-sub {
  vertical-align: sub !important;
}

.move-cursor {
  cursor: move !important;
}
.move-cursor:disabled {
  cursor: auto !important;
}

.mat-snack-bar-container .mat-simple-snackbar {
  font-size: 14px;
  font-size: 1rem;
}
.mat-snack-bar-container .mat-simple-snackbar-action button {
  min-width: 100px !important;
  line-height: 36px !important;
  font-size: 14px;
  font-size: 1rem;
}
.mat-snack-bar-container.green {
  background-color: #5ABA8A;
  color: #ffffff;
}
.mat-snack-bar-container.green .mat-simple-snackbar-action button {
  background-color: rgba(255, 255, 255, 0.16);
  max-height: none;
  color: #ffffff;
}
.mat-snack-bar-container.yellow-bar {
  background-color: #d0d312;
  color: #ffffff;
}
.mat-snack-bar-container.yellow-bar .mat-simple-snackbar-action button {
  background-color: rgba(255, 255, 255, 0.16);
  max-height: none;
  color: #ffffff;
}

.gallery-view .gallery-img {
  display: inline-block;
  vertical-align: top;
  width: 110px;
  height: 110px;
  border-radius: 16px;
  overflow: hidden;
}
.gallery-view .gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-view .gallery-img.overlay {
  position: relative;
}
.gallery-view .gallery-img.overlay::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.gallery-view .gallery-img.overlay p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #ffffff;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
  line-height: 1.1;
  width: 100%;
  height: 100%;
  top: 36px;
  left: 0;
}
.gallery-view .gallery-img.overlay p span {
  display: block;
}

.uploaded-imgs .img-box {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.uploaded-imgs .img-box .img-container {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.uploaded-imgs .img-box .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uploaded-imgs .img-box .img-container.bordered {
  border: 1px solid #E2E2EA;
}
.uploaded-imgs .img-box .delete-icon {
  position: absolute;
  top: -12px;
  right: -12px;
  color: #FF4A56;
}
.uploaded-imgs .img-box .delete-icon mat-icon:before {
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
}

.last-update {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #B2B5BB;
  font-style: italic;
}

.comments-area .comment-bar {
  border-bottom: 1px solid rgba(0, 119, 192, 0.2);
  margin-left: 40px;
  padding-top: 8px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.comments-area .comment-bar .comment-top-bar {
  padding-right: 40px;
  position: relative;
}
.comments-area .comment-bar .comment-top-bar .badges.round {
  margin-left: -40px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.comments-area .comment-bar .comment-top-bar .name {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.comments-area .comment-bar .comment-top-bar .date {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.comments-area .comment-bar .comment-top-bar .reply {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  vertical-align: middle;
  margin-right: 6px;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .reply:hover {
  color: #0077C0;
  text-decoration: none;
}
.comments-area .comment-bar .comment-top-bar .comments-options {
  color: #0077C0;
  position: absolute;
  right: 12px;
  top: 6px;
}
.comments-area .comment-bar .comment-top-bar .comments-options .material-icons {
  vertical-align: middle;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list {
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 50px;
  right: 12px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 30px;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202B;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #C7C8CA;
  background-color: #e5e5e5;
  border-bottom: 1px solid #C7C8CA;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a:hover {
  background-color: #0077C0;
  color: #ffffff;
  text-decoration: none;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li:last-child a.disabled {
  border-bottom: none;
}
.comments-area .comment-bar .comments-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  margin: 6px 0;
  margin-left: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comments-area .comment-bar .comments-text .ellipses-text {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comments-area .comment-bar .field-group {
  margin: 8px 0;
}
.comments-area .comment-bar .field-group .mat-input-element {
  padding-right: 70px;
}
.comments-area .comment-bar .field-group .attachement-link {
  position: absolute;
  right: 40px;
  top: 3px;
}
.comments-area .comment-bar .field-group .submit-link {
  position: absolute;
  right: 8px;
  top: 3px;
}
.comments-area .comment-bar .field-group .submit-link.bottom-set {
  top: auto;
  bottom: 30px;
}
.comments-area .comment-bar .field-group .error-red {
  color: #DF6B51;
}
.comments-area .comment-bar.secrond-level {
  margin-left: 80px;
}
.comments-area .comment-bar.third-level {
  margin-left: 120px;
}
.comments-area .comment-bar.first-comment-bar {
  border-bottom: none;
  margin-left: 0;
  padding-top: 0;
}
.comments-area .comment-bar:last-child {
  border-bottom: none;
}

.column-selector {
  position: absolute;
  min-width: 250px;
  right: 10px;
  top: 44px;
  text-transform: capitalize;
  line-height: 1;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}
.column-selector .selector-header {
  border-radius: 6px 6px 0 0;
  background-color: #0077C0;
  color: #ffffff;
  padding: 16px 14px 13px 14px;
}
.column-selector .selector-header:before {
  content: "";
  position: absolute;
  right: 10px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0077C0;
}
.column-selector .selector-header h4 {
  color: #ffffff;
  margin: 0;
}
.column-selector .selector-body {
  background-color: #ffffff;
  padding: 14px 14px 60px 14px;
  border-radius: 0 0 6px 6px;
}
.column-selector .selector-body .column-search {
  position: relative;
  margin-top: 8px;
}
.column-selector .selector-body .column-search i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #B2B5BB;
}
.column-selector .selector-body .column-search input {
  border: 1px solid #B2B5BB;
  border-radius: 4px;
  width: 100%;
  padding: 6px 6px 6px 28px;
  transition: border-color 0.3s ease-in-out;
}
.column-selector .selector-body .column-search input::placeholder {
  color: #B2B5BB;
}
.column-selector .selector-body .column-search input:focus {
  outline: none;
  border-color: #0077C0;
}
.column-selector .selector-body .column-list {
  max-height: 200px;
  padding: 14px;
  margin-left: -14px;
}
.column-selector .selector-body .column-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.column-selector .selector-body .column-list ul li {
  margin-bottom: 10px;
}
.column-selector .selector-footer {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 8px);
  background-color: #F7F8FC;
  padding: 10px;
  border-radius: 0 0 6px 6px;
}
.column-selector.opened {
  visibility: visible;
  opacity: 1;
}

.mat-menu-content .menu-title {
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-transform: uppercase;
  color: #B2B5BB;
  padding: 6px 16px;
  display: block;
  border-bottom: 1px solid #B2B5BB;
  position: relative;
}

.width-set.mat-menu-panel {
  min-width: 230px;
  /* &:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid $color-white;
  } */
}

.checked-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.checked-list li {
  margin-bottom: 4px;
}
.checked-list li a {
  color: #000000;
}
.checked-list li a span {
  text-decoration: underline;
  margin-left: 0;
  width: auto;
}
.checked-list li span {
  margin-left: 0;
  width: auto;
}
.checked-list li .check-icon {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

hr {
  margin: 0;
  height: 2px;
}
hr.blue {
  border-top: 2px solid #0077C0;
}
hr.gray {
  border-top: 2px solid #E5E6E8;
}

.error-icon {
  display: inline-block;
  font-size: 20px;
  font-size: 1.4285714286rem;
}

::ng-deep .mat-tooltip {
  background-color: #ffffff !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 10px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin: 6px !important;
  color: #1A2235 !important;
  word-break: normal !important;
  white-space: normal !important;
  /* &:before {
    content: '';
    position: absolute;
    top: -6px;
    left: calc(50% - 3px);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid $color-white;
  } */
}

.thumb-imgs {
  display: inline-block;
  vertical-align: middle;
}
.thumb-imgs a {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 50px;
  border-radius: 4px;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
}
.thumb-imgs a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb-imgs a .more {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-size: 1rem;
}
.thumb-imgs a:last-child {
  margin-right: 0;
}
.thumb-imgs a:first-child {
  margin-left: 0;
}

.field-option-box .field-select-box {
  border: 1px solid #A1ACB4;
  border-radius: 6px;
  padding: 14px 20px;
  height: 100%;
  cursor: pointer;
}
.field-option-box .field-select-box .title-area {
  pointer-events: none;
}
.field-option-box .field-select-box .title-area .left {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.field-option-box .field-select-box .title-area .left i {
  color: #596174;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.field-option-box .field-select-box .title-area .right {
  display: inline-block;
  vertical-align: top;
}
.field-option-box .field-select-box .title-area .right h3 {
  color: #1A2235;
  margin-bottom: 2px;
}
.field-option-box .field-select-box .title-area .right p {
  color: #596174;
  margin-bottom: 0;
}
.field-option-box .field-select-box .list-area {
  pointer-events: none;
  margin-top: 6px;
}
.field-option-box .field-select-box .list-area ul li {
  color: #596174;
}
.field-option-box .field-select-box.active {
  border-color: #0093FF;
}
.field-option-box .field-select-box.active .title-area .left i {
  color: #0093FF;
}
.field-option-box .field-select-box.active .title-area .right h3 {
  color: #0093FF;
}

.permission-list {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  overflow: hidden;
}
.permission-list .mat-icon-button.collapsed {
  transform: rotate(180deg);
}
.permission-list .permission-header {
  padding: 14px 20px 14px 14px;
  background-color: #F7F8FC;
}
.permission-list .permission-body {
  border-top: 1px solid #E8E8E8;
  padding: 0 20px;
}
.permission-list .permission-body ul {
  list-style: none outside none;
  margin: 8px 0;
  padding: 0;
}
.permission-list .permission-body ul li {
  border-bottom: 1px solid #E8E8E8;
  padding: 0 10px;
}
.permission-list .permission-body ul li .field-group .mat-form-field-wrapper {
  padding-bottom: 0;
}
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-start,
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: none;
}
.permission-list .permission-body ul li:last-child {
  border-bottom: none;
}
.permission-list .permission-body ul li.has-child > .row {
  border-bottom: 1px solid #E8E8E8;
}
.permission-list .permission-body ul li.has-child > .row + ul li {
  margin: 0 -10px;
}
.permission-list .permission-body ul li.has-child > .row + ul li .my-auto {
  padding-left: 39px;
}
.permission-list .permission-body ul li.has-sub-child > .row {
  border-bottom: 1px solid #E8E8E8;
}
.permission-list .permission-body ul li.has-sub-child > .row + ul li {
  margin: 0 -10px;
}
.permission-list .permission-body ul li.has-sub-child > .row + ul li .my-auto {
  padding-left: 69px;
}

.disbaled-text {
  color: #C7C8CA !important;
}

.download-disabled-bulkwo {
  border-radius: 4px;
  background: #F7F7F7;
  color: #C7C8CA;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .download-disabled-bulkwo {
    margin-top: 70px;
  }
}
.download-disabled-bulkwo p {
  position: relative;
  top: 0;
}
.download-disabled-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -40px;
}
.download-disabled-bulkwo .file-loader {
  position: absolute;
  background-color: rgba(247, 247, 247, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.download-disabled-bulkwo .file-loader p {
  color: #1A2235;
}
.download-disabled-bulkwo .file-loader img {
  width: 100px;
}

.download-box-bulkwo {
  border-radius: 4px;
  border: 1px solid #707070;
  color: #1A2235;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .download-box-bulkwo {
    margin-top: 70px;
  }
}
.download-box-bulkwo p {
  position: relative;
  top: -20px;
}
.download-box-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -60px;
  color: #5AB78A;
  transition: all 0.3s ease-in-out;
}
.download-box-bulkwo button {
  position: absolute;
  bottom: 20px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.download-box-bulkwo:hover {
  border-color: #0077C0;
  text-decoration: none;
}
.download-box-bulkwo:hover button {
  opacity: 1;
}
.download-box-bulkwo:hover p {
  color: #1A2235;
}
.download-box-bulkwo:hover mat-icon {
  top: -50px;
}

.upload-disabled-bulkwo {
  border-radius: 4px;
  background: #F7F7F7;
  color: #C7C8CA;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo {
    margin-top: 70px;
  }
}
.upload-disabled-bulkwo p {
  position: relative;
  top: 0;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo p {
    top: 10px;
  }
}
.upload-disabled-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -40px;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo mat-icon {
    top: -30px;
  }
}
.upload-disabled-bulkwo .file-loader {
  position: absolute;
  background-color: rgba(247, 247, 247, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.upload-disabled-bulkwo .file-loader p {
  color: #1A2235;
}
.upload-disabled-bulkwo .file-loader img {
  width: 100px;
}

/* .upload-disabled-bulkwo {
  border-radius: 20px;
  background: $dl-offwhite;
  color: $color-btn-gray;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;

  mat-icon {
    @include font-size(60);
    width: 60px;
    height: 60px;
  }

  .padded {
    padding: 0 10px;
    margin-bottom: 0;
    position: relative;
    top: 26px;
  }

  small {
    @include font-size(12);
    position: absolute;
    bottom: 20px;
  }

  .simple-link {
    pointer-events: none;
    @include font-size(14);
    &.skyBlue {
      color: $color-btn-gray !important;
    }
  }
} */
.upload-box-bulkwo {
  border-radius: 4px;
  border: 1px solid #707070;
  color: #676C79;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-box-bulkwo {
    margin-top: 70px;
  }
}
.upload-box-bulkwo p {
  position: relative;
  top: -15px;
  color: #1A2235;
}
.upload-box-bulkwo small {
  color: #676C79;
  font-size: 12px;
  font-size: 0.8571428571rem;
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
}
.upload-box-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -49px;
  color: #0077C0;
  transition: all 0.3s ease-in-out;
}
.upload-box-bulkwo .mat-flat-button {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.upload-box-bulkwo .mat-flat-button .btn-dropdown {
  width: 24px;
  height: 24px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #ffffff;
  top: auto;
}
.upload-box-bulkwo:hover {
  border-color: #0077C0;
  text-decoration: none;
}
.upload-box-bulkwo:hover .mat-flat-button {
  opacity: 1;
}
.upload-box-bulkwo:hover p {
  color: #1A2235;
}
.upload-box-bulkwo:hover mat-icon {
  top: -39px;
}

/* .upload-box-bulkwo {
  border: 1px dashed $dl-gray-lighter;
  border-radius: 20px;
  color: $dl-gray-lighter;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;

  .padded {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    top: -4px;
  }

  small {
    color: $dl-gray-lighter;
    @include font-size(12);
    position: absolute;
    bottom: 20px;
  }

  mat-icon {
    @include font-size(60);
    width: 60px;
    height: 60px;

    &.btn-dropdown {
      width: 24px;
      height: 24px;
      @include font-size(16);
    }
  }

  .mat-flat-button {
    position: absolute;
    bottom: 20px;
    transition: box-shadow 0.3s ease-in-out;

    &:hover {
      box-shadow: 0px 4px 6px #00000029;
    }
  }
} */
.upload-success-bulkwo {
  border: 1px solid #676C79;
  border-radius: 20px;
  color: #676C79;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-success-bulkwo {
    margin-top: 70px;
  }
}
.upload-success-bulkwo .padded {
  padding: 0 20px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.upload-success-bulkwo small {
  color: #676C79;
  font-size: 12px;
  font-size: 0.8571428571rem;
  position: absolute;
  bottom: 20px;
}
.upload-success-bulkwo mat-icon {
  font-size: 60px;
  font-size: 4.2857142857rem;
  width: 60px;
  height: 60px;
  color: #5AB78A;
}

.wo-btns {
  border: 1px solid #B2B5BB;
  border-radius: 4px;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  min-height: 210px;
  width: calc(50% - 20px);
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.wo-btns:first-child {
  margin-right: 20px;
}
.wo-btns .icon {
  /* display: inline-block;
  vertical-align: middle; */
  display: block;
  /* max-width: 60px;
  margin-right: 30px; */
}
.wo-btns .icon i {
  font-size: 36px;
  font-size: 2.5714285714rem;
  color: #B2B5BB;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
}
.wo-btns .content {
  /* width: calc(100% - 80px);
  display: inline-block;
  vertical-align: middle; */
  display: block;
}
.wo-btns .content h3 {
  transition: all 0.3s ease-in-out;
  color: #1A2235;
  margin-top: 20px;
}
.wo-btns .content p {
  font-size: 14px;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  color: #1A2235;
}
.wo-btns:hover {
  text-decoration: none;
  border-color: #0077C0;
}
.wo-btns:hover .icon i {
  color: #0077C0;
  top: 10px;
}

.wo-steps .wo-state {
  width: 33.3333%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.wo-steps .wo-state:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 18px;
  height: 1px;
  width: 100%;
  border: 1px dashed #C7D2D9;
  z-index: 1;
}
.wo-steps .wo-state .number {
  position: relative;
  z-index: 5;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 34px;
  background-color: #B2B5BB;
  text-align: center;
  margin: 0 auto;
  border: 4px solid #ffffff;
}
.wo-steps .wo-state .icon {
  position: relative;
  z-index: 5;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 34px;
  background-color: #0077C0;
  text-align: center;
  margin: 0 auto;
  border: 4px solid #ffffff;
  display: none;
}
.wo-steps .wo-state .text {
  margin-top: 10px;
  color: #B2B5BB;
}
.wo-steps .wo-state:last-child:after {
  display: none;
}
.wo-steps .wo-state.current .number {
  background-color: #0077C0;
}
.wo-steps .wo-state.current .text {
  color: #0077C0;
}
.wo-steps .wo-state.done .number {
  display: none;
}
.wo-steps .wo-state.done .icon {
  display: block;
}
.wo-steps .wo-state.done .text {
  color: #0077C0;
}
.wo-steps .wo-state.done:after {
  border-color: #0077C0;
}

.view-fields {
  min-height: 348px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.file-error {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #FF4A56;
}

.asset-stats-btns {
  max-width: 1304px;
  margin: 0 auto;
}
.asset-stats-btns a {
  display: inline-flex;
  justify-content: start;
  /* flex-direction: column; */
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #E5E6E8;
  padding: 36px 16px;
  box-shadow: 0px 6px 6px rgba(78, 125, 150, 0.1);
  transition: all 0.3s ease-in-out;
  min-width: 306px;
  margin: 0 10px 20px 10px;
}
.asset-stats-btns a .round-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.asset-stats-btns a .round-icon i {
  color: rgba(52, 59, 76, 0.8);
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 66px;
}
.asset-stats-btns a .round-icon.cyan {
  background-color: rgba(0, 119, 192, 0.1);
}
.asset-stats-btns a .round-icon.purple {
  background-color: rgba(194, 122, 235, 0.1);
}
.asset-stats-btns a .round-icon.yellow {
  background-color: rgba(243, 166, 131, 0.1);
}
.asset-stats-btns a .round-icon.sky {
  background-color: rgba(3, 196, 198, 0.1);
}
.asset-stats-btns a .round-icon.green {
  background-color: rgba(0, 255, 60, 0.1);
}
.asset-stats-btns a .round-icon.red {
  background-color: rgba(255, 0, 0, 0.1);
}
.asset-stats-btns a .round-icon.orange {
  background-color: rgba(255, 77, 0, 0.1);
}
.asset-stats-btns a .content {
  text-align: left;
  max-width: calc(100% - 82px);
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
}
.asset-stats-btns a .content h3 {
  color: #7D7D7D;
  font-size: 18px;
  font-size: 1.2857142857rem;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  margin-bottom: 0;
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-stats-btns a .content h4 {
  color: #4D4F5C;
  font-size: 30px;
  font-size: 2.1428571429rem;
  margin-bottom: 0;
  pointer-events: none;
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-stats-btns a:hover {
  text-decoration: none;
  border-color: #0077C0;
}
.asset-stats-btns a.selected {
  text-decoration: none;
  border-color: #0077C0;
  background-color: rgba(0, 119, 192, 0.05);
}
.asset-stats-btns a.selected .content h3 {
  color: #0077C0;
}
.asset-stats-btns.task-stats-btns a {
  padding: 23px 16px;
}
.asset-stats-btns.task-stats-btns a .round-icon {
  border-radius: 8px;
  width: 60px;
  height: 60px;
  text-align: center;
}
.asset-stats-btns.task-stats-btns a .round-icon i {
  color: inherit;
  line-height: 60px;
}
.asset-stats-btns.task-stats-btns a .round-icon.yellow {
  background-color: rgba(255, 221, 0, 0.16);
  color: #FFDD00;
}
.asset-stats-btns.task-stats-btns a .round-icon.green {
  background-color: rgba(27, 188, 114, 0.16);
  color: #1bbc72;
}
.asset-stats-btns.task-stats-btns a .round-icon.green-light {
  background-color: rgba(0, 255, 60, 0.16);
  color: #00FF3C;
}
.asset-stats-btns.task-stats-btns a .round-icon.red {
  background-color: rgba(255, 74, 86, 0.16);
  color: #FF4A56;
}
.asset-stats-btns.task-stats-btns a .round-icon.purple {
  background-color: rgba(194, 122, 235, 0.16);
  color: #C27AEB;
}
.asset-stats-btns.task-stats-btns a .round-icon.blue {
  background-color: rgba(0, 119, 192, 0.16);
  color: #0077C0;
}
.asset-stats-btns.task-stats-btns a .round-icon.blue-light {
  background-color: rgba(46, 176, 255, 0.16);
  color: #2EB0FF;
}
.asset-stats-btns.task-stats-btns a .round-icon.orange {
  background-color: rgba(255, 158, 20, 0.16);
  color: #FF9E14;
}
.asset-stats-btns.task-stats-btns a .content {
  margin-top: 3px;
}
.asset-stats-btns.billing-btns {
  margin-top: 20vh;
}
.asset-stats-btns.billing-btns a {
  border-radius: 6px;
  box-shadow: none;
  height: 120px;
  justify-content: center;
  align-items: stretch;
}

.bigger-search-bar {
  border: 1px solid #E5E6E8;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 5px 10px;
  box-shadow: 0px 6px 6px rgba(78, 125, 150, 0.1);
  transition: all 0.3s ease-in-out;
  max-width: 1284px;
  margin: 0 auto;
}
.bigger-search-bar:hover, .bigger-search-bar:focus-within {
  border-color: #0077C0;
}

.bigger-search-bar-secondary .search-bar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 75.6%;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions {
  position: absolute;
  box-shadow: 0px 3px 3px rgba(78, 125, 150, 0.1);
  border-radius: 3px;
  background-color: #ffffff;
  width: calc(100% + 10px);
  left: -10px;
  top: 55px;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions h6 {
  color: #999DA5;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin-bottom: 0;
  margin-top: 12px;
  padding-left: 30px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li {
  position: relative;
  padding: 6px 12px 6px 30px;
  line-height: 1;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li:before {
  content: "\f002";
  position: absolute;
  left: 6px;
  top: 5px;
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-family: "Font Awesome 5 Pro";
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link {
  color: #1A2235;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .remove {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li:hover {
  background-color: rgba(0, 119, 192, 0.1);
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions.active {
  max-height: 200px;
  visibility: visible;
  overflow: auto;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history {
  position: absolute;
  box-shadow: 0px 3px 3px rgba(78, 125, 150, 0.1);
  border-radius: 3px;
  background-color: #ffffff;
  width: calc(100% + 10px);
  left: -10px;
  top: 55px;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history h6 {
  color: #999DA5;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin-bottom: 0;
  margin-top: 12px;
  padding-left: 30px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li {
  position: relative;
  padding: 6px 12px 6px 30px;
  line-height: 1;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li:before {
  content: "\f017";
  position: absolute;
  left: 6px;
  top: 6px;
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-family: "Font Awesome 5 Pro";
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link {
  color: #1A2235;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .remove {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li:hover {
  background-color: rgba(0, 119, 192, 0.1);
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history.active {
  max-height: 200px;
  visibility: visible;
  overflow: auto;
}
.bigger-search-bar-secondary .search-bar input {
  height: 48px;
  padding: 6px 40px 6px 30px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar input::placeholder {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar input:focus {
  outline: none;
  /* ~ .asset-search-suggestions-history {
    max-height:200px;
    visibility: visible;
    overflow: auto;
  } */
}
.bigger-search-bar-secondary .search-bar .clear-search {
  position: absolute;
  color: #343B4C;
  right: 16px;
  top: 15px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.bigger-search-bar-secondary .search-bar .clear-search:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .search-icon {
  position: absolute;
  color: #999DA5;
  left: 0;
  top: 15px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.bigger-search-bar-secondary .search-bar.without-category {
  width: 92.6%;
  border-right: 1px solid rgba(125, 125, 125, 0.2);
}
.bigger-search-bar-secondary .search-category {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid rgba(125, 125, 125, 0.2);
  border-left: 1px solid rgba(125, 125, 125, 0.2);
  padding: 0 6px;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-outline,
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-select-placeholder {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077C0;
}
.bigger-search-bar-secondary .go-button {
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-left: 10px;
}
.bigger-search-bar-secondary.no-go-btn .search-category {
  border-right: none;
}

.asset-landing-container {
  padding: 0 20px;
}

.asset-results-table .result-counter .search-word {
  color: #676C79;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.asset-results-table .result-counter .result-sep {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.asset-results-table .result-counter .result-sep:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  background-color: rgba(103, 108, 121, 0.5);
  width: 1px;
  height: 22px;
}
.asset-results-table .result-counter .search-count {
  color: #676C79;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.asset-results-table .result-counter .simple-link {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}

.bg-light-gray {
  background-color: #FBFAFA;
}

/* Asset Updated View */
.asset-filter-listing-panel {
  position: relative;
  padding: 0 20px 20px;
}
.asset-filter-listing-panel .filter-btn {
  position: fixed;
  left: 20px;
  top: 140px;
  z-index: 10;
}
.asset-filter-listing-panel .filter-btn .btn-dropdown {
  /* @include transition(all 0.3s ease-in-out); */
}
.asset-filter-listing-panel .asset-filter-panel {
  padding: 20px 0 0 20px;
  position: fixed;
  width: 300px;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container {
  padding-top: 78px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search {
  position: relative;
  margin-top: -18px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input {
  border-radius: 4px;
  border: 2px solid #E9EBF2;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input::placeholder {
  color: #7D7D7D;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input:focus {
  border-color: #0077C0;
  outline: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #F7F8FC;
  min-width: 40px !important;
  height: 41px;
  color: #4D4F5C;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list h2 {
  border-bottom: 2px solid #E9EBF2;
  padding-bottom: 12px;
  margin-top: 26px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list h2:first-child {
  margin-top: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  max-height: 225px;
  overflow: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul.expanded {
  max-height: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li {
  border-bottom: 1px solid #E9EBF2;
  padding: 10px 4px;
  position: relative;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a {
  /* @extend %roboto-medium; */
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #1A2235;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a span {
  display: inline-block;
  text-decoration: underline;
  color: #7D7D7D;
  font-size: 14px;
  font-size: 1rem;
  pointer-events: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .mat-icon-button {
  position: absolute;
  top: 2px;
  right: -4px;
  visibility: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.no-border {
  border-bottom: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .field-group .mat-form-field-appearance-outline .mat-icon-button {
  visibility: visible;
  position: relative;
  top: auto;
  right: auto;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected a {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected a span {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected .mat-icon-button {
  visibility: visible;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li {
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a {
  padding: 10px;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 1.3;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a:hover {
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current {
  background-color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current a {
  color: #ffffff;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current .list-opts {
  color: #ffffff;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current:hover {
  background-color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current:hover a {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-alert:after {
  content: "";
  background-color: #FF9E14;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 6px;
  top: 18px;
  border-radius: 50%;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li .list-opts {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li .list-opts.always-visible {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked {
  background-color: #E5F1F9;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked a {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked.current {
  background-color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child .fa-angle-down {
  margin-right: 6px;
  pointer-events: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child > a:hover {
  background-color: #E5F1F9;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child .child-list {
  transition: all 0.3s ease-in-out;
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child.collapsed .fa-angle-down {
  transform: rotate(180deg);
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child.collapsed .child-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons a {
  padding-right: 34px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.move-icon .list-opts {
  cursor: move;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.left-icon a {
  padding-right: 10px;
  padding-left: 34px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.left-icon .list-opts {
  left: 0;
  right: auto;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover {
  background-color: #E5F1F9;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover a {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child .list-opts {
  opacity: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child .list-opts.always-visible {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover .child-list li:hover .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li {
  border-bottom: 1px solid #ECF0F1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li.current {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li.current a {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li:hover {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li:hover a {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel {
  width: calc(100% - 300px);
  left: 300px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.asset-filter-listing-panel .asset-listing-panel .top-container {
  position: fixed;
  width: calc(100% - 340px);
  left: 318px;
  top: 132px;
  z-index: 5;
  transition: all 0.3s ease-in-out;
  padding-top: 8px;
  background-color: #ffffff;
  text-align: right;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar {
  padding: 0 4px 0 12px;
  display: inline-block;
  max-width: none;
  vertical-align: top;
  width: calc(100% - 126px);
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-icon,
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .clear-search {
  top: 12px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-bar {
  margin-top: 2px;
  width: calc(100% - 288px);
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-bar input {
  height: 42px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-category .field-group .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 12px 0 12px 0;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button {
  padding-top: 4px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button .mat-flat-button {
  line-height: 38px !important;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button .mat-flat-button.small-width {
  min-width: 60px !important;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container {
  padding: 8px 0;
  background-color: #ffffff;
  position: fixed;
  width: calc(100% - 340px);
  left: 318px;
  top: 186px;
  z-index: 4;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 15px;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .search-for {
  color: #676C79;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count {
  color: #676C79;
  display: inline-block;
  padding: 0 16px;
  margin: 0 6px;
  border-left: 1px solid rgba(103, 108, 121, 0.4);
  border-right: 1px solid rgba(103, 108, 121, 0.4);
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count.no-left-border {
  border-left: none;
  padding-left: 10px;
  margin-left: 0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all {
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all .mat-checkbox-layout .mat-checkbox-label {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-title {
  color: #999DA5;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd {
  display: inline-block;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch {
  display: inline-block;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button {
  border: 1px solid #E5E6E8;
  width: 40px;
  height: 40px;
  line-height: 38px;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button:hover {
  background-color: #F6F6F6;
  color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button.current {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: 118px;
  /* justify-content: space-between; */
  column-gap: 20px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block {
  flex: 0 0 31.9%;
  width: 31.9%;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block {
    flex: 0 0 24%;
    width: 24%;
  }
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox {
  position: absolute;
  top: 12px;
  right: 15px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox .mat-checkbox-background {
  background-color: #ffffff;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox .mat-checkbox-background .mat-checkbox-checkmark-path {
  stroke: #0077C0 !important;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details {
  padding: 16px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-category .mat-icon-button {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-name {
  color: #1A2235;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-bottom: 10px;
  display: block;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-number {
  color: #343B4C;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-tags .tag {
  border-radius: 4px;
  border: 1px solid rgba(0, 119, 192, 0.4);
  color: #1A2235;
  display: inline-block;
  padding: 6px 16px;
  line-height: 1;
  margin-right: 8px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.inactive {
  background-color: #E2E2EA;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.inactive .item-img img {
  opacity: 0.5;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit {
  background-color: rgba(246, 189, 35, 0.1);
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit {
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .origin {
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 12px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .origin:after {
  content: "";
  background-color: #CCCED2;
  height: 1px;
  width: 8px;
  position: absolute;
  right: -10px;
  top: 3px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .destination {
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current {
  border-color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .item-img .mat-checkbox, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .item-img .mat-checkbox {
  opacity: 1;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .grid-details .item-category .mat-icon-button, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .grid-details .item-category .mat-icon-button {
  opacity: 1;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .grid-details .item-name, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .grid-details .item-name {
  color: #0077C0;
}
.asset-filter-listing-panel .asset-listing-panel .list-view-container {
  position: relative;
  top: 118px;
}
.asset-filter-listing-panel.hide-filters .filter-btn .btn-dropdown {
  transform: rotate(180deg);
  margin-top: -9px;
}
.asset-filter-listing-panel.hide-filters .asset-filter-panel {
  left: -300px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel {
  left: 0;
  width: 100%;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .top-container {
  width: calc(100% - 40px);
  left: 20px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 260px);
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .middle-sorting-container {
  width: calc(100% - 40px);
  left: 20px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container {
  column-gap: 17px;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container {
    column-gap: 23px;
  }
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container .grid-block {
  flex: 0 0 24%;
  width: 24%;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container .grid-block {
    flex: 0 0 19%;
    width: 19%;
  }
}
.asset-filter-listing-panel.with-border-button .filter-btn {
  position: absolute;
  right: -20px;
  left: auto;
  top: 10px;
}
.asset-filter-listing-panel.with-border-button .filter-btn mat-icon {
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-top: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel {
  padding-right: 20px;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel:after {
  content: "";
  background-color: #ECF0F1;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container {
  padding-top: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container .category-search {
  margin-top: 20px;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container .hint-text {
  font-size: 11.8px;
  font-size: 0.8428571429rem;
  margin-bottom: 0;
  color: #7D7D7D;
}
.asset-filter-listing-panel.with-border-button.hide-filters .filter-btn .btn-dropdown {
  transform: rotate(180deg);
  margin-top: 0;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-filter-panel {
  left: -280px;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel {
  left: 20px;
  width: calc(100% - 20px);
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container {
  width: calc(100% - 60px);
  left: 40px;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 130px);
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .middle-sorting-container {
  width: calc(100% - 60px);
  left: 40px;
}

.owl-dt-container .owl-dt-control-period-button .owl-dt-control-button-content {
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.owl-dt-container .owl-dt-control-period-button .owl-dt-control-button-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: 11px;
  font-size: 0.7857142857rem;
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-content {
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: #ffffff;
  background-color: #0077C0;
}
.owl-dt-container .owl-dt-container-buttons {
  color: #0077C0;
}
.owl-dt-container .owl-dt-timer-hour12 {
  color: #0077C0;
}
.owl-dt-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content, .owl-dt-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background-color: #0077C0;
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: 1;
  pointer-events: none;
}

.asset-details-container {
  padding: 20px 20px 0 20px;
}
.asset-details-container .asset-details-imgs {
  border-radius: 4px;
  overflow: hidden;
  max-height: 550px;
  position: relative;
}
.asset-details-container .asset-details-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 550px;
}
.asset-details-container .asset-details-imgs .img-actions {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.asset-details-container .asset-details-imgs .img-actions .view-gallery {
  vertical-align: top;
  color: #ffffff;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}
.asset-details-container .asset-details-imgs .img-actions .view-gallery:hover {
  background-color: #0077C0;
  text-decoration: none;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery {
  vertical-align: top;
  color: #ffffff;
  background-color: #000000;
  font-size: 24px;
  font-size: 1.7142857143rem;
  transition: all 0.3s ease-in-out;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery .mat-icon,
.asset-details-container .asset-details-imgs .img-actions .download-gallery i {
  line-height: 22px;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery:hover {
  background-color: #0077C0;
  text-decoration: none;
}
.asset-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}
.asset-loading .fetching-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
}
.asset-loading .fetching-container .fetching-img {
  -webkit-animation: continuous-rotation 2s infinite linear;
  display: inline-block;
  margin-bottom: 20px;
}

.no-border-dd {
  display: inline-block;
}
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.no-border-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.no-border-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.no-border-dd .mat-form-field-appearance-outline.medium .mat-form-field-infix {
  padding: 8px 0 8px 0;
}
.no-border-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.no-border-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077C0;
}
.centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100vh - 300px);
}
.centered-content.with-only-header {
  height: calc(100vh - 132px);
}
.centered-content.doubble-header {
  height: calc(100vh - 316px);
}

.transit-origin {
  position: relative;
  padding-left: 16px;
  padding-right: 60px;
  display: inline-block;
  vertical-align: top;
  max-width: 196px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transit-origin:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 100%;
  overflow: hidden;
}
.transit-origin:after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #CCCED2;
  position: absolute;
  right: 13px;
  top: 11px;
}

.transit-destination {
  position: relative;
  padding-left: 16px;
  padding-right: 12px;
  display: inline-block;
  vertical-align: top;
  max-width: 148px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transit-destination:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 100%;
  overflow: hidden;
}

.images-thumb .item {
  display: inline-block;
  vertical-align: middle;
  max-width: 328px;
  height: 186px;
  border-radius: 4px;
  margin: 0 5px 10px;
  overflow: hidden;
  position: relative;
}
.images-thumb .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.images-thumb .item .more {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 186px;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.images-thumb .item:last-child {
  margin-right: 0;
}
.images-thumb .item:first-child {
  margin-left: 0;
}

.notice-info {
  background-color: #ffffff;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 18px 38px 18px 18px;
  position: relative;
}
.notice-info p {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notice-info p .icons {
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 2px;
}
.notice-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 8px 0 0 8px;
}
.notice-info.blue:before {
  background-color: #0077C0;
}
.notice-info.blue p .icons {
  color: #0077C0;
}
.notice-info.light-blue:before {
  background-color: #0093FF;
}
.notice-info.light-blue p .icons {
  color: #0093FF;
}
.notice-info .clear-msg {
  position: absolute;
  right: 20px;
  top: 20px;
}
.notice-info .clear-msg i {
  color: #B2B5BB;
  font-size: 20px;
  font-size: 1.4285714286rem;
  pointer-events: none;
}

.section-seprator {
  position: relative;
}
.section-seprator span {
  color: #676C79;
  font-size: 16px;
  font-size: 1.1428571429rem;
  background-color: #FBFAFA;
  z-index: 2;
  position: relative;
  padding-right: 10px;
}
.section-seprator:after {
  content: "";
  background-color: #E5E6E8;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 13px;
  left: 0;
}

.customize-page-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 10px 16px;
  display: inline-block;
  background-color: rgba(0, 119, 192, 0.1);
  position: fixed;
  right: 20px;
  bottom: 20px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.customize-page-button span {
  color: #0077C0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  white-space: nowrap;
  position: absolute;
  right: 48px;
  top: 12px;
}
.customize-page-button i {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #0077C0;
  position: absolute;
  right: 16px;
  top: 16px;
}
.customize-page-button:hover {
  width: 180px;
  border-radius: 6px;
}
.new-search-style {
  position: fixed;
  top: 132px;
  padding: 10px 20px;
  width: 100%;
  background-color: #ffffff;
  z-index: 5;
}
.new-search-style .full-width-search {
  margin-bottom: 10px;
}
.new-search-style .full-width-search .new-search-records {
  width: calc(100% - 118px);
}
.new-search-style .full-width-search .new-search-records .show-advance-filters {
  top: 0;
}
.new-search-style .full-width-search .new-search-records input[type=text] {
  width: calc(100% - 12px);
  border-color: #E5E6E8;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.new-search-style .full-width-search .new-search-records input[type=text]:focus {
  border-color: #0077C0;
}
.new-search-style .full-width-search .new-search-records .record-count,
.new-search-style .full-width-search .new-search-records .seprator,
.new-search-style .full-width-search .new-search-records .clear-filter {
  display: none;
}
.new-search-style .full-width-search.no-buttons .new-search-records {
  width: 100%;
}
.new-search-style .search-results-sorting .results-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 15px;
}
.new-search-style .search-results-sorting .results-text .search-for {
  color: #676C79;
}
.new-search-style .search-results-sorting .results-text .result-count {
  color: #676C79;
  display: inline-block;
  padding: 0 16px;
  margin: 0 6px;
  border-left: 1px solid rgba(103, 108, 121, 0.4);
  border-right: 1px solid rgba(103, 108, 121, 0.4);
}
.new-search-style .search-results-sorting .sorting-dd {
  display: inline-block;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077C0;
}
.new-search-style + .search-filter-container {
  top: 257px;
}
.new-search-style + .search-filter-container + .table-containing {
  margin-top: 257px;
}
.new-search-style + .search-filter-container + .table-containing .gray-table.fixed-header thead tr th {
  top: 257px;
}

.hierarchy-icons {
  margin-right: 10px;
}
.hierarchy-icons.parent {
  color: #73D500;
}
.hierarchy-icons.child {
  color: #2EB0FF;
}
.hierarchy-icons.neutral {
  color: #9E9E9E;
}

.fa-diagram-subtask {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE2IDE0Ij4NCiAgPHBhdGggaWQ9ImRpYWdyYW0tc3VidGFzayIgZD0iTTAsMi41YTEuOTk0LDEuOTk0LDAsMCwxLDItMkgxNGEyLjAxNCwyLjAxNCwwLDAsMSwyLDJ2MmExLjk5NCwxLjk5NCwwLDAsMS0yLDJINC43NXYzQTEuMjE1LDEuMjE1LDAsMCwwLDYsMTAuNzVIN1YxMC41YTEuOTk0LDEuOTk0LDAsMCwxLDItMmg1YTIuMDE0LDIuMDE0LDAsMCwxLDIsMnYyYTEuOTk0LDEuOTk0LDAsMCwxLTIsMkg5YTEuOTc0LDEuOTc0LDAsMCwxLTItMnYtLjI1SDZBMi43MzQsMi43MzQsMCwwLDEsMy4yNSw5LjV2LTNIMmExLjk3NCwxLjk3NCwwLDAsMS0yLTJaTTE0LDEwSDlhLjUxNC41MTQsMCwwLDAtLjUuNXYyQS40OTQuNDk0LDAsMCwwLDksMTNoNWEuNTE0LjUxNCwwLDAsMCwuNS0uNXYtMkEuNTM4LjUzOCwwLDAsMCwxNCwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNSkiIGZpbGw9IiMyZWIwZmYiLz4NCjwvc3ZnPg0K) no-repeat scroll 0 0;
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-top: 4px;
  vertical-align: top;
}

.projects-table-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.projects-table-list li {
  padding: 12px;
  border: 1px solid #B2B5BB;
  border-radius: 4px;
  margin-bottom: 10px;
}
.projects-table-list li .top-area .left-sec {
  display: inline-block;
  vertical-align: middle;
  width: 68%;
}
.projects-table-list li .top-area .left-sec .exp-arrow {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077C0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px 0 8px;
}
.projects-table-list li .top-area .left-sec .exp-arrow i {
  pointer-events: none;
}
.projects-table-list li .top-area .left-sec .count {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077C0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.projects-table-list li .top-area .left-sec .heading {
  color: #0077C0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.projects-table-list li .top-area .right-sec {
  display: inline-block;
  vertical-align: middle;
  width: calc(32% - 4px);
  text-align: right;
}
.projects-table-list li .top-area .right-sec .saving-chip.saved {
  background-color: rgba(90, 183, 138, 0.3) !important;
}
.projects-table-list li .top-area .right-sec .saving-chip.mat-chip-disabled {
  pointer-events: none;
  filter: grayscale(1);
}
.projects-table-list li .top-area .right-sec .list-opt {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.projects-table-list li .inner-table {
  margin: 10px;
  border: 1px solid rgba(0, 147, 255, 0.5);
  background-color: rgba(0, 147, 255, 0.08);
  border-radius: 4px;
  display: none;
}
.projects-table-list li .inner-table .gray-table tr td .exp-arrow {
  font-size: 18px;
  font-size: 1.2857142857rem;
  padding-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.projects-table-list li .inner-table .gray-table tr td .exp-arrow i {
  pointer-events: none;
}
.projects-table-list li .inner-table .gray-table tr td .count {
  padding: 0 20px;
  width: calc(100% - 16px);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.projects-table-list li .inner-table .gray-table tr td .drawer-trigger {
  position: absolute;
  right: 10px;
  color: #0077C0;
  font-size: 14px;
  font-size: 1rem;
  top: 14px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.projects-table-list li .inner-table .gray-table tr td .table-opt {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.projects-table-list li .inner-table .gray-table tr td .table-opt mat-icon {
  color: #0077C0;
}
.projects-table-list li .inner-table .gray-table tr.sec-rows.expanded .exp-arrow {
  transform: rotate(90deg);
}
.projects-table-list li .inner-table .gray-table tr.sec-rows.expanded + .subsec-rows {
  display: table-row;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows {
  display: none;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows > td {
  border-bottom: none;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows td .count {
  width: 100%;
}
.projects-table-list li .inner-table .gray-table tr:hover td {
  background-color: transparent;
}
.projects-table-list li .inner-table .gray-table tr:hover td .drawer-trigger {
  opacity: 1;
}
.projects-table-list li.expanded .top-area .left-sec .exp-arrow {
  transform: rotate(90deg);
}
.projects-table-list li.expanded .inner-table {
  display: block;
}

.dependency-drawer .add-dropdown {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.map-value-list tbody tr td {
  border-bottom: 0 !important;
}
.map-value-list tbody tr td .list-tab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-left: 0;
  width: 100%;
}
.map-value-list tbody tr td .list-tab li {
  list-style: none !important;
}
.map-value-list tbody tr td .list-tab li a {
  color: rgba(103, 108, 121, 0.7);
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
  display: block;
  line-height: 1.3;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.map-value-list tbody tr td .list-tab li a.completed {
  color: #000000;
}
.map-value-list tbody tr td .list-tab li a.completed i {
  color: #5AB78A;
}
.map-value-list tbody tr td .list-tab li a.active {
  background-color: #F7F8FC;
  color: #0077C0;
}
.map-value-list tbody tr td .list-tab li a:hover {
  background-color: #F7F8FC;
  text-decoration: none;
}
.map-value-list tbody tr td .checkboxList {
  padding-left: 0;
}
.map-value-list tbody tr td .checkboxList li {
  list-style: none;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox {
  padding: 10px;
  display: block;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox.mat-checkbox-checked {
  background-color: #F8F8F8;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox.mat-checkbox-checked .mat-checkbox-label {
  color: #0077C0;
}
.map-value-list tbody tr td.left-td {
  height: 100vh;
}
.map-value-list tbody tr:hover td {
  background-color: white !important;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  color: #0077C0;
}
.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
  color: #0077C0;
}

.selected-filters-pills .mat-chip .text {
  /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 12ch; */
}
.selected-filters-pills .more-filters {
  position: relative;
  padding-right: 11px;
}
.selected-filters-pills .more-filters .hidden-filters {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.selected-filters-pills .more-filters .text {
  margin-top: -6px;
}
.selected-filters-pills .more-filters:hover .hidden-filters {
  opacity: 1;
  visibility: visible;
}

.hidden-filters {
  position: absolute;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
  padding: 10px;
  top: 30px;
  right: calc(50% - 150px);
  width: 350px;
}
.hidden-filters .mat-chip .text {
  white-space: normal;
  text-overflow: initial;
  overflow: auto;
  max-width: none;
  margin-top: 0;
}
.hidden-filters:before {
  content: "";
  position: absolute;
  height: 10px;
  top: -7px;
  left: 0;
  width: 100%;
}
.hidden-filters.right-zero {
  right: 0;
}

.selected-filters-pills .more-filters {
  position: relative;
  padding-right: 11px;
}

.asset-filter-listing-panel.with-border-button .asset-filter-panel {
  padding-right: 20px;
}

.asset-filter-listing-panel.with-border-button .asset-filter-panel:after {
  content: "";
  background-color: #ecf0f1;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.table-containing-listing-panel {
  margin-top: 67px;
}

.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 130px);
}

.all-rules {
  position: relative;
  padding-left: 40px;
}
.all-rules .arrow-top,
.all-rules .arrow-down {
  display: none;
  position: absolute;
  left: 20px;
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: rgba(125, 125, 125, 0.6);
}
.all-rules.show-arrows::before {
  content: "";
  border-left: 1px dashed rgba(125, 125, 125, 0.6);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 44px;
  left: 20px;
}
.all-rules.show-arrows .arrow-top {
  top: 34px;
  display: block;
}
.all-rules.show-arrows .arrow-down {
  bottom: -56px;
  display: block;
}
.all-rules .rules-block {
  background-color: rgba(0, 119, 192, 0.02);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 48px;
  white-space: nowrap;
}
.all-rules .rules-block ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.all-rules .rules-block ul li {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  margin-right: 14px;
}
.all-rules .rules-block ul li .mat-icon-button * {
  pointer-events: none;
}
.all-rules .rules-block ul li.auto-width {
  width: auto;
}
.all-rules .rules-block .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}
.all-rules .sub-block {
  position: relative;
}
.all-rules .sub-block::before {
  content: "";
  border-left: 1px dashed rgba(125, 125, 125, 0.6);
  width: 1px;
  height: 40px;
  position: absolute;
  top: -44px;
  left: 9.5%;
}
.all-rules .sub-block .condition-text {
  position: absolute;
  color: #7D7D7D;
  text-transform: uppercase;
  margin-bottom: 0;
  left: calc(9.5% + 20px);
  top: -34px;
}
.all-rules .sub-block.center-line::before {
  left: 50%;
}
.all-rules .sub-block.center-line .condition-text {
  left: calc(50.5% + 10px);
}

.wo-details-widget {
  background-color: #FCFCFC;
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 8px;
  transition: background-color 0.3s ease-in-out;
}
.wo-details-widget:hover {
  background-color: #F9F9F9;
}
.wo-details-widget .msg-button {
  color: #A1ACB4;
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.wo-details-widget .msg-button .notify {
  position: absolute;
  right: 8px;
  top: 8px;
  border: 2px solid #FCFCFC;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DF6B51;
}
.wo-details-widget .msg-button:hover {
  color: #0077C0;
}
.wo-details-widget .all-imges {
  display: inline-block;
  vertical-align: middle;
}
.wo-details-widget .all-imges img {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-right: 4px;
}
.wo-details-widget .all-imges .more-images {
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  background-color: #efefef;
  color: #747780;
  font-size: 14px;
  font-size: 1rem;
}
.wo-details-widget .mat-stroked-button.small .btn-dropdown {
  margin-top: 0;
  line-height: 24px;
}
.wo-details-widget .description {
  padding-left: 60px;
}
.wo-details-widget .description p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 10px;
}
.wo-details-widget .description p .light-gray {
  color: #A1ACB4;
}
.wo-details-widget.slider-widget .upper-bar-left {
  cursor: pointer;
}
.wo-details-widget.slider-widget .upper-bar-left * {
  pointer-events: none;
}
.wo-details-widget.slider-widget .expandable-block {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
}
.wo-details-widget.slider-widget.active {
  background-color: #F9F9F9;
}
.wo-details-widget.slider-widget.active .expandable-block {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 1000px;
}

.table-style-list {
  padding: 0;
  margin: 0;
  list-style: none outside none;
  position: relative;
}
.table-style-list:after {
  content: "";
  position: absolute;
  background-color: #CCCED2;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
}
.table-style-list li {
  padding: 10px;
  border-bottom: 1px solid #CCCED2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-style-list li .mat-chip-list-wrapper {
  margin: -6px;
}
.table-style-list li .mat-chip-list-wrapper .mat-standard-chip.mat-chip.round {
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin: 2px;
}
.table-style-list.two-cols li {
  width: calc(50% - 4px);
  display: inline-block;
  vertical-align: middle;
}
.table-style-list.four-cols li {
  width: calc(25% - 4px);
  display: inline-block;
  vertical-align: middle;
}
.table-style-list.four-cols.small-left li {
  width: calc(34% - 4px);
}
.table-style-list.four-cols.small-left li:nth-child(odd) {
  width: calc(16% - 4px);
}

.calculation-bar {
  background-color: rgba(0, 119, 192, 0.02);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 48px;
}
.calculation-bar .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.formulas-bar {
  background-color: #F7F8FC;
  border-radius: 8px;
  padding: 20px;
}
.formulas-bar .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.gray-box {
  border: 1px solid #727A80;
  border-radius: 4px;
  padding: 14px 14px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  font-size: 16px;
  line-height: 1;
  background: transparent;
  height: 46px;
}
.gray-box.text-input {
  max-width: 100px;
}
.gray-box.text-input:focus {
  border-color: #0077C0;
  outline: none;
}

.gray-round {
  border: 1px solid #727A80;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  font-size: 16px;
  line-height: 46px;
  background: transparent;
}

.searchable-select-panel .search-field {
  width: 100%;
  padding: 14px 14px 0 14px;
}
.searchable-select-panel .search-field.mat-focused .mat-form-field-label {
  color: #0077C0;
}
.searchable-select-panel .search-field.mat-focused .mat-form-field-ripple {
  background-color: #0077C0;
}
.searchable-select-panel .mat-optgroup-label {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px !important;
  margin-top: 10px;
}
.searchable-select-panel .mat-option .mat-pseudo-checkbox-checked,
.searchable-select-panel .mat-option .mat-pseudo-checkbox-indeterminate {
  background: #0077C0;
}

.billing-block {
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 18px 14px;
  background-color: #ffffff;
  margin-top: 16px;
}
.billing-block .add-loc {
  color: #0077c0;
  margin-left: 8px;
  vertical-align: middle;
}
.billing-block .add-loc:hover {
  text-decoration: none;
}
.billing-block .status-icon {
  margin-left: 8px;
}
.billing-block .status-icon.orange {
  color: #e99212;
}
.billing-block .status-icon.green {
  color: #0fd10a;
}
.billing-block .status-icon.red {
  color: #fe0f0f;
}

.invoice-block {
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 18px 14px;
  background-color: #ffffff;
  margin-top: 16px;
}
.invoice-block .main-stats h4 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.invoice-block .main-stats h4 i {
  color: #b2b5bb;
}
.invoice-block .details-row {
  max-height: 500px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.invoice-block .invoice-stats {
  border-top: 1px solid #e7e7e7;
  margin-top: 14px;
}
.invoice-block .invoice-stats .inner-stats {
  margin-top: 14px;
}
.invoice-block .invoice-stats .inner-stats h3 {
  color: #778080;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.invoice-block .invoice-stats .inner-stats h3 i {
  color: #b2b5bb;
}
.invoice-block .invoice-stats .inner-stats h4 {
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.invoice-block .invoice-expand-btn {
  font-size: 24px;
  vertical-align: middle;
}
.invoice-block .invoice-expand-btn .mat-icon {
  pointer-events: none;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.invoice-block.hide-details .main-stats h4 {
  opacity: 1;
  visibility: visible;
}
.invoice-block.hide-details .details-row {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.invoice-block.hide-details .invoice-expand-btn .mat-icon {
  transform: rotate(0deg);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #22be7d;
}
.mat-slider.mat-primary .mat-slider-track-background {
  background-color: #cfebfc;
}
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 6px;
  border-radius: 4px;
}
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-background,
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-fill {
  height: 6px;
}
.mat-slider.mat-primary .mat-slider-thumb {
  width: 30px;
  height: 30px;
  bottom: -15px;
}
.mat-slider.mat-primary:hover .mat-slider-track-background,
.mat-slider.mat-primary .cdk-focused .mat-slider-track-background {
  background-color: #cfebfc;
}

.custom-slider {
  position: relative;
  height: 16px;
  width: 100%;
}
.custom-slider .slider-base {
  position: absolute;
  left: 0;
  height: 16px;
  border-radius: 12px;
  width: 100%;
  background-color: red;
}
.custom-slider .slider-base .white-round {
  position: absolute;
  background-color: #ffffff;
  transform: translateX(-14px);
  height: 100%;
  border-radius: 16px;
  width: 20px;
  z-index: 1;
}
.custom-slider .slider-base .slider-value {
  position: absolute;
  left: 0;
  height: 16px;
  border-radius: 12px;
  width: 20%;
  z-index: 2;
  background-color: rgb(255, 220, 220);
}
.custom-slider .slider-base .slider-value span {
  position: absolute;
  right: -3px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
}
.custom-slider.green .slider-base {
  background-color: #22be7d;
}
.custom-slider.green .slider-base .slider-value {
  background-color: #b9f3db;
}
.custom-slider.green .slider-base .slider-value span {
  border-bottom-color: #22be7d;
}
.custom-slider.blue .slider-base {
  background-color: #0077C0;
}
.custom-slider.blue .slider-base .slider-value {
  background-color: #8dd4ff;
}
.custom-slider.blue .slider-base .slider-value span {
  border-bottom-color: #0077C0;
}

.mat-form-field.searchable-select.mat-form-field-hide-placeholder .mat-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: rgba(0, 0, 0, 0.42);
  -webkit-text-fill-color: inherit;
}

.inpage-search {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  background-color: #ffffff;
}
.inpage-search .material-icons {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #999DA5;
}
.inpage-search input[type=text] {
  width: 100%;
  border: 1px solid #E5E6E8;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  height: 46px;
  padding: 10px 150px 10px 40px;
  transition: border 0.3s ease-in-out;
}
.inpage-search input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.inpage-search .count-arrows {
  position: absolute;
  right: 0;
  top: 3px;
}
.inpage-search .count-arrows .arrows .mat-icon-button:first-child {
  margin-right: -14px;
}
.inpage-search .count-arrows .mat-icon-button {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.inpage-search .count-arrows .mat-icon-button .mat-icon {
  color: #A1ACB4;
}
.inpage-search .count-arrows .mat-icon-button:hover .mat-icon {
  color: #0077C0;
}
.inpage-search .count-arrows .count {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #666666;
}

.highlight {
  background-color: #fefe00;
}
.highlight.orange {
  background-color: #ff9632;
}

.field-style-data {
  margin-top: 0.25em;
  margin-bottom: 1.34375em;
  padding-top: 22px;
  height: 46px;
  position: relative;
}
.field-style-data label {
  transform: scale(0.75);
  transform-origin: left;
  position: absolute;
  top: 0;
  left: 0;
}

.calender-table {
  padding-bottom: 52px;
}
.calender-table .category-search {
  position: relative;
}
.calender-table .category-search input {
  border-radius: 4px;
  border: 2px solid #E9EBF2;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.calender-table .category-search input::placeholder {
  color: #7D7D7D;
}
.calender-table .category-search input:focus {
  border-color: #0077C0;
  outline: none;
}
.calender-table .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #F7F8FC;
  min-width: 40px !important;
  height: 39px;
  color: #4D4F5C;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.calender-table table {
  table-layout: fixed;
}
.calender-table table thead tr:first-child th:first-child {
  min-width: 240px;
}
.calender-table table thead tr th {
  border-bottom: 1px solid #dee1e2;
  border-right: 1px solid #dee1e2;
  font-weight: normal;
  padding: 12px 14px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  line-height: 1;
}
.calender-table table thead tr th:last-child {
  border-right: none;
}
.calender-table table thead tr th h2 {
  color: #12202B;
  font-weight: 500;
  margin-bottom: 0;
}
.calender-table table thead tr th.table-legends {
  font-size: 14px;
  font-size: 1rem;
  padding: 10px 14px;
}
.calender-table table thead tr th.table-legends .orange {
  margin-left: 20px;
  margin-right: 10px;
  color: #ffcf96;
}
.calender-table table thead tr th.table-legends .blue {
  margin-left: 20px;
  margin-right: 10px;
  color: #c2e2ff;
}
.calender-table table tbody tr td {
  border-bottom: 1px solid #dee1e2;
  border-right: 1px solid #dee1e2;
  font-weight: normal;
  padding: 8px 6px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  line-height: 1;
}
.calender-table table tbody tr td:first-child {
  padding: 8px 14px;
}
.calender-table table tbody tr td:last-child {
  border-right: none;
}
.calender-table .wo-pill-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.calender-table .wo-pill-container .wo-pills {
  border-radius: 8px;
  padding: 6px;
  display: inline-flex;
  flex-direction: column;
  min-height: 48px;
  margin-right: 3px;
  justify-content: center;
}
.calender-table .wo-pill-container .wo-pills h4 {
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 2px;
}
.calender-table .wo-pill-container .wo-pills p {
  font-size: 11px;
  font-size: 0.7857142857rem;
  margin-bottom: 0;
  max-width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
}
.calender-table .wo-pill-container .wo-pills:last-child {
  margin-right: 0;
}
.calender-table .wo-pill-container .wo-pills:not(.gray) {
  flex-grow: 1;
}
.calender-table .wo-pill-container .wo-pills.orange {
  background-color: #ffe7c2;
}
.calender-table .wo-pill-container .wo-pills.blue {
  background-color: #c2e2ff;
}
.calender-table .wo-pill-container .wo-pills.gray {
  background-color: #f1f1f1;
  margin-right: 0;
  cursor: pointer;
}
.calender-table .wo-pill-container .wo-pills.gray p {
  font-size: 9px;
  font-size: 0.6428571429rem;
  max-width: 100%;
}
.calender-table .wo-pill-container .wo-pills.gray h4,
.calender-table .wo-pill-container .wo-pills.gray p {
  pointer-events: none;
}
@media only screen and (max-width: 1400px) {
  .calender-table .wo-pill-container .wo-pills p {
    max-width: 106px;
  }
}
.calender-table .wo-pill-container .more-pills-block {
  position: absolute;
  width: 100%;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.calender-table .wo-pill-container .more-pills-block .wo-pills {
  display: block;
  margin-right: 0;
  margin-bottom: 4px;
}
.calender-table .wo-pill-container .more-pills-block .wo-pills:last-child {
  margin-bottom: 0;
}
.calender-table .wo-pill-container .more-pills-block.opened {
  opacity: 1;
  visibility: visible;
}
.calender-table .wo-filter {
  position: fixed;
  bottom: -212px;
  transition: bottom 0.3s ease-in-out;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -14px 30px 30px rgba(148, 148, 148, 0.1);
  z-index: 8;
}
.calender-table .wo-filter.opend-filters {
  bottom: -372px;
}
.calender-table .wo-filter .title-bar {
  padding-top: 16px;
  text-align: center;
}
.calender-table .wo-filter .title-bar i {
  transition: transform 0.3s ease-in-out;
  margin-right: 6px;
  vertical-align: middle;
  transform: rotate(180deg);
  position: relative;
  top: -2px;
  cursor: pointer;
}
.calender-table .wo-filter.opened {
  bottom: 0;
}
.calender-table .wo-filter.opened .title-bar i {
  transform: rotate(0);
}
.calender-table .wo-filter .action-bar {
  padding-top: 16px;
  padding-right: 24px;
  padding-left: 24px;
}
.calender-table .wo-filter .filter-bar {
  border-top: 1px solid #d6d6d6;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
}
.calender-table .wo-filter .filter-bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
}
.calender-table .wo-filter .filter-bar h3 {
  margin-bottom: 10px;
}
.calender-table .wo-filter .filter-bar .mat-checkbox {
  margin-right: 30px;
}
.calender-table .wo-filter .filter-bar.opened {
  padding: 20px 24px;
  max-height: 1000px;
}
.calender-table .wo-filter .wo-bars {
  padding: 16px 24px;
}
.calender-table .wo-filter .wo-bars .wo-pill-container .wo-pills {
  min-width: 146px;
  margin-right: 3px;
  margin-bottom: 3px;
}
.calender-table .wo-filter .wo-bars .wo-pill-container .wo-pills.gray p {
  font-size: 12px;
  font-size: 0.8571428571rem;
  max-width: 75%;
}

.calculating-area {
  background-color: #f3f3fe;
  border-radius: 8px;
  padding: 8px;
  height: 100%;
}
.calculating-area .calculation-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.calculating-area .calculation-box .field-style-box {
  display: flex;
  background-color: #3199ff;
  color: white;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  height: 40px;
  align-items: center;
}
.calculating-area .calculation-box .button-style-box {
  background-color: #474e80;
  border-radius: 8px;
  color: white;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.calculator-box {
  background-color: #f3f3fe;
  border-radius: 8px;
  padding: 8px;
}
.calculator-box .calculator {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calculator-box .calculator .add-field-btn {
  background-color: #3199ff;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  position: relative;
  line-height: 1 !important;
  height: 40px;
  /* overflow-y: hidden; */
}
.calculator-box .calculator .add-field-btn .mat-select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
}
.calculator-box .calculator .add-field-btn:hover {
  background-color: #60afff;
}
.calculator-box .calculator .number-buttons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
}
.calculator-box .calculator .calc-buttons {
  background-color: #474e80;
  border-radius: 8px;
  color: white;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
}
.calculator-box .calculator .calc-buttons:hover {
  background-color: #565b83;
}
.calculator-box .calculator .calc-buttons.zero-box {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 5;
}
.calculator-box .calculator .calc-buttons.backspace-box {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 1;
}

.mat-progress-bar {
  border-radius: 6px;
}
.mat-progress-bar.increased-height {
  height: 6px;
}
.mat-progress-bar.mat-green .mat-progress-bar-buffer {
  background-color: #e5e5e5;
}
.mat-progress-bar.mat-green .mat-progress-bar-fill:after {
  background-color: #5AB78A;
}
.mat-progress-bar.mat-blue .mat-progress-bar-buffer {
  background-color: #e5e5e5;
}
.mat-progress-bar.mat-blue .mat-progress-bar-fill:after {
  background-color: #0077C0;
}

.tile-container {
  gap: 16px;
  row-gap: 16px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 6px;
}
.tile-container .tile-box {
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.tile-container .tile-box .action-items {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
}
.tile-container .tile-box .action-items .material-dots button {
  color: #7A7289;
}
.tile-container .tile-box .icon {
  position: relative;
}
.tile-container .tile-box .icon .file-count {
  position: absolute;
  bottom: 14px;
  left: calc(50% - 22px);
  line-height: 1;
  font-size: 12px;
  color: #9d6b15;
}
.tile-container .tile-box .icon img {
  width: 64px;
}
.tile-container .tile-box .name-date {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.tile-container .tile-box .name-date .name {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.tile-container .tile-box .name-date .name .fav-icon {
  color: #7A7289;
  font-size: 14px;
}
.tile-container .tile-box .name-date .name a {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 222px;
}
.tile-container .tile-box .name-date .date {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.tile-container .tile-box .name-date .date .shared-icon {
  color: #7A7289;
  font-size: 14px;
}
.tile-container .tile-box .name-date .date .date-text {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 222px;
  font-size: 12px;
  color: #7A7289;
}
.tile-container .tile-box:hover, .tile-container .tile-box.current {
  border-color: #E5E6E8;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
}
.tile-container .tile-box:hover .action-items, .tile-container .tile-box.current .action-items {
  opacity: 1;
}
@media only screen and (max-width: 1450px) {
  .tile-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1370px) {
  .tile-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tab-container {
  display: inline-flex;
  background-color: #e7e7e7;
  border-radius: 8px;
  padding: 5px;
  margin-left: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.tab-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  color: #666;
  transition: background-color 0.3s, color 0.3s;
}
.tab-button .icon {
  font-size: 16px;
}
.tab-button:hover {
  color: #0077C0;
}
.tab-button.active {
  background-color: #ffffff;
  color: #0077C0;
}

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

.mat-flat-button {
  border-radius: 4px !important;
  line-height: 46px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
}
.mat-flat-button.full-width {
  width: 100%;
}
.mat-flat-button.small-width {
  min-width: 80px !important;
}
.mat-flat-button.auto-width {
  min-width: auto !important;
}
.mat-flat-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-flat-button.medium .mat-icon {
  height: 20px;
}
.mat-flat-button.medium-lg {
  min-width: 80px !important;
  line-height: 42px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-flat-button.medium-lg .mat-icon {
  height: 18px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-flat-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-flat-button.small .mat-icon {
  width: 18px;
  height: 14px;
}
.mat-flat-button:focus {
  outline: none;
}
.mat-flat-button.mat-blue {
  background-color: #0077C0;
  color: #ffffff;
}
.mat-flat-button.mat-Skyblue {
  background-color: rgba(0, 119, 192, 0.08);
  color: #ffffff;
}
.mat-flat-button.mat-white {
  background-color: #ffffff;
  color: #0077C0;
}
.mat-flat-button.mat-red {
  background-color: #FF4A56;
  color: #ffffff;
}
.mat-flat-button.mat-green {
  background-color: #5ABA8A;
  color: #ffffff !important;
}
.mat-flat-button.mat-gray {
  background-color: #f5f5f5;
  color: #727A80;
}
.mat-flat-button.mat-transparent {
  background-color: transparent;
  color: #000000;
}
.mat-flat-button.mat-Skylink {
  color: #0093FF;
  background-color: transparent;
}
.mat-flat-button:disabled {
  background-color: #F6F6F6 !important;
  color: #727A80 !important;
}
.mat-flat-button:hover {
  text-decoration: none;
}
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-stroked-button {
  border-radius: 4px !important;
  line-height: 42px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
  border-width: 2px !important;
}
.mat-stroked-button i {
  margin-right: 4px;
  margin-top: 2px;
  vertical-align: text-top;
}
.mat-stroked-button.full-width {
  width: 100%;
}
.mat-stroked-button.large {
  min-width: 141px !important;
  line-height: 42px !important;
}
.mat-stroked-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-stroked-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-stroked-button:focus {
  outline: none;
}
.mat-stroked-button.mat-blue {
  border-color: #0077C0;
  color: #0077C0;
}
.mat-stroked-button.mat-white {
  border-color: #ffffff;
  color: #ffffff;
}
.mat-stroked-button.mat-red {
  border-color: #FF4A56;
  color: #FF4A56;
}
.mat-stroked-button.mat-green {
  border-color: #5ABA8A;
  color: #5ABA8A;
}
.mat-stroked-button.mat-gray {
  border-color: #f5f5f5;
  color: #f5f5f5;
}
.mat-stroked-button.mat-orange {
  border-color: #FF9E14;
  color: #FF9E14;
}
.mat-stroked-button.mat-darkgray {
  border-color: #707070;
  color: #707070;
}
.mat-stroked-button.mat-darkgray-blue {
  border-color: #707070;
  color: #707070;
}
.mat-stroked-button.mat-lightgray {
  border-color: #CDCDCD;
  color: #CDCDCD;
}
.mat-stroked-button.mat-transparent {
  border-color: transparent;
  color: #000000;
}
.mat-stroked-button:disabled {
  background-color: #F6F6F6 !important;
  color: #727A80 !important;
  border-color: #727A80 !important;
}
.mat-stroked-button:hover {
  text-decoration: none;
}
.mat-stroked-button:hover.mat-darkgray-blue {
  border-color: #0077C0;
  color: #0077C0;
}
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-button {
  border-radius: 4px !important;
  line-height: 46px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
}
.mat-button i {
  margin-right: 4px;
  margin-top: 2px;
  vertical-align: text-top;
}
.mat-button.full-width {
  width: 100%;
}
.mat-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-button:focus {
  outline: none;
}
.mat-button.mat-blue {
  color: #0077C0;
}
.mat-button.mat-red {
  color: #FF4A56;
}
.mat-button.mat-green {
  color: #5ABA8A;
}
.mat-button.mat-gray {
  color: #C7C8CA;
}
.mat-button.mat-white {
  background-color: #C7C8CA;
  color: #ffffff;
}
.mat-button.mat-transparent {
  color: #000000;
}
.mat-button:disabled {
  background-color: #F6F6F6 !important;
  color: #727A80 !important;
}
.mat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-icon-button {
  border-radius: 50% !important;
}
.mat-icon-button.left-arrow {
  margin-right: 14px;
}
.mat-icon-button.right-arrow {
  margin-left: 14px;
}
.mat-icon-button:focus {
  outline: none;
}
.mat-icon-button.mat-blue {
  color: #0077C0;
}
.mat-icon-button.mat-skyblue {
  color: #0093FF;
}
.mat-icon-button.mat-red {
  color: #FF4A56;
}
.mat-icon-button.mat-green {
  color: #2ed573;
}
.mat-icon-button.mat-gray {
  color: #B2B5BB;
}
.mat-icon-button.mat-light-gray {
  color: #707070;
}
.mat-icon-button.mat-transparent {
  color: #000000;
}
.mat-icon-button.mat-gray-green {
  color: #B2B5BB;
}
.mat-icon-button.mat-gray-green:hover {
  color: #2ed573;
}
.mat-icon-button.mat-hover-blue {
  color: #000000;
}
.mat-icon-button.mat-hover-blue:hover {
  color: #1e90ff;
}
.mat-icon-button.mat-hover-green {
  color: #000000;
}
.mat-icon-button.mat-hover-green:hover {
  color: #5AB78A;
}
.mat-icon-button.mat-hover-red {
  color: #000000;
}
.mat-icon-button.mat-hover-red:hover {
  color: #ff0008;
}
.mat-icon-button.mat-bg-blue {
  background-color: #1e90ff;
  color: #ffffff;
}
.mat-icon-button:disabled {
  background-color: #F6F6F6 !important;
  color: #727A80 !important;
}
.mat-icon-button:disabled.trnasparent {
  background-color: transparent !important;
}
.mat-icon-button.bigger .mat-icon {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.mat-icon-button.large {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.mat-icon-button.large .mat-icon {
  font-size: 30px;
  font-size: 2.1428571429rem;
  width: 40px;
  height: 40px;
  line-height: 36px;
}
.mat-icon-button.medium .mat-icon {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.mat-icon-button.medium.title-adjust {
  margin-top: -8px;
}
.mat-icon-button.smaller {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.mat-icon-button.smaller .mat-icon {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-icon-button.smaller.title-adjust {
  margin-top: -3px;
}
.mat-icon-button.smallest {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-icon-button.smallest .mat-icon {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-icon-button.field-adjust {
  margin-top: 7px;
}
.mat-icon-button.heading-adjust {
  margin-top: -9px;
}
.mat-icon-button.border-text {
  border: 2px solid transparent;
  border-radius: 50%;
  font-size: 16px;
  line-height: 20px;
}
.mat-icon-button.border-text mat-icon {
  font-size: 16px;
}
.mat-icon-button.border-text.mat-blue {
  border-color: #0077C0;
}
.mat-icon-button.border-text.mat-red {
  border-color: #FF4A56;
}
.mat-icon-button.bordered .mat-icon {
  border-radius: 50%;
  border: 2px solid transparent;
}
.mat-icon-button.bordered.mat-gray .mat-icon {
  border-color: #B2B5BB;
}
.mat-icon-button.bordered.mat-blue .mat-icon {
  border-color: #0077C0;
}
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.simple-link {
  display: inline-block;
  vertical-align: top;
  color: #1e90ff;
}
.simple-link.black {
  color: #12202B;
}
.simple-link.black:hover {
  color: #1e90ff;
}
.simple-link.gray {
  color: #596174;
}
.simple-link.gray:hover {
  color: #1e90ff;
}
.simple-link.skyBlue {
  color: #0093FF !important;
}
.simple-link.green {
  color: #5AB78A !important;
}
.simple-link .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: inherit;
}
.simple-link small {
  font-size: 12px;
  font-size: 0.8571428571rem;
  pointer-events: none;
}
.simple-link.bigger-size {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.simple-link.bigger-size .material-icons {
  margin-top: -1px;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.simple-link.bigger-size .far, .simple-link.bigger-size .fas, .simple-link.bigger-size .fal {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.simple-link.underlined {
  text-decoration: underline;
}
.simple-link.disabled {
  color: #B2B5BB !important;
  cursor: auto;
  text-decoration: none;
}
.simple-link .small-icons {
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
  margin-top: 2px;
  pointer-events: none;
}
.simple-link:hover {
  text-decoration: underline;
}
.simple-link:focus {
  color: #0077C0;
}
.simple-link:focus.black {
  color: #12202B;
}
.simple-link:focus.skyBlue {
  color: #0093FF !important;
}
.simple-link:focus.green {
  color: #5AB78A !important;
}

.custom-btn {
  color: #999DA5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.custom-btn .far, .custom-btn .fas, .custom-btn .fal {
  margin-right: 4px;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0077C0;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #0077C0;
}
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: #0077C0 !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #5ABA8A;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #5ABA8A;
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #5ABA8A !important;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF4A56;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #FF4A56;
}
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: #FF4A56 !important;
}

.squre-btns {
  border: 1px solid #999DA5;
  border-radius: 8px;
  padding: 16px;
  min-height: 80px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  transition: border 0.3s ease-in-out;
}
.squre-btns p {
  font-size: 26px;
  font-size: 1.8571428571rem;
  color: #0093FF;
  margin-bottom: 0;
  line-height: 1;
}
.squre-btns p .area-unit {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #000000;
}
.squre-btns i {
  color: #0077C0;
}
.squre-btns span {
  color: #000000;
}
.squre-btns:hover, .squre-btns:focus {
  text-decoration: none;
  border-color: #0077C0;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  left: calc(100% - 10px);
  right: auto;
  border: 2px solid #ffffff;
  top: -18px;
  font-weight: normal;
  width: auto;
  padding: 0px 7px;
  height: auto;
  line-height: 22px;
  min-width: 26px;
  min-height: 26px;
}

.field-style-btn {
  height: 46px;
  border: 1px solid #A1ACB4;
  border-radius: 4px;
  background-color: #ffffff;
  color: #A1ACB4;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 8px 12px;
  text-align: left;
  width: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.field-style-btn .btn-dropdown {
  position: absolute;
  right: 12px;
  top: 10px;
}
.field-style-btn:hover {
  border-color: #0077C0;
  color: #0077C0;
}
.field-style-btn:hover:disabled {
  border-color: rgba(161, 172, 180, 0.4);
  color: #A1ACB4;
}
.field-style-btn:disabled {
  border-color: rgba(161, 172, 180, 0.4);
  background-color: rgba(177, 180, 182, 0.2);
}

.hint-style-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 75%;
  padding: 6px 11px 0;
  margin-bottom: 0;
}

.chat-btn {
  background-color: #0077C0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 10px;
  text-align: center;
  font-size: 20px;
  font-size: 1.4285714286rem;
  z-index: 10;
  line-height: 52px;
}
.chat-btn i {
  color: #ffffff;
}

.switch-buttons {
  background-color: #0077C0;
  padding: 12px;
  border-radius: 100px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.switch-buttons button {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
  color: #ffffff;
  background-color: transparent;
  border: none;
  z-index: 3;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.switch-buttons button.current-button {
  color: #000000;
}
.switch-buttons button:last-child {
  margin-left: 12px;
}
.switch-buttons .active-button-bg {
  background-color: #ffffff;
  position: absolute;
  padding: 10px 12px;
  border-radius: 24px;
  width: 94px;
  left: 6px;
  height: calc(100% - 12px);
  top: 6px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.project-templating-topbar {
  background-color: #ffffff;
}
.project-templating-topbar.sticky-bar {
  position: fixed;
  top: 132px;
  left: 0;
  z-index: 4;
  width: 100%;
  padding-top: 0;
  min-height: 60px;
  padding: 16px 20px;
}

table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
table.user-table.fixed-header {
  position: relative;
  border-collapse: collapse;
}
table.user-table.fixed-header thead th {
  position: sticky !important;
  top: 0;
  z-index: 1;
}
table.user-table.fixed-header.with-new-header thead th {
  top: 210px;
}
table.user-table.newUI thead tr th {
  background-color: #e5f1f9;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
  color: #35393C;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
table.user-table.newUI thead tr th:last-child {
  border-right: none;
}
table.user-table.newUI thead tr th:hover .sort-new {
  opacity: 1;
}
table.user-table.newUI tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
  color: #35393C;
}
table.user-table.newUI tbody tr td:last-child {
  border-right: none;
}
table.user-table.newUI tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -10px;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start, table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end, table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
table.user-table.newUI tbody tr td a {
  color: #35393C;
}
table.user-table.newUI tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
table.user-table.newUI tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
table.user-table.newUI tbody tr td .two-fields .field-left input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-right: 70% !important;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td .two-fields .field-left input[type=text]:hover, table.user-table.newUI tbody tr td .two-fields .field-left input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
table.user-table.newUI tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
table.user-table.newUI tbody tr td .two-fields .field-right .custom-dd-material:hover, table.user-table.newUI tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
table.user-table.newUI tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
table.user-table.newUI tbody tr td .two-fields.field-focus {
  border-color: #0077C0;
}
table.user-table.newUI tbody tr td.edit-field {
  padding: 0;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393C;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #ffffff;
  outline: none;
  border: 1px solid #0077C0;
}
table.user-table.newUI tbody tr.total-count td {
  border-bottom: none;
  border-right: none;
}
table.user-table.newUI tbody tr.total-count td.gray-border {
  border-bottom: 2px solid #596174;
}
table.user-table.newUI tbody tr.total-count:hover {
  background-color: transparent;
}
table.user-table.newUI tbody tr.error-row td {
  border-bottom-color: #E06C52;
}
table.user-table.newUI tbody tr.error-row td.error-field {
  color: #E06C52;
}
table.user-table.newUI tbody tr.error-row td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #E06C52;
}
table.user-table.newUI.disabled {
  opacity: 0.5;
  pointer-events: none;
}
table.user-table.newUI.attchment-list tbody tr td {
  border-right: none;
}
table.user-table.newUI.attchment-list tbody tr td .no-attachment-icon img {
  width: 60px;
}
table.user-table.newUI.attchment-list tbody tr td .filename .file-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content h6 {
  font-size: 14px;
  font-size: 1rem;
  color: #B1B4B6;
  margin-bottom: 0;
}
.pagination-nav {
  padding: 8px 12px;
  background-color: #F3F7FA;
}
.pagination-nav .col-sm-6 {
  float: left;
}
.pagination-nav .pagination {
  margin-bottom: 0;
}
.pagination-nav nav {
  display: inline-block;
}
.pagination-nav .pagination-text {
  margin-bottom: 0;
  margin-top: 6px;
  color: #5f616c;
}
.pagination-nav .page-rows {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-rows .form-control {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  border-radius: 0;
  margin-left: 4px;
  padding: 4px 6px;
  height: auto !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.pagination-nav .page-rows .searchable-select {
  display: inline-block;
}
.pagination-nav .page-rows .searchable-select .selectize-input {
  background: none;
  padding: 4px 6px;
  padding-right: 6px !important;
  min-width: 50px;
  text-align: center;
}
.pagination-nav .page-rows .searchable-select .selectize-input.input-active {
  background: none !important;
}
.pagination-nav .page-rows .searchable-select .selectize-dropdown {
  bottom: 26px !important;
  top: auto !important;
  border-radius: 0;
  border-top: 1px solid #d0d0d0;
}
.pagination-nav .total-records {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}
.pagination-nav .page-navigation {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-navigation a {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-navigation a i {
  color: #12202B;
  vertical-align: middle;
  font-size: 28px;
  font-size: 2rem;
}
.pagination-nav .page-navigation a.left-arrow {
  margin-right: 14px;
}
.pagination-nav .page-navigation a.right-arrow {
  margin-left: 14px;
}
.pagination-nav.sticky {
  position: sticky;
  left: 0;
}

.more-opt {
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
}
.more-opt mat-icon {
  color: #0077C0;
}
.more-opt:hover {
  background-color: #0077C0;
}
.more-opt:hover mat-icon {
  color: #ffffff;
}

.table-opt {
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
}
.table-opt mat-icon {
  color: transparent;
  transition: all 0.3s ease-in-out;
}
.table-opt:hover mat-icon {
  color: #0077C0;
}

.mat-menu-item:hover:not([disabled]) {
  background-color: #0077C0;
  color: #ffffff;
}
.mat-menu-item:focus {
  outline: none;
}

.hierarchical-table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
.hierarchical-table tbody tr td {
  border-bottom: none;
  padding: 0;
  position: relative;
}
.hierarchical-table tbody tr td .more-opt {
  padding-top: 0;
  color: #0077C0;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .more-opt:hover, .hierarchical-table tbody tr td .more-opt:focus, .hierarchical-table tbody tr td .more-opt.current {
  color: #ffffff;
  background-color: #0077C0;
}
.hierarchical-table tbody tr td .more-opt:hover mat-icon, .hierarchical-table tbody tr td .more-opt:focus mat-icon, .hierarchical-table tbody tr td .more-opt.current mat-icon {
  color: #ffffff;
}
.hierarchical-table tbody tr td .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #F3F7FA;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.hierarchical-table tbody tr td .table-options ul li a {
  color: #35393C;
  padding: 8px 30px;
  border-bottom: 1px solid #B1B4B6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul li a:hover, .hierarchical-table tbody tr td .table-options ul li a:focus {
  background-color: #377DB8;
  color: #ffffff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
.hierarchical-table tbody tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: calc(100% - 22px);
  max-height: 1000px;
  overflow: visible;
}
.hierarchical-table tbody tr td .custom-dd-material {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.hierarchical-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.hierarchical-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.hierarchical-table tbody tr td .two-fields .field-left input {
  padding-right: 70% !important;
}
.hierarchical-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:hover, .hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.hierarchical-table tbody tr td .two-fields.field-focus {
  border-color: #0077C0;
}
.hierarchical-table tbody tr td .switch {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #B1B4B6;
}
.hierarchical-table tbody tr td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077C0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #F5F8FB;
  padding: 13px 10px 14px 10px;
}
.hierarchical-table tbody tr td .sliderOptions i {
  margin-left: 6px;
}
.hierarchical-table tbody tr td .sliderOptions:hover {
  text-decoration: none;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -11px;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start, .hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end, .hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.hierarchical-table tbody tr:hover {
  background-color: transparent;
}
.hierarchical-table tbody .section-table .section-row td {
  border-right: none;
  border-bottom: 2px solid #0077C0;
  padding: 10px;
}
.hierarchical-table tbody .section-table .section-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #0077C0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder {
  color: #B1B4B6;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:hover, .hierarchical-table tbody .section-table .section-row td input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #0077C0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .simple-text {
  color: #0077C0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .add-section {
  color: #0077C0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
  margin-right: 4px;
}
.hierarchical-table tbody .section-table .section-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .section-table .section-row td .add-section:hover, .hierarchical-table tbody .section-table .section-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps {
  color: #0077C0;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps i {
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:hover, .hierarchical-table tbody .section-table .section-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .section-table .section-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td {
  border-right: 1px dashed #B1B4B6;
  border-bottom: 2px solid #727A80;
  padding: 10px;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:hover, .hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .simple-text {
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section {
  color: #0077C0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:hover, .hierarchical-table tbody .subsection-table .subsection-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps {
  color: #000000;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps i {
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:hover, .hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .subsection-table .subsection-row td.row-option {
  width: 5%;
}
.hierarchical-table tbody .subsection-table .subsection-row td.row-first-col {
  width: 25%;
}
.hierarchical-table tbody .subsection-table .subsection-row td:last-child, .hierarchical-table tbody .subsection-table .subsection-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row.selected {
  background-color: #F5F8FB;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row td {
  border-right: 1px dashed #B1B4B6;
  border-bottom: 1px solid #727A80;
  padding: 10px;
}
.hierarchical-table tbody .field-table .field-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:hover, .hierarchical-table tbody .field-table .field-row td input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .simple-text {
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section {
  color: #0077C0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .field-table .field-row td .add-section:hover, .hierarchical-table tbody .field-table .field-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps {
  color: #000000;
  display: inline-block;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:hover, .hierarchical-table tbody .field-table .field-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .field-table .field-row td:last-child, .hierarchical-table tbody .field-table .field-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row.selected {
  background-color: #F5F8FB;
}
.hierarchical-table tbody .field-table .field-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .field-table .field-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row:last-child td {
  border-bottom-color: transparent;
}

.gray-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table thead tr th, .gray-table thead tr td, .gray-table .gray-head-style tr th, .gray-table .gray-head-style tr td {
  background-color: #F7F8FC;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
  color: #35393C;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table thead tr th .mat-badge, .gray-table thead tr td .mat-badge, .gray-table .gray-head-style tr th .mat-badge, .gray-table .gray-head-style tr td .mat-badge {
  position: absolute;
  right: 10px;
  top: 9px;
}
.gray-table thead tr th .mat-badge.mat-badge-medium .mat-badge-content, .gray-table thead tr td .mat-badge.mat-badge-medium .mat-badge-content, .gray-table .gray-head-style tr th .mat-badge.mat-badge-medium .mat-badge-content, .gray-table .gray-head-style tr td .mat-badge.mat-badge-medium .mat-badge-content {
  font-weight: normal;
  width: auto;
  height: auto;
  padding: 0px 7px;
  line-height: 22px;
  min-width: 22px;
  min-height: 22px;
  top: 0;
  right: 0;
}
.gray-table thead tr th:last-child, .gray-table thead tr td:last-child, .gray-table .gray-head-style tr th:last-child, .gray-table .gray-head-style tr td:last-child {
  border-right: none;
}
.gray-table thead tr th:hover .sort-new, .gray-table thead tr td:hover .sort-new, .gray-table .gray-head-style tr th:hover .sort-new, .gray-table .gray-head-style tr td:hover .sort-new {
  opacity: 1;
}
.gray-table thead.skyBlue-head tr th, .gray-table thead.skyBlue-head tr td, .gray-table .gray-head-style.skyBlue-head tr th, .gray-table .gray-head-style.skyBlue-head tr td {
  background-color: rgba(0, 147, 255, 0.08);
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
  color: #0093FF;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #CCCED2;
  border-bottom: 1px solid #CCCED2;
  color: #35393C;
}
.gray-table tbody tr td:last-child {
  border-right: none;
}
.gray-table tbody tr td .more-desp {
  width: calc(100% - 6ch);
  display: inline-block;
  white-space: nowrap;
}
.gray-table tbody tr td .more-link {
  text-decoration: underline;
  color: #0093FF;
  display: inline-block;
  vertical-align: top;
}
.gray-table tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
.gray-table tbody tr td.asset-img-td {
  padding: 4px 10px;
}
.gray-table tbody tr td.asset-img-td img {
  width: 58px;
  height: 40px;
  border-radius: 4px;
  object-fit: cover;
}
.gray-table tbody tr td .table-style-list:after {
  display: none;
}
.gray-table tbody tr td .gray-box {
  background-color: rgba(232, 232, 232, 0.6);
  padding: 20px;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gray-table tbody tr td .gray-box p:last-child {
  margin-bottom: 0;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -10px;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start, .gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end, .gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.gray-table tbody tr td .field-group.normal {
  margin: 10px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field .mat-form-field-label {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline {
  margin: -6px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 8px 0 8px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border: 1px solid #A1ACB4;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: 1px solid #A1ACB4;
  border-left-style: none;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 1px solid #A1ACB4;
  border-left-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-start {
  border: 2px solid #0077C0;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border: 2px solid #0077C0;
  border-left-style: none;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-end {
  border: 2px solid #0077C0;
  border-left-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float:not(.mat-form-field-disabled) .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-14px) scale(0.75);
}
.gray-table tbody tr td .field-group.normal.input-field .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 9px 0 9px 0;
}
.gray-table tbody tr td .simple-text-field {
  border: 1px solid #A1ACB4;
  padding: 6px;
  transition: color 0.3s ease-in-out;
  border-radius: 4px;
  outline: none;
}
.gray-table tbody tr td .simple-text-field:focus {
  border-color: #0077C0;
}
.gray-table tbody tr td a {
  color: #35393C;
}
.gray-table tbody tr td a.blue-link {
  color: #0077C0;
}
.gray-table tbody tr td a.medium-text {
  font-weight: 500;
}
.gray-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.gray-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.gray-table tbody tr td .two-fields .field-left input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-right: 70% !important;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gray-table tbody tr td .two-fields .field-left input[type=text]:hover, .gray-table tbody tr td .two-fields .field-left input[type=text]:focus {
  border-color: #0077C0;
  outline: none;
}
.gray-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.gray-table tbody tr td .two-fields .field-right .custom-dd-material:hover, .gray-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.gray-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.gray-table tbody tr td .two-fields.field-focus {
  border-color: #0077C0;
}
.gray-table tbody tr td.edit-field {
  padding: 0;
}
.gray-table tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393C;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gray-table tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #ffffff;
  outline: none;
  border: 1px solid #0077C0;
}
.gray-table tbody tr td .expanded-btn {
  transition: all 0.3s ease-in-out;
}
.gray-table tbody tr td .expanded-btn.expanded {
  transform: rotate(180deg);
}
.gray-table tbody tr.total-count td {
  border-bottom: none;
  border-right: none;
}
.gray-table tbody tr.total-count td.gray-border {
  border-bottom: 2px solid #596174;
}
.gray-table tbody tr.total-count:hover {
  background-color: transparent;
}
.gray-table tbody tr.error-row td {
  border-bottom-color: #E06C52;
}
.gray-table tbody tr.error-row td.error-field {
  color: #E06C52;
}
.gray-table tbody tr.error-row td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #E06C52;
}
.gray-table tbody tr.red-highlited td {
  border-bottom-color: #E06C52;
  border-top: 1px solid #E06C52;
}
.gray-table tbody tr.red-highlited td:first-child {
  border-left: 1px solid #E06C52;
}
.gray-table tbody tr.red-highlited td:last-child {
  border-right: 1px solid #E06C52;
}
.gray-table tbody tr.red-highlited td.error-field {
  color: #E06C52;
}
.gray-table tbody tr.red-highlited td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #E06C52;
}
.gray-table tbody tr.inactive td {
  background-color: #E2E2EA;
}
.gray-table tbody tr.inactive td img {
  opacity: 0.5;
}
.gray-table tbody tr:hover td:not(.no-hover), .gray-table tbody tr.current td:not(.no-hover) {
  background-color: #F7F8FC;
}
.gray-table tbody tr:hover td .table-opt mat-icon, .gray-table tbody tr.current td .table-opt mat-icon {
  color: #0077C0;
}
.gray-table tbody tr:hover.inactive td, .gray-table tbody tr.current.inactive td {
  background-color: #E2E2EA;
}
.gray-table tbody tr.no-hover td {
  background-color: #ffffff !important;
}
.gray-table tbody tr.inner-table td {
  padding: 0 10px;
}
.gray-table tbody tr.inner-table td.fifty-padded {
  padding: 0 50px;
}
.gray-table tbody tr.inner-table td .blue-line-table thead tr th {
  background-color: transparent;
  border-right: none;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td {
  padding: 4px 10px;
  border-bottom: 1px solid #CCCED2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td:first-child {
  border-left: 1px dashed #CCCED2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td:last-child {
  border-right: 1px dashed #CCCED2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr:last-child td {
  border-bottom: none;
}
.gray-table tbody tr.inner-table:hover td {
  background-color: transparent;
}
.gray-table.no-last-border thead tr th:nth-last-child(1) {
  border-right: none;
}
.gray-table.no-last-border tbody tr td:nth-last-child(1) {
  border-right: none;
}
.gray-table.fixed-header thead tr th {
  position: sticky;
  top: 132px;
  z-index: 2;
}
.gray-table.fixed-header-top-0 thead tr th {
  position: sticky;
  top: 0px;
  z-index: 2;
}
.gray-table.fixed-header-asset thead tr th {
  position: sticky;
  top: 279px;
  z-index: 2;
}
.gray-table.fixed-header-asset thead tr th .column-selector {
  min-width: 282px;
  right: 60px;
  top: 2px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-header:before {
  right: -15px;
  transform: rotate(90deg);
  top: 14px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new {
  padding: 10px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .far, .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .fas, .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .fal {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new span {
  margin-left: 8px;
  width: calc(100% - 24px);
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
}
@media only screen and (max-width: 1400px) {
  .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .column-list {
    max-height: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .column-list {
    max-height: 100px;
  }
}
.gray-table.fixed-header-asset.top-zero thead tr th {
  top: 0;
}
.gray-table.fixed-header-asset.fixed-first-last thead tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background-color: #F7F8FC;
}
.gray-table.fixed-header-asset.fixed-first-last thead tr th:last-child {
  position: sticky;
  right: 0;
  z-index: 5;
  background-color: #F7F8FC;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background-color: #ffffff;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr td:last-child {
  position: sticky;
  right: 0;
  z-index: 3;
  background-color: #ffffff;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr:hover td {
  background-color: #F7F8FC;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr.transit-row td {
  background-color: #FEF8E9;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr.inactive td {
  background-color: #E2E2EA;
}
.gray-table.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.gray-table.attchment-list tbody tr td {
  border-right: none;
}
.gray-table.attchment-list tbody tr td .no-attachment-icon img {
  width: 60px;
}
.gray-table.attchment-list tbody tr td .filename .file-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
.gray-table.attchment-list tbody tr td .filename .name-content {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
.gray-table.attchment-list tbody tr td .filename .name-content h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gray-table.attchment-list tbody tr td .filename .name-content h6 {
  font-size: 14px;
  font-size: 1rem;
  color: #B1B4B6;
  margin-bottom: 0;
}
.gray-table.attchment-list tbody tr td .mat-icon-button .mat-icon {
  color: #B1B4B6;
}
.gray-table.event-table thead tr th {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table.event-table tbody tr td {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table.event-table tbody tr td .badges.tiny {
  vertical-align: top;
  margin-top: 4px;
  margin-right: 6px;
}
.gray-table.event-table tbody tr td .badges.with-arrow {
  margin-top: 5px;
}
.gray-table.event-table tbody tr td .badges.without-arrow {
  margin-left: 30px;
}
.gray-table.event-table tbody tr td .row-trigger {
  margin-left: -8px;
  margin-right: 2px;
}
.gray-table.event-table tbody tr.unread td {
  background-color: #F3F3F3;
}
.gray-table.event-table tbody tr.sibling-list td {
  background-color: #F7F8FC;
}
.gray-table.event-table tbody tr.expanded td {
  background-color: #F7F8FC;
}
.gray-table.event-table tbody tr.expanded td .row-trigger {
  transform: rotate(90deg);
}
.gray-table.event-table tbody tr.disbaled-row {
  pointer-events: none;
}
.gray-table.event-table tbody tr.disbaled-row td {
  color: #A1ACB4 !important;
}
.gray-table.event-table tbody tr.disbaled-row td .badges {
  background-color: #A1ACB4;
}
.gray-table.event-table tbody tr.disbaled-row td a, .gray-table.event-table tbody tr.disbaled-row td span {
  color: #A1ACB4 !important;
}
.gray-table.for-gray-box tr {
  height: 1px;
}
.gray-table.for-gray-box tr td {
  height: inherit;
}
.gray-table.double-line-header thead th {
  padding: 10px;
  line-height: 24px;
  vertical-align: middle;
}
.gray-table.multi-line-list tbody tr:hover td {
  background-color: #ffffff !important;
}
.gray-table.multi-line-list tbody tr:nth-child(even) td {
  background-color: #F5FBFF !important;
}
.gray-table.multi-line-list tbody tr:nth-child(even):hover td {
  background-color: #F5FBFF !important;
}
.gray-table.multi-line-list tbody tr.DisableField td {
  background-color: #f9f9f9 !important;
}
.gray-table.multi-line-list tbody tr.DisableField:hover td {
  background-color: #f9f9f9 !important;
}
.gray-table.multi-line-list tbody tr td .table-style-list {
  list-style: none outside none;
  padding: 0;
  margin: -10px;
}
.gray-table.multi-line-list tbody tr td .table-style-list li {
  padding: 10px;
  border-bottom: 1px solid #CCCED2;
}
.gray-table.multi-line-list tbody tr td .table-style-list li:last-child {
  border-bottom: none;
}
.gray-table.no-word-wrap * {
  white-space: nowrap;
}

.assignie-list-table {
  background-color: #F7F8FC;
  margin: 10px -20px -10px;
}
.assignie-list-table table tbody tr td {
  padding: 10px 6px;
  border-bottom: 1px solid rgba(204, 206, 210, 0.8);
}
.assignie-list-table table tbody tr td:first-child {
  padding-left: 50px;
}
.assignie-list-table table tbody tr:last-child td {
  border-bottom: none;
}
.assignie-list-table table tbody tr:hover {
  background-color: transparent;
}
.assignie-list-table table tbody tr:hover td {
  border-color: rgba(204, 206, 210, 0.8);
}

.blue-line-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.blue-line-table thead tr th {
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-bottom: 2px solid #0077C0;
  color: #000000;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.blue-line-table thead tr th:last-child {
  border-right: none;
}
.blue-line-table thead tr th:hover .sort-new {
  opacity: 1;
}
.blue-line-table tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 14px;
  font-size: 1rem;
  border-bottom: 1px solid #CCCED2;
  color: #000000;
}
.blue-line-table tbody tr td:last-child {
  border-right: none;
}
.blue-line-table tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
.blue-line-table tbody tr td .hover-opts {
  width: 0 !important;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.blue-line-table tbody tr:hover td, .blue-line-table tbody tr.current td {
  background-color: #F7F8FC;
}
.blue-line-table tbody tr:hover td .table-opt.hover-opts, .blue-line-table tbody tr.current td .table-opt.hover-opts {
  width: 28px !important;
  visibility: visible;
}
.blue-line-table tbody tr:hover td .table-opt mat-icon, .blue-line-table tbody tr.current td .table-opt mat-icon {
  color: #596174;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.blue-line-table tbody tr:hover td .table-opt mat-icon:hover, .blue-line-table tbody tr.current td .table-opt mat-icon:hover {
  color: #0077C0;
}
.blue-line-table.fixed-header thead th {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
}
.blue-line-table.with-right-borders tbody tr td {
  border-right: 1px solid #CCCED2;
}
.blue-line-table.with-right-borders tbody tr td:last-child {
  border-right: none;
}
.blue-line-table.with-right-borders.dashed tbody tr td {
  border-right-style: dashed;
}
.blue-line-table.with-right-borders.dashed tbody tr td:last-child {
  border-right: none;
}
.blue-line-table.bigger-font thead tr th {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.blue-line-table.bigger-font tbody tr td {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.blue-line-table.no-wrap tbody tr td {
  white-space: nowrap;
}

.assets-table-ui {
  border-collapse: separate;
  border-spacing: 0 15px;
  width: 100%;
}
.assets-table-ui thead tr th {
  background-color: #E9EBF2;
  text-transform: uppercase;
  padding: 2px 10px;
  color: #020A20;
  font-size: 14px;
  font-size: 1rem;
  position: relative;
}
.assets-table-ui thead tr th:first-child {
  border-radius: 6px 0 0 6px;
  padding-left: 20px;
}
.assets-table-ui thead tr th:last-child {
  border-radius: 0 6px 6px 0;
  padding-right: 20px;
}
.assets-table-ui thead tr th .column-selector {
  min-width: 300px;
  right: 20px;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new {
  padding: 10px;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new > .far, .assets-table-ui thead tr th .column-selector .selector-body .notice-new > .fas, .assets-table-ui thead tr th .column-selector .selector-body .notice-new > .fal {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new span {
  margin-left: 8px;
  width: calc(100% - 24px);
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
}
.assets-table-ui tbody tr {
  transition: all 0.3s ease-in-out;
}
.assets-table-ui tbody tr td {
  background-color: #ffffff;
  border-top: 1px solid #E2E2EA;
  border-bottom: 1px solid #E2E2EA;
  padding: 4px 10px;
  color: #343B4C;
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
}
.assets-table-ui tbody tr td:first-child {
  border-radius: 6px 0 0 6px;
  border-left: 1px solid #E2E2EA;
  padding-left: 20px;
}
.assets-table-ui tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #E2E2EA;
  padding-right: 20px;
}
.assets-table-ui tbody tr td .asset-imgs {
  width: 70px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
}
.assets-table-ui tbody tr:hover, .assets-table-ui tbody tr.current {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.14);
}
.assets-table-ui tbody tr:hover td, .assets-table-ui tbody tr.current td {
  border-color: #0077C0;
}

.gray-table-no-border-body {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table-no-border-body thead tr th {
  background-color: #F7F8FC;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  color: #35393C;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table-no-border-body thead tr th:last-child {
  border-right: none;
}
.gray-table-no-border-body thead tr th.no-right-border {
  border-right: none;
}
.gray-table-no-border-body thead tr th:hover .sort-new {
  opacity: 1;
}
.gray-table-no-border-body tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393C;
}
.gray-table-no-border-body tbody tr td .field-group .mat-form-field-label-wrapper {
  top: -0.64375em;
}
.gray-table-no-border-body tbody tr td:last-child {
  border-right: none;
}
.gray-table-no-border-body tbody tr td.no-right-border {
  border-right: none;
}
.gray-table-no-border-body tbody tr.align-baseline td {
  vertical-align: baseline;
}
.gray-table-no-border-body.less-padded tbody tr td {
  padding: 2px 10px;
}
.gray-table-no-border-body.no-head-bg thead tr th {
  border-right: none;
  border-bottom: 1px solid #C7D2D9;
  background-color: transparent;
}

.gray-table-solid {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table-solid thead tr th {
  background-color: #F7F8FC;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  color: #35393C;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 20px;
  height: 40px;
}
.gray-table-solid thead tr th:last-child {
  border-right: none;
}
.gray-table-solid thead tr th.no-right-border {
  border-right: none;
}
.gray-table-solid thead tr th:hover .sort-new {
  opacity: 1;
}
.gray-table-solid tbody tr td {
  position: relative;
  padding: 20px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393C;
  border-right: 1px solid #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
}
.gray-table-solid tbody tr td .field-group .mat-form-field-label-wrapper {
  top: -0.64375em;
}
.gray-table-solid tbody tr td .field-group .mat-form-field-wrapper {
  padding-bottom: 0;
}
.gray-table-solid tbody tr td:last-child {
  border-right: none;
}
.gray-table-solid tbody tr td.no-right-border {
  border-right: none;
}
.gray-table-solid.fixed-header thead tr th {
  position: sticky;
  z-index: 2;
  top: 0;
}

.five-rows {
  overflow: hidden;
  max-height: 250px;
  transition: max-height 0.3s ease-in-out;
}
.five-rows.bigger-cells {
  max-height: 316px;
}
.five-rows.show-all {
  max-height: 1000px;
}

.transit-row td {
  background-color: #FEF8E9;
}
.transit-row .in-transit {
  display: inline-block;
  vertical-align: middle;
}
.transit-row .in-transit .origin {
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 12px;
}
.transit-row .in-transit .origin:after {
  content: "";
  background-color: #CCCED2;
  height: 1px;
  width: 8px;
  position: absolute;
  right: -10px;
  top: 3px;
}
.transit-row .in-transit .destination {
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.transit-row.current td, .transit-row:hover td {
  background-color: #FEF8E9 !important;
}

.alternet-gray-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.alternet-gray-table thead tr th {
  background-color: #F7F8FC;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #C7D2D9;
  border-bottom: 1px solid #C7D2D9;
  color: #35393C;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.alternet-gray-table thead tr th:last-child {
  border-right: none;
}
.alternet-gray-table tbody tr:nth-child(odd) td {
  background-color: #FAFAFA;
}
.alternet-gray-table tbody tr td {
  position: relative;
  padding: 16px 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393C;
  background-color: #ffffff;
}
.alternet-gray-table tbody tr td:first-child {
  color: #778080;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.alternet-gray-table tbody tr td:last-child {
  border-right: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.button.bigger.blue-btn {
  font-size: 16px;
  padding: 11px 18px !important;
  border-radius: 4px;
}

.project-templating-main-panel.no-buttons {
  top: 62px;
}

.show-advance-filters-custom {
  background-color: hsla(0, 0%, 78.8%, 0.2);
  color: #b2b5bb;
}
.show-advance-filters-custom:hover {
  top: 0;
  margin-right: 0;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab {
  font-size: 14px;
  font-weight: 500;
}

.form-link-right, .mat-flat-button {
  font-size: 16px;
}

.mat-form-field-subscript-wrapper {
  font-size: 70%;
  top: 100%;
  position: relative !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}

.cdk-global-overlay-wrapper, .cdk-overlay-backdrop, .cdk-overlay-container, .cdk-overlay-connected-position-bounding-box, .cdk-overlay-pane {
  z-index: 1200;
}

.cdk-overlay-container {
  z-index: 1250;
}

.notice-new > .far, .notice-new > .fas, .notice-new > .fal {
  color: #0077c0;
}

.mat-drawer-container {
  z-index: 1211 !important;
}

.lg-backdrop {
  z-index: 1211;
}
.lg-backdrop.in {
  opacity: 0.8;
}

.lg-outer {
  z-index: 1250;
}

bs-datepicker-container, bs-daterangepicker-container {
  z-index: 1211;
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0077c0;
}
.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label {
  color: #0077c0;
}

.login-content .material-style-form .mat-form-field-appearance-outline .mat-form-field-infix .mat-input-element {
  margin-top: -2px;
}

.gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
  width: 30px !important;
  height: 30px !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span {
  width: 20px !important;
  height: 20px !important;
  margin: 5px !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-d {
  margin-top: -22px;
}
.gm-style .gm-style-iw-c .gm-style-iw-d .agm-info-window-content h4 {
  max-width: calc(100% - 24px);
}
.gm-style .gm-style-iw-c .gm-style-iw-d .agm-info-window-content .blue-line-table tbody tr td {
  white-space: nowrap;
}

.rules-block .dp-value .mat-form-field-subscript-wrapper {
  font-size: 11px;
  position: absolute !important;
}
.rules-block .dp-value .mat-form-field-subscript-wrapper .price-error {
  background-color: transparent !important;
}

.column-selector .selector-body .mat-ripple-element {
  opacity: 0;
}

/* Hide Number Arrows */
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}*/
/* Hide Number Arrows */
.asset-loading .fetching-container .fetching-img img {
  margin-bottom: 0;
}

a {
  color: #0275d8;
  text-decoration: none;
}

.loaderHolder {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.95;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1201;
}

input {
  font-weight: 400;
}

.loaderHolder {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('all-loader.47b2c6ada1e312ef.gif');
}

.static-slider-open-secondary .loaderHolder,
.static-slider-open .loaderHolder,
.static-slider-open-config .loaderHolder {
  z-index: 1220;
}

.static-slider-open app-task-config-main,
.static-slider-open app-gis-poc,
.static-slider-open-config app-task-config-main,
.static-slider-open-config app-gis-poc {
  position: relative;
  z-index: 1211;
}

.hidden {
  display: none !important;
}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.new-header {
  background-color: #0077c0;
  position: fixed;
  top: 0;
  /*z-index: 1051;*/
  z-index: 1210;
  width: 100%;
  height: 65px;
  padding: 0 8px;
  border-bottom: 1px solid #046fb1;
  display: block;
}
.new-header .client-logo {
  max-width: 100px !important;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
}
.new-header .client-logo img {
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .new-header .client-logo {
    max-width: 118px !important;
  }
}
.new-header.white-header {
  background-color: #ffffff;
  border-bottom: none;
}
.new-header.white-header:after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: rgba(0, 119, 192, 0.3);
}
.new-header.white-header .top-nav {
  display: inline-block;
  vertical-align: middle;
  min-height: 66px;
}
.new-header.white-header .top-nav.with-client-logo {
  max-width: none;
}
.new-header.white-header .top-nav ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.new-header.white-header .top-nav ul li {
  padding: 18px 0 12px;
  position: relative;
  margin: 0 6px;
  font-variant: JIS04;
  display: inline-block;
  vertical-align: middle;
}
.new-header.white-header .top-nav ul li:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1px;
  transform-origin: center;
  height: 3px;
  opacity: 0;
  width: 0;
  background-color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.new-header.white-header .top-nav ul li a {
  color: #676c79;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  padding: 10px;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  display: block;
  line-height: 1;
}
.new-header.white-header .top-nav ul li a:focus {
  text-decoration: none;
}
.new-header.white-header .top-nav ul li:hover > a {
  background-color: rgba(0, 119, 192, 0.1);
  text-decoration: none;
}
.new-header.white-header .top-nav ul li.has-sub-menu > a .arrow {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0);
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.new-header.white-header .top-nav ul li.has-sub-menu:hover > a {
  background-color: transparent;
  color: #0077c0;
}
.new-header.white-header .top-nav ul li.has-sub-menu:hover > a .arrow {
  color: #676c79;
  transform: rotate(180deg);
}
.new-header.white-header .top-nav ul li .menu-options {
  z-index: 1;
  visibility: hidden;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 62px;
  transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s, opacity 0.2s ease-in-out;
  opacity: 0;
  max-height: 0;
  width: max-content;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
}
.new-header.white-header .top-nav ul li .menu-options h4.main-level {
  color: #7a7289;
  text-transform: uppercase;
  font-size: 14px;
  margin: 26px 16px 10px;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.3s;
}
.new-header.white-header .top-nav ul li .menu-options.right-set {
  left: auto;
  right: 0;
}
.new-header.white-header .top-nav ul li .menu-options.tow-cols {
  min-width: 606px;
}
.new-header.white-header .top-nav ul li .menu-options.tow-cols .col-sm-6:last-child :before {
  content: "";
  background-color: #efefef;
  height: calc(100% - 16px);
  width: 1px;
  position: absolute;
  left: 0;
  top: 8px;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu {
  padding: 8px 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.3s;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li {
  margin: 0;
  padding: 0;
  display: block;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li a {
  padding: 18px 16px;
  border-radius: 0;
  text-transform: capitalize;
  color: #676c79;
  font-size: 16px;
  line-height: 20px;
  min-width: 230px;
  text-align: left;
  white-space: nowrap;
  display: block;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu > a {
  padding-right: 30px !important;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu > a .arrow-right {
  position: absolute;
  right: 10px;
  top: 20px;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu .menu-option {
  position: absolute;
  left: 96%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  width: max-content;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out;
  z-index: -1;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu:hover .menu-option {
  left: 100%;
  opacity: 1;
  visibility: visible;
}
.new-header.white-header .top-nav ul li:hover .menu-options {
  visibility: visible;
}
.new-header.white-header .top-nav ul li:hover .menu-options .main-level {
  opacity: 1;
}
.new-header.white-header .top-nav ul li:hover .menu-options.active {
  opacity: 1;
  max-height: 100vh;
}
.new-header.white-header .top-nav ul li:hover .menu-options .sub-menu {
  opacity: 1;
}
.new-header.white-header .top-nav ul li.active:after {
  width: 100%;
  opacity: 1;
}
.new-header .right-actions .action-items {
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .knowledge-base,
.new-header .right-actions .action-items .notification-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.new-header .right-actions .action-items .knowledge-base .knowledge,
.new-header .right-actions .action-items .knowledge-base .notification,
.new-header .right-actions .action-items .notification-area .knowledge,
.new-header .right-actions .action-items .notification-area .notification {
  color: #676c79;
  font-size: 22px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items,
.new-header .right-actions .action-items .notification-area .notification.new-items {
  position: relative;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items:before,
.new-header .right-actions .action-items .notification-area .notification.new-items:before {
  content: "";
  position: absolute;
  background-color: #f8cdac;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
  z-index: -1;
  animation: blink 3s ease-in-out infinite;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items:after,
.new-header .right-actions .action-items .notification-area .notification.new-items:after {
  content: "";
  position: absolute;
  border: 1px solid #fff;
  background-color: #dc362e;
  width: 10px;
  height: 10px;
  right: 7px;
  top: 8px;
  border-radius: 50%;
}
.new-header .right-actions .action-items .user-area {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 15px 0;
}
.new-header .right-actions .action-items .user-area .user-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  border: 1px solid #676c79;
  padding: 1px;
  border-radius: 12px;
  margin-right: 20px;
}
.new-header .right-actions .action-items .user-area .user-avatar span {
  background-color: #676c79;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  line-height: 34px;
  font-weight: 700;
}
.new-header .right-actions .action-items .user-area .user-avatar:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 20px;
  color: #676c79;
  font-size: 20px;
  transition: transform 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box {
  width: 360px;
  border-radius: 25px;
  background-color: #f9f9f9;
  text-align: left;
  padding: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  z-index: 2;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s, opacity 0.2s ease-in-out;
  right: 0;
  top: 62px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area {
  background-color: #fff;
  border-radius: 25px;
  padding: 10px 0 20px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info {
  padding: 16px;
  border-bottom: 1px solid #cac4d0;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area .profile-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #0077c0;
  line-height: 64px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area .profile-avatar span {
  color: #fff;
  font-size: 20px;
  font-size: 1.4285714286rem;
  text-transform: uppercase;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area {
  width: calc(100% - 84px);
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area .role {
  color: #1c1b1f;
  font-size: 12px;
  font-size: 0.8571428571rem;
  border-radius: 36px;
  border: 1px solid #0077c0;
  padding: 4px 10px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area h4 {
  color: #1c1b1f;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 24px;
  margin: 8px 0 2px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area a {
  color: #79747e;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-decoration: none;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area a:hover {
  color: #0077c0;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .profile-links {
  padding: 18px 24px;
  color: #1d192b;
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  display: block;
  margin-top: 8px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .profile-links:hover {
  text-decoration: none;
  background-color: rgba(0, 119, 192, 0.1);
}
.new-header .right-actions .action-items .user-area .user-profile-box .gary-area-link {
  padding: 18px 40px;
  color: #6c6c6c;
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  display: block;
  margin-top: 8px;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .gary-area-link:hover {
  text-decoration: none;
  color: #dc362e;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block {
  padding: 24px 30px 14px;
  width: 96%;
  margin: 0 auto;
  border-top: 1px solid #e6e6e6;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block a,
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block p {
  font-size: 14px;
  font-size: 1rem;
  line-height: 16px;
  color: #747474;
  display: block;
  margin: 0;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block a:hover {
  text-decoration: none;
  color: #0077c0;
}
.new-header .right-actions .action-items .user-area:hover .user-avatar:after {
  transform: rotate(180deg);
}
.new-header .right-actions .action-items .user-area:hover .user-profile-box {
  visibility: visible;
  opacity: 1;
  max-height: 100vh;
}

a:focus,
a:hover {
  color: #014c8c;
  text-decoration: underline;
}

.dashboard-list-container {
  background-color: #f8fbfe;
  padding: 30px 20px;
  border-radius: 4px;
  border-top: 10px solid transparent;
  height: 100%;
}
.dashboard-list-container.yellow {
  border-top-color: #f7d794;
}
.dashboard-list-container.orange {
  border-top-color: #f3a683;
}
.dashboard-list-container.cyan {
  border-top-color: #64cddb;
}
.dashboard-list-container h5 {
  color: #020a20;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.dashboard-list-container h5 small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
}
.dashboard-list-container .view-all {
  color: #0093ff;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-decoration: underline;
}
.dashboard-list-container .view-all:hover {
  text-decoration: none;
}
.dashboard-list-container ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.dashboard-list-container ul li {
  margin-bottom: 10px;
}
.dashboard-list-container ul li a {
  display: block;
  background-color: #fff;
  padding: 8px 16px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.dashboard-list-container ul li a:hover {
  text-decoration: none;
}
.dashboard-list-container ul li a .icon-block {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #b2b5bb;
  text-align: center;
  line-height: 48px;
}
.dashboard-list-container ul li a .icon-block .material-icons {
  vertical-align: middle;
  color: #4d5362;
}
.dashboard-list-container ul li a .content-block {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: calc(100% - 64px);
}
.dashboard-list-container ul li a .content-block h6 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #4d5362;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.dashboard-list-container ul li a .content-block small {
  display: block;
  font-size: 14px;
  font-size: 1rem;
  color: #999da5;
}
.dashboard-list-container ul li:last-child {
  margin-bottom: 0;
}

.button {
  padding: 6px 18px;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  border: none;
  text-align: center;
  transition: all 0.3s ease-in-out;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.button.bigger {
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 11px 18px !important;
  border-radius: 4px;
}
.button.bigger .material-icons {
  font-size: 24px !important;
}

.blue-btn {
  min-width: 100px;
  background-color: #0077c0;
  text-decoration: none;
  font-weight: 700;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.blue-btn.disabled {
  pointer-events: none;
  background-color: #a1acb4;
}
.blue-btn:focus, .blue-btn:hover {
  color: #fff;
  text-decoration: none;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
}

.green-btn {
  min-width: 100px;
  background-color: #5ab78a !important;
  font-weight: 700;
  border-radius: 3px !important;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.green-btn .material-icons {
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.green-btn:focus, .green-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}
.green-btn.disabled {
  background-color: #c7c8ca;
  cursor: not-allowed;
}
.green-btn.disabled.active {
  background-color: #5ab78a;
  cursor: pointer;
}

.black-btn {
  min-width: 100px;
  background-color: #000;
  font-weight: 700;
  border-radius: 3px;
  font-size: 14px;
  /* font-size: 1rem; */
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.black-btn:focus, .black-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.gray-btn {
  min-width: 100px;
  background-color: #b1b4b6;
  font-weight: 700;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.gray-btn:focus, .gray-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.border-btn {
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
  min-width: 110px;
  padding: 4px;
  border: 2px solid #999da5;
  color: #999da5;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}
.border-btn:focus, .border-btn:hover {
  color: #0077c0;
  border-color: #0077c0;
  text-decoration: none;
}

.filters-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.filters-container .filter-options {
  left: 0 !important;
}

.action-filter {
  background-color: #c7c8ca !important;
  pointer-events: none;
  color: #fff !important;
}
.action-filter .material-icons {
  vertical-align: middle;
}
.action-filter.active {
  pointer-events: auto;
}
.action-filter.active.green {
  background-color: #5ab78a !important;
}
.action-filter.active.blue {
  background-color: #0077c0 !important;
}

.tooltip-text {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
}
.tooltip-text.responsive {
  max-width: 160px;
}
.tooltip-text.less-words {
  max-width: 130px;
}
.tooltip-text.less-words.more-lessword {
  max-width: 110px;
}
.tooltip-text.two-fifty {
  max-width: 240px;
}
.tooltip-text.more-words {
  max-width: 300px;
}
.tooltip-text.five-hundred-width {
  max-width: 500px;
}
.tooltip-text.six-eighty {
  max-width: 680px;
}
.tooltip-text.maximum {
  max-width: 90%;
}

@media only screen and (min-width: 1600px) {
  .tooltip-text.responsive {
    max-width: 250px;
  }
  .tooltip-text.two-fifty {
    max-width: 400px;
  }
}
.form-inline .form-group {
  width: 100%;
  margin-bottom: 14px;
}
.form-inline .form-group .switch input + label {
  width: auto;
}
.form-inline .form-group label {
  width: 30%;
  justify-content: left;
}
.form-inline .form-group label sup {
  color: #df6b51;
  top: -2px;
  margin-left: 3px;
  font-size: 14px;
  font-size: 1rem;
}
.form-inline .form-group .multiple-select + .btn-group {
  width: 60%;
}
.form-inline .form-group .form-control {
  width: 60%;
  border-color: #b1b4b6;
}
.form-inline .form-group .form-control:focus {
  border-color: #0077c0;
}
.form-inline .form-group .form-control.search {
  padding-right: 30px;
  background-size: 16px;
}
.form-inline .form-group .form-control.search.box-style {
  border-radius: 0;
}
.form-inline .form-group .form-control.date-single {
  padding-right: 30px;
  background-size: 16px;
}
.form-inline .form-group .form-control.attachment {
  padding-right: 30px;
  background-size: 15px;
}
.form-inline .form-group .searchable-select.selectize-control {
  width: 60%;
}
.form-inline .form-group .searchable-select .selectize-input {
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  background-position: 98.6% 7px;
  border-radius: 0.25rem;
}
.form-inline .form-group .searchable-select .selectize-input.input-active {
  background-position: 98.6% 7px !important;
}
.form-inline .form-group .right-content {
  margin-left: 30%;
  width: 60%;
}
.form-inline .form-group .right-content .pure-material-checkbox {
  width: 100%;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline .form-group .right-content .form-control {
  width: 100%;
}
.form-inline .form-group .checkbox-options .pure-material-checkbox {
  width: auto;
  display: inline-block;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.form-inline .form-group .search-results {
  width: 60%;
  left: 30%;
}
.form-inline .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline .form-group .error-msg {
  color: #df6b51;
  font-size: 12px;
  font-size: 0.8571428571rem;
  width: 100%;
  margin-left: 30%;
  margin-bottom: 0;
}
.form-inline .form-group.search-icon input {
  background-size: 16px;
  padding-right: 36px;
}
.form-inline .form-group.select-behavior {
  position: relative;
}
.form-inline .form-group.select-behavior input {
  padding-right: 20px;
  cursor: pointer;
  z-index: 1;
}
.form-inline .form-group.select-behavior .modal-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  right: 12%;
  top: 14px;
  width: 58%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.form-inline .form-group.select-behavior .modal-options p {
  color: #6bb739;
  margin-bottom: 4px;
}
.form-inline .form-group.select-behavior .modal-options .search-text {
  margin-bottom: 10px;
}
.form-inline .form-group.select-behavior .modal-options .search-text input {
  border-color: #b1b4b6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
  width: 100%;
}
.form-inline .form-group.select-behavior .modal-options .search-text input:focus {
  border-color: #0077c0;
}
.form-inline .form-group.select-behavior .modal-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.form-inline .form-group.select-behavior .modal-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.form-inline .form-group.select-behavior .modal-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.form-inline .form-group.select-behavior .modal-options.active {
  opacity: 1;
  z-index: 2;
  top: 40px;
}
.form-inline .form-group.at-risk label {
  color: #df6b51;
}
.form-inline .form-group.view-only .form-control {
  background-color: #e5e5e5;
  border-color: #c7c8ca;
  pointer-events: none;
}
.form-inline .form-group.view-only .multiple-select + .btn-group .multiselect {
  background-color: #e5e5e5;
  border-color: #c7c8ca;
  pointer-events: none;
}
.form-inline .form-filter-btns {
  margin-left: 16px;
}
.form-inline .form-filter-btns .filter-btn {
  padding: 6px 18px;
  max-height: 33px;
}
.form-inline .form-filter-btns .filter-btn img {
  height: 22px;
}
.form-inline .form-filter-btns .clear-filter {
  margin: 7px;
}
.form-inline .form-filter-btns .simple-filter-btn {
  margin: 0 4px;
}
.form-inline.label-right .form-group label {
  justify-content: flex-end;
  padding-right: 20px;
}
.form-inline.half-fields .form-group label {
  width: 13%;
}
.form-inline.half-fields .form-group label + .pure-material-checkbox {
  width: auto;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline.half-fields .form-group .form-control {
  width: 30%;
}
.form-inline.half-fields .form-group .searchable-select.selectize-control {
  width: 30%;
}
.form-inline.half-fields .form-group .search-results {
  width: 30%;
  left: 13%;
}
.form-inline.half-fields .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline.half-fields .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline.half-fields .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline.half-fields .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline.half-fields .form-group .error-msg {
  margin-left: 13%;
}
.form-inline.half-fields .form-group.select-behavior .modal-options {
  right: 0;
  left: 13%;
  width: 30%;
}
.form-inline.half-fields .right-content {
  margin-left: 13%;
}
.form-inline.half-fields .right-content .pure-material-checkbox {
  width: 100%;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline.quarter-fields .form-group label {
  width: 16%;
}
.form-inline.quarter-fields .form-group .form-control {
  width: 40%;
}
.form-inline.quarter-fields .form-group .searchable-select.selectize-control {
  width: 40%;
}
.form-inline.quarter-fields .form-group .search-results {
  width: 40%;
  left: 16%;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline.quarter-fields .form-group .error-msg {
  margin-left: 16%;
}
.form-inline.quarter-fields .form-group.select-behavior .modal-options {
  right: 0;
  left: 13%;
  width: 30%;
}
.form-inline.quarter-fields .right-content {
  margin-left: 16%;
}

table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
table thead tr th {
  background-color: #f3f7fa;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
}
table thead tr th .sorting {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
  margin-right: 4px;
}
table tbody tr {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table tbody tr td {
  padding: 10px;
  border-bottom: 1px solid #c8dbeb;
}
table tbody tr:hover {
  background-color: #eceef1;
}
table tbody tr.selected {
  background-color: #0077c0;
  color: #fff;
}
table tbody tr.selected td a {
  color: #fff;
}
table tbody tr.selected td .barcode-icon img {
  filter: invert(1);
}
table tbody tr.selected .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.selected .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.selected.updated {
  background-color: #0077c0;
  color: #fff;
}
table tbody tr.selected.updated td a {
  color: #fff;
}
table tbody tr.selected.updated .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.selected.updated .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.archived {
  background-color: transparent;
  color: #b1b4b6;
}
table tbody tr.archived td a {
  color: #b1b4b6;
}
table tbody tr.archived .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.archived .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.updated {
  background-color: transparent;
  color: #5ab78a;
}
table tbody tr.updated td a {
  color: #5ab78a;
}
table tbody tr.updated .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.updated .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table.full-width {
  width: max-content;
}
table.no-hover tbody tr:hover {
  background-color: transparent;
}
table.user-table tbody tr.blue-row {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
table.user-table tbody tr.blue-row td {
  color: #0077c0 !important;
  border-bottom: 2px solid #0077c0 !important;
}
table.user-table tbody tr.blue-row td .arrow {
  color: #0077c0 !important;
}
table.user-table tbody tr.blue-row td .arrow:focus {
  text-decoration: none;
}
table.user-table tbody tr.blue-row td .arrow:hover {
  text-decoration: none;
}
table.user-table tbody tr.blue-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
table.user-table tbody tr.black-row td {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
table.user-table tbody tr.black-row td .arrow {
  color: #000 !important;
}
table.user-table tbody tr.black-row td .arrow:focus {
  text-decoration: none;
}
table.user-table tbody tr.black-row td .arrow:hover {
  text-decoration: none;
}
table.user-table tbody tr.black-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
table.user-table tbody tr.black-row td:first-child {
  padding-left: 30px;
}
table.user-table tbody tr.light-black-row td:first-child {
  padding-left: 58px;
}
table.user-table tbody tr.newDisable-row {
  background-color: #fff;
}
table.user-table tbody tr.newDisable-row td {
  color: rgba(53, 57, 60, 0.6) !important;
}
table.user-table tbody tr.newDisable-row td input {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td select {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td textarea {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td a {
  color: rgba(53, 57, 60, 0.3) !important;
}
table.user-table tbody tr.newDisable-row td .custom-dd-material {
  opacity: 0.64;
}
table.user-table tbody tr.newDisable-row:hover {
  background-color: #fff !important;
}
table.user-table tr td .table-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: calc(100% - 22px) !important;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  min-width: 200px;
}
table.user-table tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
table.user-table tr td .table-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table.user-table tr td .table-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
table.user-table tr td .table-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
table.user-table tr td .table-options ul li:last-child a {
  border-bottom: none;
}
table.user-table tr td .table-options ul li:last-child a.disabled {
  border-bottom: none;
}
table.user-table tr td .table-options.bottom-set {
  bottom: 10px;
  top: auto;
}
table.user-table tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
  max-height: 1000px;
  overflow: visible;
}
table.user-table tr td .drag-icon {
  opacity: 0;
  cursor: grab;
  transition: opacity 0.3s ease-in-out;
}
table.user-table tr td .drag-icon img {
  width: 80%;
}
table.user-table tr td .drag-icon.no-visible {
  visibility: hidden;
  pointer-events: none;
}
table.user-table tr td .table-hover-icon {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  display: block;
}
table.user-table tr td .table-hover-icon .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: sub;
}
table.user-table tr td .table-hover-icon:hover {
  text-decoration: none;
  color: #0077c0;
}
table.user-table tr td .table-hover-icon:hover .material-icons {
  color: #0077c0;
}
table.user-table tr td .pure-material-checkbox {
  font-size: 14px;
  font-size: 1rem;
  margin-top: 3px;
  margin-bottom: 0;
}
table.user-table tr td .pure-material-checkbox > span:before {
  margin: 0;
}
table.user-table tr td .pure-material-checkbox > span:after {
  top: 2px;
  left: 1px;
}
table.user-table tr td a {
  transition: all 0.3s ease-in-out;
  color: #12202b;
}
table.user-table tr:hover .drag-icon,
table.user-table tr:hover .table-hover-icon {
  opacity: 1;
}
table.user-table.no-borders thead tr th {
  padding: 4px;
  font-size: 13px;
  font-size: 0.9285714286rem;
  color: #7f7f7f;
}
table.user-table.no-borders tbody tr td {
  border-bottom: none;
  font-size: 12px;
  font-size: 0.8571428571rem;
  padding: 2px 4px;
}
table.user-table.no-borders tbody tr td .editable-fields {
  width: 100%;
  min-width: 100px;
  color: #12202b;
  padding: 2px 6px;
  border: 1px solid transparent;
}
table.user-table.no-borders tbody tr td .editable-fields::placeholder {
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td .editable-fields:focus {
  border-color: #e5e5e5;
  outline: none;
}
table.user-table.no-borders tbody tr td .error-highlighted {
  border-color: #df6b51;
}
table.user-table.no-borders tbody tr td .error-highlighted:hover {
  border-color: #df6b51 !important;
}
table.user-table.no-borders tbody tr td .editable-select {
  width: 100%;
  min-width: 140px;
  color: #12202b;
  padding: 2px 6px;
  border: 1px solid transparent;
}
table.user-table.no-borders tbody tr td .editable-select::placeholder {
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td .editable-select:focus {
  border-color: #e5e5e5;
  outline: none;
}
table.user-table.no-borders tbody tr td .delete-icon {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
table.user-table.no-borders tbody tr td .delete-icon .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td.dropdown-caret {
  position: relative;
}
table.user-table.no-borders tbody tr td.dropdown-caret:after {
  position: absolute;
  content: "expand_more";
  font-family: Material Icons;
  right: 8px;
  top: 6px;
  color: #b1b4b6;
  pointer-events: none;
}
table.user-table.no-borders tbody tr td.required-field .not-saved {
  opacity: 1;
  min-width: max-content;
  bottom: 100%;
  top: auto;
}
table.user-table.no-borders tbody tr td.required-field .not-saved:after {
  right: 6px;
  left: auto;
}
table.user-table.no-borders tbody tr td.required-field:after {
  opacity: 1;
  top: 0;
}
table.user-table.no-borders tbody tr:hover td .editable-fields {
  border-color: #e5e5e5;
}
table.user-table.no-borders tbody tr:hover td .editable-select {
  border-color: #e5e5e5;
}
table.user-table.no-borders tbody tr:hover td .error-highlighted {
  border-color: #df6b51;
}
table.user-table.no-borders tbody tr:hover td .delete-icon {
  opacity: 1;
}
table.user-table.no-borders.normal-fonts thead tr th {
  font-size: 14px;
  font-size: 1rem;
}
table.user-table.no-borders.normal-fonts tbody tr td {
  border-bottom: none;
  font-size: 14px;
  font-size: 1rem;
}
table.user-table.no-borders.extra-padded tbody tr td {
  padding: 8px 4px;
}
table.user-table.newUI.attchment-list tbody tr td, table.user-table.newUI.no-action-border tbody tr td:nth-last-child(2), table.user-table.newUI.no-action-border thead tr th:nth-last-child(2), table.user-table.newUI.no-first-border tbody tr td:first-child, table.user-table.newUI.no-first-border thead tr th:first-child, table.user-table.newUI.readonly-view tbody tr td, table.user-table.newUI.readonly-view thead tr th {
  border-right: none;
}
table.user-table.newUI .mat-form-field-type-mat-select .mat-form-field-infix {
  padding: 8px 10px !important;
  /*border: 1px solid transparent !important;*/
}
table.user-table.newUI .mat-form-field-type-mat-select .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
table.user-table.newUI .mat-form-field-type-mat-select.mat-focused .mat-form-field-infix {
  border-color: #377db8 !important;
}
table.user-table.newUI .mat-form-field-type-mat-select.mat-form-field-invalid .mat-form-field-infix {
  border-color: red !important;
}
table.user-table.newUI .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 11px;
}
table.user-table.newUI .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  z-index: 0;
}
table.user-table.newUI .ng-select {
  height: 46px;
}
table.user-table.newUI .ng-select .ng-select-container {
  height: 100%;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
table.user-table.newUI .ng-select .ng-select-container .ng-value-container .ng-input > input {
  box-sizing: border-box;
  padding: 0px;
  border: none;
}
table.user-table.newUI .ng-select .ng-select-container .ng-value-container .ng-input > input:focus {
  border: none;
  background: transparent;
}
table.user-table.newUI tbody tr {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table.user-table.newUI tbody tr td.no-right-border {
  border-right: none;
}
table.user-table.newUI tbody tr td .table-options ul li a {
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
}
table.user-table.newUI tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
table.user-table.newUI tbody tr td .table-options ul li:last-child a.disabled {
  border-bottom: none;
}
table.user-table.newUI tbody tr td .align-middle {
  vertical-align: middle !important;
}
table.user-table.newUI tbody tr td .notify-btn {
  color: #747780;
}
table.user-table.newUI tbody tr td .notify-btn:hover {
  text-decoration: none;
  color: #0077c0;
}
table.user-table.newUI tbody tr td.error-hint .edit-field {
  padding-right: 0;
}
table.user-table.newUI tbody tr td.error-hint .show-hint {
  color: #e06c52;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border-color: #e06c52;
}
table.user-table.newUI tbody tr td.edit-field .on-field {
  opacity: 0;
  position: absolute;
  right: 30px;
  top: 10px;
}
table.user-table.newUI tbody tr td.edit-field:hover .on-field {
  opacity: 1;
}
table.user-table.newUI tbody tr td .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .blue-link .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .black-link {
  color: #35393c;
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .black-link .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .icon-option {
  transition: all 0.3s ease-in-out;
  min-width: 282px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: absolute;
  left: calc(100% - 30px);
  top: calc(100% - 30px);
  padding: 20px 20px 10px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
table.user-table.newUI tbody tr td .icon-option.active {
  top: calc(100% - 10px);
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
table.user-table.newUI tbody tr td .icon-option ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
}
table.user-table.newUI tbody tr td .icon-option ul li {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
}
table.user-table.newUI tbody tr td .icon-option ul li a {
  transition: all 0.3s ease-in-out;
  border: 1px solid #c7d2d9;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
}
table.user-table.newUI tbody tr td .icon-option ul li a .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .icon-option ul li a:hover {
  border-color: #727a80;
}
table.user-table.newUI tbody tr td .more-opt {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  text-align: center;
  padding-top: 0;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
table.user-table.newUI tbody tr td .more-opt .material-icons {
  vertical-align: text-top;
}
table.user-table.newUI tbody tr td .drag-icon img {
  width: auto;
}
table.user-table.newUI tbody tr td a.simple-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover, table.user-table.newUI tbody tr.selected {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
table.user-table.newUI tbody tr:hover td .blue-link, table.user-table.newUI tbody tr.selected td .blue-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover td a.simple-link, table.user-table.newUI tbody tr.selected td a.simple-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover td .more-opt, table.user-table.newUI tbody tr.selected td .more-opt {
  color: #fff;
  background-color: #0077c0;
}

.info-tooltip {
  display: inline-block;
}
.info-tooltip.blue {
  color: #0077c0;
}

.breadcrumb-bar {
  padding: 10px 16px 0;
  padding-left: -14px;
  position: fixed;
  top: 63px;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}
.breadcrumb-bar.upgraded {
  margin-top: 2px;
  margin-bottom: 5px;
  position: relative;
  padding: 0;
  top: 0;
  white-space: nowrap;
}
.breadcrumb-bar span a {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  padding-left: 14px;
  position: relative;
  color: #727a80;
  max-width: 20ch;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.breadcrumb-bar span a:before {
  cursor: default;
  content: "/";
  position: absolute;
  left: 3px;
  top: 0;
}
.breadcrumb-bar span a:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  background-color: #0077c0;
  left: 14px;
  bottom: 2px;
  height: 1px;
  width: 0;
  opacity: 0;
}
.breadcrumb-bar span a:last-child:focus {
  text-decoration: none;
}
.breadcrumb-bar span a:last-child:hover {
  text-decoration: none;
}
.breadcrumb-bar span a:hover {
  text-decoration: none;
  color: #0077c0;
}
.breadcrumb-bar span a:hover:after {
  width: calc(100% - 14px);
  opacity: 1;
}
.breadcrumb-bar span a:hover:last-child {
  color: #727a80;
}
.breadcrumb-bar span a:hover:last-child:after {
  display: none;
}
.breadcrumb-bar span a:focus {
  text-decoration: none;
}
.breadcrumb-bar span a.no-link-anchor:hover {
  text-decoration: none;
  color: #727a80;
}
.breadcrumb-bar span a.no-link-anchor:after {
  transition: all 0.3s ease-in-out;
  display: none;
  position: absolute;
  color: #727a80;
  left: 14px;
  bottom: 2px;
  height: 1px;
  width: 0;
  opacity: 0;
}
.breadcrumb-bar span a.home {
  padding-left: 0;
}
.breadcrumb-bar span a.home img {
  vertical-align: text-top;
}
.breadcrumb-bar span a.home:before {
  display: none;
}
.breadcrumb-bar span a.home:after {
  left: 0;
}
.breadcrumb-bar span a.home:hover:after {
  width: 100%;
}

.check-btns {
  display: inline-block;
  vertical-align: middle;
}
.check-btns .fal {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns .far {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns .fas {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns.red {
  color: #ff4a56;
}
.check-btns.green {
  color: #5aba8a;
}
.check-btns.blue {
  color: #0077c0;
}
.check-btns.gray {
  color: #a1acb4;
}

.editable-title-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editable-title-container .check-btns {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 12px;
}
.editable-title-container .check-btns.red {
  right: 8px;
}
.editable-title-container .check-btns.green {
  right: 32px;
}
.editable-title-container .editable-title {
  border: 1px solid transparent;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #000;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  padding: 2px;
  width: 286px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-title-container .editable-title:hover {
  border-color: #a1acb4;
}
.editable-title-container .editable-title:focus {
  outline: none;
  border-color: #a1acb4;
  background-color: #efefef;
  padding-right: 60px;
}
.editable-title-container.active {
  position: absolute;
}
.editable-title-container.active .check-btns {
  opacity: 1;
  visibility: visible;
}

.project-templating-topbar .project-table-action .project-expand-collapse {
  display: inline-block;
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.project-templating-topbar .project-table-action .project-expand-collapse .material-icons {
  vertical-align: bottom;
  margin-right: -4px;
}
.project-templating-topbar.sticky-bar {
  position: fixed;
  top: 96px;
  left: 16px;
  z-index: 4;
  width: calc(100% - 32px);
  padding-top: 0;
  min-height: 60px;
}
.project-templating-topbar.sticky-bar.oldViews {
  top: 73px;
  padding-left: 0;
}
.project-templating-topbar.sticky-bar.no-buttons {
  min-height: auto;
}
.project-templating-topbar .projects-list-filter {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  position: relative;
}
.project-templating-topbar .projects-list-filter .selected-opt {
  color: #000;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.project-templating-topbar .projects-list-filter .selected-opt.no-bg {
  background: none;
  padding-left: 0 !important;
}
.project-templating-topbar .projects-list-filter .selected-opt .arrow {
  color: #000;
  vertical-align: middle;
  font-size: 24px;
  font-size: 1.7142857143rem;
  transition: all 0.3s ease-in-out;
}
.project-templating-topbar .projects-list-filter .selected-opt:hover {
  text-decoration: none;
}
.project-templating-topbar .projects-list-filter .list-options ul li a {
  margin-bottom: 1px;
  display: inline-block;
  width: 315px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding: 6px 10px;
}
.project-templating-topbar .templating-options {
  display: inline-block;
  vertical-align: top;
}
.project-templating-topbar .templating-options a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.project-templating-topbar .templating-options a .far {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}

.project-templating-tabs.sticky-tabs {
  background-color: #fff;
  z-index: 3;
  position: fixed;
  left: 16px;
  width: calc(100% - 32px);
  top: 148px;
}
.project-templating-tabs.sticky-tabs.no-buttons {
  top: 136px;
}
.project-templating-tabs.bordered ul {
  border-bottom: 1px solid #c7d2d9;
}
.project-templating-tabs ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-tabs ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.project-templating-tabs ul li:first-child {
  margin-left: 0;
}
.project-templating-tabs ul li:last-child {
  margin-right: 0;
}
.project-templating-tabs ul li a {
  text-transform: capitalize;
  position: relative;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: top;
  color: #b2b5bb;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.project-templating-tabs ul li a:after {
  content: "";
  opacity: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #c7d2d9;
}
.project-templating-tabs ul li a:hover {
  text-decoration: none;
}
.project-templating-tabs ul li a:hover:after {
  opacity: 1;
}
.project-templating-tabs ul li a.active {
  color: #0077c0;
  font-weight: 700;
}
.project-templating-tabs ul li a.active:after {
  background-color: #0077c0;
  opacity: 1;
}

.applied-filters .filter-search {
  vertical-align: middle !important;
}
.applied-filters .simple-text {
  display: inline-block;
  vertical-align: middle;
}
.applied-filters .filter-accordian .filter-cat {
  position: relative;
  padding-left: 16px;
  cursor: pointer;
}
.applied-filters .filter-accordian .filter-cat:before {
  content: "";
  transition: transform 0.3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 20px;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox {
  color: #0077c0;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox > span:after {
  top: 10px;
}
.applied-filters .filter-accordian .filter-cat.collapsed:before {
  transform: rotate(180deg);
}
.applied-filters .filter-accordian .applied-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.applied-filters .filter-accordian .applied-list li {
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox {
  color: #12202b;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox > span:after {
  top: 10px;
}

.icon-btn.active, .icon-btn:hover {
  color: #0077c0;
  text-decoration: none;
}

.material-advance-search {
  display: none;
  position: relative;
  width: 94%;
  margin: 20px auto 0;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.material-advance-search .loading-filters {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.6);
  z-index: 1;
  text-align: center;
}
.material-advance-search .loading-filters .loading-anim {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 66px);
}
.material-advance-search .loading-filters .loading-anim img {
  width: 80px;
}
.material-advance-search .loading-filters .loading-anim span {
  color: #747780;
}
.material-advance-search.full {
  margin: 0;
  width: 100%;
}
.material-advance-search .close-btn {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 2;
}
.material-advance-search .close-btn.new {
  right: 34px;
  top: 28px;
}
.material-advance-search .list-container {
  margin-top: 20px;
}
.material-advance-search .list-container:last-child {
  border-right: 0;
}
.material-advance-search .list-container:first-child .check-list {
  margin-left: 0;
}
.material-advance-search .list-container .check-list {
  margin-left: 20px;
}
.material-advance-search .check-list {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.material-advance-search .check-list li {
  width: 100%;
  margin: 4px 0;
}
.material-advance-search .check-list li .pure-material-checkbox {
  display: inline-block;
  width: auto !important;
  margin-bottom: 0;
}
.material-advance-search .check-list li .pure-material-checkbox input {
  top: -8px;
  background: none;
  background-size: auto;
  padding-right: 0;
  background-color: hsla(204, 3%, 70%, 0.6);
}
.material-advance-search .check-list li .pure-material-checkbox input.checked + span {
  color: #0077c0;
}
.material-advance-search .check-list li .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #7f7f7f;
}
.material-advance-search .check-list li .pure-material-checkbox > span:before {
  margin-right: 6px;
}
.material-advance-search .check-list li .pure-material-checkbox > span:after {
  top: 5px;
}
.material-advance-search.top-level {
  width: 100%;
  margin: 0 auto 20px;
}
.material-advance-search.top-level .filter-search {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}

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

.mat-icon-button.show-advance-filters-custom {
  border-radius: 3px !important;
  top: 0px;
  height: 45px;
  width: 45px;
  overflow: hidden;
  margin-right: 0;
  background-color: hsla(0, 0%, 78.8%, 0.2);
  transition: background-color 0.3s ease-in-out;
  color: #b2b5bb;
  line-height: 36px;
}
.mat-icon-button.show-advance-filters-custom:hover {
  background-color: #0077c0;
}

.site-list-panel .site-list-pagination {
  padding-left: 8px;
}
.site-list-panel .site-list-pagination.new .results {
  color: #b1b4b6;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

.sliderPopup {
  transition: all 0.3s ease-in-out;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
  right: -100%;
  top: 0;
  position: fixed;
  width: 70%;
  height: 100vh;
  z-index: 1211;
}
.sliderPopup .sliderHeader {
  border-bottom: 2px solid #0077c0;
  padding: 16px 0;
}
.sliderPopup .sliderHeader .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.sliderPopup .sliderHeader .blue-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderHeader .blue-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderHeader.sticky-header {
  position: sticky;
  background-color: #fff;
  top: 0;
  z-index: 3;
}
.sliderPopup .sliderHeader .slider-heading {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.7142857143rem;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.sliderPopup .sliderHeader .slider-heading small {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: block;
  color: #0077c0;
  font-weight: 500;
}
.sliderPopup .sliderHeader .slider-heading span {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  color: #727a80;
  vertical-align: top;
  margin-top: 4px;
}
.sliderPopup .sliderHeader .back-btn {
  display: inline-block;
  vertical-align: bottom;
  color: #12202b;
}
.sliderPopup .sliderHeader .close-btn {
  display: inline-block;
  vertical-align: middle;
  color: #12202b;
}
.sliderPopup .sliderHeader .close-btn.new-btns:hover {
  color: #fff;
}
.sliderPopup .sliderBody {
  padding: 20px 0;
}
.sliderPopup .sliderBody.scrollY {
  margin-bottom: 20px;
  max-height: calc(100vh - 106px);
}
.sliderPopup .sliderBody .drawer-tabs {
  border-bottom: 1px solid #ccced2;
}
.sliderPopup .sliderBody .drawer-tabs a {
  transition: color 0.3s ease-in-out;
  color: #b2b5bb;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 8px 16px;
}
.sliderPopup .sliderBody .drawer-tabs a:after {
  content: "";
  opacity: 0;
  height: 4px;
  background-color: #0077c0;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.sliderPopup .sliderBody .drawer-tabs a:focus {
  color: #0077c0;
  text-decoration: none;
}
.sliderPopup .sliderBody .drawer-tabs a:hover {
  color: #0077c0;
  text-decoration: none;
}
.sliderPopup .sliderBody .drawer-tabs a.active {
  color: #0077c0;
}
.sliderPopup .sliderBody .drawer-tabs a.active:after {
  opacity: 1;
}
.sliderPopup .sliderBody h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody h4.inline {
  display: inline-block;
  vertical-align: text-top;
}
.sliderPopup .sliderBody .tabs-section-data .question-content h4 {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sliderPopup .sliderBody .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody .blue-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderBody .blue-link:focus {
  text-decoration: none;
}
.sliderPopup .sliderBody .blue-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderBody .blue-link.on-field {
  position: absolute;
  right: 30px;
  top: 8px;
}
.sliderPopup .sliderBody .red-link {
  color: #e06c52;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody .red-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderBody .red-link:focus {
  text-decoration: none;
}
.sliderPopup .sliderBody .red-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderBody .red-link.on-field {
  position: absolute;
  right: 10px;
  top: 8px;
}
.sliderPopup .sliderBody .search-box {
  position: relative;
}
.sliderPopup .sliderBody .search-box:after {
  content: "";
  width: 32px;
  height: 31px;
  position: absolute;
  border-radius: 0 0.25rem 0.25rem 0;
  right: 1px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.sliderPopup .sliderBody .search-box .clear-search {
  position: absolute;
  display: none;
  right: 4px;
  top: 4px;
  background-color: #f3f7fa;
  z-index: 2;
}
.sliderPopup .sliderBody .search-box .clear-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.sliderPopup .sliderBody .search-box input {
  border-color: #b1b4b6;
  padding-right: 36px;
  background-size: 16px;
  position: relative;
}
.sliderPopup .sliderBody .search-box input:focus {
  border-color: #0077c0;
}
.sliderPopup.opened {
  right: 0;
}
.sliderPopup.sliderView {
  width: 60%;
  height: calc(100% - 66px);
  top: 66px;
  box-shadow: none;
  overflow-y: auto;
}
.sliderPopup.sliderViewTop {
  height: calc(100% - 0px);
  top: 0;
}
.sliderPopup.sliderView, .sliderPopup.sliderView .sticky-header {
  background-color: #f7f8fc;
}

.sliderBg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #727a80;
  opacity: 0.5;
  top: 0;
  z-index: 1210;
  display: none;
}

.user-list h2 {
  padding: 10px 8px;
  border-bottom: 1px dotted #0077c0;
}
.user-list .user-table-filter {
  padding: 10px 16px 0;
}
.user-list .user-table-filter .user-filter-bar {
  padding-bottom: 20px;
}
.user-list .user-table-filter .user-filter-bar .search-text {
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .search-text .close-search {
  position: absolute;
  display: none;
  z-index: 2;
  right: 12px;
  top: 4px;
  background-color: #f3f7fa;
}
.user-list .user-table-filter .user-filter-bar .search-text .close-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.user-list .user-table-filter .user-filter-bar .search-text:after {
  content: "";
  width: 32px;
  height: 31px;
  position: absolute;
  right: 10px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.user-list .user-table-filter .user-filter-bar .search-text input {
  border-color: #b1b4b6;
  padding-right: 36px;
  background-size: 16px;
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .search-text input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #fff;
}
.user-list .user-table-filter .user-filter-bar .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  color: #b1b4b6;
}
.user-list .user-table-filter .user-filter-bar .simple-field input {
  border-color: #b1b4b6;
  border-radius: 0;
}
.user-list .user-table-filter .user-filter-bar .simple-field input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .select-option input {
  padding-right: 20px;
  cursor: pointer;
  z-index: 1;
  border-color: #b1b4b6;
  border-radius: 0;
}
.user-list .user-table-filter .user-filter-bar .select-option input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .filter-btn {
  padding: 6px 18px;
  max-height: 33px;
}
.user-list .user-table-filter .user-filter-bar .filter-btn img {
  height: 22px;
}
.user-list .user-table-filter .user-filter-bar .filter-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  width: max-content;
  left: 7px;
  top: 80px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.user-list .user-table-filter .user-filter-bar .filter-options .pure-material-checkbox {
  font-size: 14px;
  font-size: 1rem;
}
.user-list .user-table-filter .user-filter-bar .filter-options .search-text {
  margin-bottom: 10px;
}
.user-list .user-table-filter .user-filter-bar .filter-options.active {
  opacity: 1;
  z-index: 2;
  top: 47px;
  visibility: visible;
}
.user-list .user-table-filter .user-filter-bar .filter-options .green-text {
  color: #6bb739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li {
  margin-bottom: 1px;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a i {
  position: absolute;
  color: #fff;
  right: 10px;
  top: 10px;
  font-size: 14px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a.active i {
  opacity: 1;
  visibility: visible;
  color: #fff;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a:focus {
  text-decoration: none;
}
.user-list .user-table-filter .user-filter-bar .filter-options.action-opts {
  min-width: 150px;
  left: 150px;
}
.user-list .user-table-filter .user-filter-bar .clear-filter {
  margin: 7px;
}
.user-list .user-table-filter .user-filter-bar .action-filter .material-icons {
  color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.user-list .user-table-filter .user-filter-bar .simple-filter-btn {
  margin: 0 4px;
}
.user-list .user-table-filter .user-filter-bar .searchable-select .selectize-input {
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
}
.user-list .user-table-filter .user-filter-bar.sticky-bar {
  padding-top: 10px;
  position: sticky;
  top: 192px;
  z-index: 2;
  background-color: #fff;
}
.user-list .heading-action {
  border-bottom: 1px dotted #0077c0;
  padding: 10px 8px 0;
}
.user-list .heading-action h2 {
  padding: 0;
  border-bottom: 0;
}

.user-list .user-table-filter .user-filter-bar .filter-options ul li a.active,
.user-list .user-table-filter .user-filter-bar .filter-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}

.no-decor {
  text-decoration: none !important;
}

.form-control.search {
  background: #fff url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 6px;
  background-size: 15px;
  padding-right: 26px !important;
}

.project-templating-main-panel {
  position: relative;
  top: 126px;
}
.project-templating-main-panel.no-tabs {
  top: 90px;
}
.project-templating-main-panel.no-buttons {
  top: 102px;
}
.project-templating-main-panel.no-buttons .project-templating-right-panel .user-filter-bar.sticky-bar {
  top: 170px;
}
.project-templating-main-panel.no-buttons .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  top: 246px;
}
.project-templating-main-panel.with-header-btns .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  top: 269px;
}
.project-templating-main-panel.with-header-btns .project-templating-right-panel .filter-adjusment.filter-opened .user-table.newUI.sticky-table-head thead tr th {
  top: 530px !important;
}
.project-templating-main-panel .project-templating-left-panel {
  width: 220px;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .search-box {
  position: relative;
  border-bottom: 1px solid #b1b4b6;
  padding-bottom: 10px;
}
.project-templating-main-panel .project-templating-left-panel .search-box:after {
  content: "";
  width: 32px;
  height: 31px;
  background: #f3f7fa url('search-icon.8f72dd01d3305799.svg') no-repeat 10px 8px;
  position: absolute;
  border-radius: 0 0.25rem 0.25rem 0;
  right: 1px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.project-templating-main-panel .project-templating-left-panel .search-box.no-border {
  border-bottom: none;
}
.project-templating-main-panel .project-templating-left-panel .search-box .clear-search {
  position: absolute;
  display: none;
  right: 4px;
  top: 4px;
  background-color: #f3f7fa;
  z-index: 2;
}
.project-templating-main-panel .project-templating-left-panel .search-box .clear-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel.sticky-panel {
  position: fixed;
  top: 192px;
  left: 16px;
}
.project-templating-main-panel .project-templating-left-panel .panel-exp-col {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 16px;
  border: 1px solid #676c79;
  line-height: 20px;
  text-align: center;
  right: -10px;
  top: 40px;
  z-index: 3;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.with-option-right li > a {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li {
  margin: 5px 0;
  position: relative;
  transition: background-color 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li a {
  color: #12202b;
  font-size: 15px;
  font-size: 1.0714285714rem;
  display: block;
  padding: 6px 8px;
  transition: color 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li a:hover {
  text-decoration: none;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions {
  position: absolute;
  right: 6px;
  top: 7px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions > a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 !important;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  top: 20px;
  right: 0;
  z-index: 10;
  padding: 4px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li {
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li a {
  width: 100%;
  overflow: visible;
  text-overflow: unset;
  font-size: 14px;
  font-size: 1rem;
  display: block;
  padding: 4px 10px !important;
  transition: all 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li a:hover {
  background-color: #f5f5f5;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts.active {
  opacity: 1;
  visibility: visible;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover {
  background-color: #f3f7fa;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover a {
  text-decoration: none;
  color: #000;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover a .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover .list-actions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li.active {
  background-color: #f3f7fa;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li ul {
  list-style: none outside none;
  padding-left: 12px;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li ul li a {
  color: #12202b;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover {
  background-color: transparent;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover a {
  color: #12202b;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover a:hover {
  background-color: #0077c0;
  color: #fff;
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li.active > a {
  background-color: #0077c0;
  color: #fff;
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li {
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li.active, .project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li:hover {
  background-color: #0077c0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li.active a, .project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li:hover a {
  color: #fff;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title {
  border-bottom: 1px solid #c7d2d9;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  color: #35393c;
  width: calc(100% - 30px);
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 .material-icons {
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 .material-icons.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title .add-new-section {
  display: inline-block;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title .add-new-section .material-icons {
  color: #0077c0;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  min-height: calc(100vh - 152px);
  height: 100%;
  background-color: #c7d2d9;
}
.project-templating-main-panel .project-templating-left-panel.withtabs:after {
  min-height: calc(100vh - 200px);
}
.project-templating-main-panel .project-templating-right-panel {
  width: calc(100% - 245px);
  display: inline-block;
  vertical-align: top;
  position: relative;
  left: 230px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1600px) {
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel.middle-set-large {
    width: calc(100% - 752px);
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
    width: 16.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
    width: 16.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(7) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
    left: 183px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-last-child(2) {
    right: 142px;
    text-align: right;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
    left: 222px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-last-child(2) {
    right: 139px;
    text-align: right;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
    left: 223px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:nth-child(2) {
    left: 223px;
  }
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td {
  padding: 0;
  border: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .show-hint {
  color: #e06c52;
  position: absolute;
  left: 0;
  cursor: pointer;
  top: 13px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .show-warning {
  color: #f8d63f;
  position: absolute;
  left: 0;
  cursor: pointer;
  top: 13px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .delete-field {
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 30px;
  top: 13px;
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .drag-icon {
  display: inline-block;
  vertical-align: top;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .drag-icon img {
  width: 20px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table {
  width: 100%;
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td {
  border-right: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow {
  display: inline-block;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #377db8;
  font-size: 18px;
  font-size: 1.2857142857rem;
  max-width: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:first-child {
  padding-right: 0;
  width: 7%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 27.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.add-row-link {
  text-align: right;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.add-row-link .blue-link {
  min-width: 140px;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row:hover .delete-field {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td {
  border-right: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .addmore {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  padding: 9px 10px;
  white-space: nowrap;
  right: 1px;
  top: 1px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow {
  display: inline-block;
  color: #000;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  max-width: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .simple-td-text {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 14px 10px;
  line-height: 1;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sliderOptions .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  padding-right: 0;
  width: 10%;
  padding-left: 30px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 24.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.add-row-link {
  text-align: right;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.add-row-link .blue-link {
  min-width: 140px;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field .addmore {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td.edit-field input:not([type=checkbox]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td.edit-field input:not([type=radio]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover .addmore {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td.edit-field input:not([type=checkbox]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td.edit-field input:not([type=radio]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td {
  height: 50px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  max-width: 56px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .simple-td-text {
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 14px 10px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sliderOptions .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.gray-icon {
  color: #a1acb4;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.green-icon {
  color: #5ab78a;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:first-child {
  padding-right: 0;
  width: 11%;
  padding-left: 58px;
  border-right: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 23.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 10%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field {
  color: #000;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  height: 100%;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.ellipsis input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.noclick input {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.noclick input {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover .delete-field {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td.edit-field input:not([type=checkbox]):focus + .sliderOptions {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td.edit-field input:not([type=radio]):focus + .sliderOptions {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected {
  background-color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .sec-count {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .show-hint {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .show-warning {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .drag-icon {
  filter: brightness(10);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field input {
  color: #fff !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field input:focus {
  background-color: transparent !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field:hover {
  background-color: transparent !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected a {
  color: #fff !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .sliderOptions {
  opacity: 0 !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.total-count:hover .drag-icon {
  opacity: 0;
  cursor: auto;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .changed-highlight td {
  background-color: #eaf0f4 !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables:hover {
  background-color: transparent;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables:hover .drag-icon {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col thead th {
  width: 25%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col thead th:first-child {
  width: 50%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sec-row td {
  width: 20%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sec-row td:first-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sub-sec-row td {
  width: 20%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sub-sec-row td:first-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:first-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:nth-child(2) {
  width: 21.6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:last-child {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:nth-child(3) {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:first-child {
  width: 52%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:nth-child(2) {
  width: 26%;
  border-left: 1px dashed #c7d2d9;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:nth-child(3) {
  width: 26%;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(2) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(3) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(4) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(5) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:last-child {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(2) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(3) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(4) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(5) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(6) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:last-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td .drag-icon {
  position: absolute;
  left: 30px;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:first-child {
  padding-right: 0;
  width: 11%;
  padding-left: 58px;
  border-right: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 23.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(7) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col thead th {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:first-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 24.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:nth-child(3) {
  width: 65%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  width: 7%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 22.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:nth-child(3) {
  width: 65%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td:first-child {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 30.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th {
  width: 6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:first-child {
  width: 24%;
  position: sticky;
  left: 0;
  z-index: 3;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:nth-child(3) {
  width: 6.5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:nth-child(4) {
  width: 6.5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:last-child {
  width: 4.88%;
  position: sticky;
  right: -10px;
  z-index: 5;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:first-child {
  width: 4%;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:first-child .arrow {
  margin-left: 20px;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 12.9%;
  position: sticky;
  left: 119px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-last-child(2) {
  position: sticky;
  right: 89px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 3.36%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td {
  width: 6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  width: 5%;
  padding-left: 50px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 12.4%;
  position: sticky;
  left: 144px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-last-child(2) {
  position: sticky;
  right: 87px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 3.38%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:first-child {
  width: 6%;
  padding-left: 60px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 2;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 13.9%;
  position: sticky;
  left: 140x;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 5.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 5.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 4%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:nth-child(2) {
  position: sticky;
  left: 154px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:last-child {
  position: relative;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  position: sticky;
  top: 184px;
  z-index: 2;
}
.project-templating-main-panel .project-templating-right-panel .newUI.sticky-table-head.top-zero thead tr th {
  top: 0;
}
.project-templating-main-panel .project-templating-right-panel.expanded {
  width: calc(100% - 20px);
  left: 20px;
}
.project-templating-main-panel .project-templating-right-panel.middle-set {
  width: calc(100% - 468px);
}
.project-templating-main-panel .project-templating-right-panel.middle-set-large {
  width: calc(100% - 596px);
}
.project-templating-main-panel .project-templating-right-panel.popup-full-width {
  width: 100%;
}
.project-templating-main-panel .project-templating-right-panel.full-width {
  left: 0;
  width: 100%;
}

.project-templating-main-panel.no-tabs .project-templating-left-panel.sticky-panel,
.project-templating-main-panel.no-tabs .project-templating-right-panel .user-filter-bar.sticky-bar {
  top: 156px;
}

@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.custom-new-loader {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: hsla(0, 0%, 100%, 0.9);
}
.custom-new-loader .fetching-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: space-evenly;
  justify-content: center;
  height: calc(100% - 65px);
}
.custom-new-loader .fetching-container .fetching-img {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  margin-bottom: 20px;
}

.material-style-form .field-group .ng-select.ng-select-disabled > .ng-select-container .ng-placeholder {
  background-color: #f9f9f9;
}

.ticket-chat-bubble {
  cursor: pointer;
  background-color: #0077c0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 10px;
  text-align: center;
  line-height: 60px;
}
.ticket-chat-bubble .material-icons {
  color: #fff;
  vertical-align: middle;
}

.comments-popup .modal-header {
  padding: 12px 20px !important;
  background-color: #0077c0;
}
.comments-popup .modal-header .modal-title {
  font-size: 1.1428571429rem;
  color: #fff !important;
  font-weight: 400;
}
.comments-popup .modal-header .close {
  color: #fff !important;
  opacity: 1;
  text-shadow: none;
}
.comments-popup .bordered {
  position: relative;
}
.comments-popup .bordered:after {
  content: "";
  height: calc(100% + 30px);
  width: 1px;
  background-color: #b1b4b6;
  position: absolute;
  right: 2px;
  top: -15px;
}

.gis-container .location-details-panel {
  position: absolute;
  right: -100%;
  top: 15px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  width: 430px;
}
.gis-container .location-details-panel.opened {
  right: 0;
}
.gis-container .location-details-panel .back-arrow {
  position: absolute;
  top: 40px;
  left: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
}
.gis-container .location-details-panel .back-arrow i {
  color: rgb(53, 57, 60);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.gis-container .location-details-panel .back-arrow:hover i {
  opacity: 1;
}
.gis-container .location-details-panel .img-block a {
  display: block;
  position: relative;
}
.gis-container .location-details-panel .img-block a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 81px;
  color: #fff;
  font-size: 20px;
  font-size: 1.4285714286rem;
  background-color: rgba(0, 0, 0, 0.7);
}
.gis-container .location-details-panel .img-block a.width-50 {
  width: 100%;
}
.gis-container .location-details-panel .img-block a.width-50 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gis-container .location-details-panel .img-block a.height-50 {
  width: 100%;
  height: 80.5px;
  overflow: hidden;
}
.gis-container .location-details-panel .img-block a.height-50 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gis-container .location-details-panel .header-block {
  border-bottom: 1px solid #b2b5bb;
  padding: 20px 0 10px;
  margin: 0 20px;
  margin-bottom: 20px;
}
.gis-container .location-details-panel .header-block h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
}
.gis-container .location-details-panel .header-block small {
  color: #b2b5bb;
  font-size: 14px;
  font-size: 1rem;
}
.gis-container .location-details-panel .header-block a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
.gis-container .location-details-panel .header-block a.toggle-link {
  color: #000;
}
.gis-container .location-details-panel .header-block a.toggle-link.active {
  color: #0077c0;
}
.gis-container .location-details-panel .header-block a.disabled {
  color: #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block {
  padding: 0 10px 0 20px;
  margin-right: 10px;
}
.gis-container .location-details-panel .basic-details-block .location-latlong {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 20px;
}
.gis-container .location-details-panel .basic-details-block .location-latlong h6 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .location-latlong h6 .far {
  width: 20px;
  margin-right: 6px;
  color: #b2b5bb;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:nth-child(n+6) {
  display: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td {
  border-bottom: 1px solid #b2b5bb;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 6px 10px;
  text-align: right;
  vertical-align: top;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a {
  color: #000;
  text-decoration: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more {
  color: #0093ff;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more .far {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more.show-less .far {
  transform: rotate(180deg);
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td .badges {
  cursor: pointer;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td .badges.blue {
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child {
  text-align: left;
  color: #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a {
  color: #b2b5bb;
  text-decoration: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more {
  color: #0093ff;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more .far {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more.show-less .far {
  transform: rotate(180deg);
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:last-child {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:last-child td {
  border-bottom: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:hover {
  background-color: transparent;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr.show-border td {
  border-bottom: 1px solid #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.single-col tr td {
  text-align: left;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:nth-child(n+6) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:nth-child(n+8) {
  display: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:last-child {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.extended.eight-row tr:nth-child(n+8) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.extended tr:nth-child(n+6) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block h4.table-title {
  margin: 30px 0 10px;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.gis-container .location-details-panel .basic-details-block h4.table-title .far {
  margin-right: 4px;
  color: #b2b5bb;
  top: auto;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.gis-container .location-details-panel .basic-details-block .icon-links {
  margin-top: 28px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .icon-links.toggle-link {
  color: #000;
}
.gis-container .location-details-panel .basic-details-block .icon-links.toggle-link.active {
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .icon-links.disabled {
  pointer-events: none;
  color: #b2b5bb;
}
.gis-container .search-filter-container {
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
  margin: 34px 0 0 14px;
  position: relative;
  z-index: 2;
  background-color: transparent !important;
}
.gis-container .search-filter-container .search-field {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.gis-container .search-filter-container .search-field input {
  color: #4d5362;
  background-color: #fff;
  border: none;
  padding: 17px;
  padding-left: 32px;
  min-width: 320px;
}
.gis-container .search-filter-container .search-field .search-icon {
  position: absolute;
  left: 16px;
  right: auto;
  top: 20px;
  color: #999da5;
}
.gis-container .search-filter-container.search-active .search-field input {
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #596174;
  border-radius: 4px;
  border-right: 0;
}
.gis-container .search-filter-container .gis-filter-btn {
  margin-left: 0px;
  padding: 17px 0px;
  width: 56px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #0093ff;
}
.gis-container .search-filter-container .gis-filter-btn .fas {
  color: #fff;
}
.gis-container .create-ticket-btn {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 3px 3px 60px 0 rgba(0, 0, 0, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 60px;
  color: #000;
}
.gis-container .create-ticket-btn.moved {
  right: 450px;
}

.pure-material-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(#b1b4b6, 0, 0, 0), 0.87);
  font-size: 16px;
  line-height: 1.5;
}

.pure-material-checkbox.centered-text {
  line-height: 1.2;
}

.pure-material-checkbox.smaller {
  font-size: 12px !important;
}

.pure-material-checkbox.smaller > input {
  left: -8px !important;
  top: -8px !important;
  width: 30px;
  height: 30px;
}

.pure-material-checkbox.smaller > span:before {
  width: 14px !important;
  height: 14px !important;
}

.pure-material-checkbox.smaller > span:after {
  top: 1px !important;
  left: 0 !important;
  width: 8px;
  height: 4px;
}

.pure-material-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -11px;
  top: -11px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: hsla(204, 3%, 70%, 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

.pure-material-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.pure-material-checkbox > span:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 0 11px 0 1px;
  border: 2px solid;
  border-color: #b1b4b6;
  background-color: #fff;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}

.pure-material-checkbox > span:after {
  height: 5px;
  transform: translate(3px, 4px) rotate(-45deg);
}

.pure-material-checkbox.partial > span:after,
.pure-material-checkbox > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  border: 2px solid transparent;
  border-right: none;
  border-top: none;
}

.pure-material-checkbox.partial > span:after {
  height: 2px;
  transform: translate(3px, 6px) rotate(0deg);
}

.pure-material-checkbox > input.checked + span:before,
.pure-material-checkbox > input:indeterminate + span:before {
  border-color: #0077c0;
}

.pure-material-checkbox > input.checked + span:after,
.pure-material-checkbox > input:indeterminate + span:after {
  border-color: #0077c0;
}

.pure-material-checkbox > input:indeterminate + span:after {
  border-left: none;
  transform: translate(4px, 3px);
}

.pure-material-checkbox:hover > input {
  opacity: 0.4;
}

.pure-material-checkbox:hover > input:focus,
.pure-material-checkbox > input:focus {
  opacity: 0;
}

.pure-material-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:active + span:before {
  border-color: #2196f3;
}

.pure-material-checkbox > input.checked:active + span:before {
  border-color: transparent;
  background-color: rgba(var(#b1b4b6, 0, 0, 0), 0.6);
}

.pure-material-checkbox > input:disabled {
  opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
  color: #b7b8b9;
  cursor: auto;
}

.pure-material-checkbox > input:disabled + span:before {
  border-color: currentColor;
  background-color: #b7b8b9;
}

.pure-material-checkbox > input.checked:disabled + span:before,
.pure-material-checkbox > input:indeterminate:disabled + span:before {
  border-color: transparent;
  background-color: currentColor;
}

.pure-material-checkbox.minus > span:after {
  border-width: 1px;
  height: 1px;
  transform: rotate(0);
  top: 8px;
  left: 5px;
}

.not-found-box h1 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 30px;
  font-size: 2.1428571429rem;
}

.notice-new span {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  width: calc(100% - 36px);
  color: #0077c0;
  vertical-align: middle;
}
.notice-new .far,
.notice-new .fas {
  color: #0077c0;
  vertical-align: top;
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-top: 2px;
}

.mat-form-field-wrapper {
  padding-bottom: 0;
}

.new-btns {
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1;
  color: #596174;
  min-width: 118px;
  text-align: center;
  padding: 15px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.new-btns.full-width {
  width: 100%;
}
.new-btns.medium {
  min-width: 100px;
  padding: 10px;
}
.new-btns.small {
  min-width: 84px;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  padding: 8px;
}
.new-btns.white {
  background-color: #fff;
  color: #0077c0;
}
.new-btns.red {
  background-color: #ff4a56;
  color: #fff;
}
.new-btns.blue {
  background-color: #0077c0;
  color: #fff;
}
.new-btns.blue.close-btn {
  color: #fff !important;
}
.new-btns.green {
  background-color: #5aba8a;
  color: #fff;
}
.new-btns.gray {
  background-color: #f5f5f5;
  color: #727a80;
}
.new-btns.transparent {
  background-color: transparent;
  color: #000;
}
.new-btns.transparent:hover {
  background-color: #000;
  color: #fff;
}
.new-btns.back-btn {
  color: #fff !important;
}
.new-btns.border {
  border: 2px solid transparent;
  background-color: transparent;
  padding: 13px;
}
.new-btns.border.small {
  padding: 6px;
}
.new-btns.border.medium {
  padding: 8px;
}
.new-btns.border.white {
  border-color: #fff;
  color: #fff;
}
.new-btns.border.white:hover {
  background-color: #fff;
  color: #0077c0;
}
.new-btns.border.blue {
  border-color: #0077c0;
  color: #0077c0;
}
.new-btns.border.blue:hover {
  background-color: #0077c0;
  color: #fff;
}
.new-btns.border.red {
  border-color: #ff4a56;
  color: #ff4a56;
}
.new-btns.border.red:hover {
  background-color: #ff4a56;
  color: #fff;
}
.new-btns.border.green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.new-btns.border.green:hover {
  background-color: #5ab78a;
  color: #fff;
}
.new-btns:focus, .new-btns:hover {
  text-decoration: none;
}

.floting-label {
  pointer-events: none;
  left: 10px;
  top: 8px;
  color: #858c90;
  position: absolute;
  background-color: #fff;
  padding: 0 6px;
  font-size: 16px;
  transform: translateY(0) scale(1);
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.field-group.pb-0 {
  padding-bottom: 0 !important;
}

.mat-select-value {
  position: relative;
  top: 2px;
}

.ui-header-new .notify-icon {
  position: relative;
}
.ui-header-new .notify-icon .notification-popup-list {
  max-width: 400px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  min-width: 400px;
  right: -20px;
  top: calc(100% + 30px);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  border-radius: 5px;
  z-index: 0;
  transition: all 0.3s ease-in-out;
}
.ui-header-new .notify-icon .notification-popup-list:before {
  content: "";
  position: absolute;
  right: 20px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin {
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin h4 {
  font-size: 13px;
  font-size: 0.9285714286rem;
  margin-bottom: 0;
  margin-top: 4px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin a {
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.ui-header-new .notify-icon .notification-popup-list .popup-section-header {
  border-top: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  background-color: #f7f8fc;
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-section-header h5 {
  margin-bottom: 0;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body {
  padding: 0 8px;
  max-height: 462px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li {
  border-bottom: 1px solid #c8dbeb;
  padding: 8px 4px;
  transition: background-color 0.3s ease-in-out;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 11px;
  font-size: 0.7857142857rem;
  padding: 4px 8px 3px;
  line-height: 1;
  margin-bottom: 3px;
  border-radius: 12px;
  margin-right: 3px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.blue {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.blue-lite {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.green {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.red {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.yellow {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .date-time {
  font-size: 11px;
  font-size: 0.7857142857rem;
  display: block;
  color: #4d5362;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a {
  display: block;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a p {
  font-size: 13px;
  font-size: 0.9285714286rem;
  color: #35393c;
  margin-bottom: 6px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a:focus {
  text-decoration: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a:hover {
  text-decoration: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li:last-child {
  border-bottom: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li.unread {
  background-color: #f3f7fa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-footer {
  border-top: 1px solid #c7d2d9;
  background-color: #f7f8fc;
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-footer a {
  color: #0077c0;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.ui-header-new .notify-icon .notification-popup-list.active {
  top: calc(100% + 12px);
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.notifications-list {
  margin-top: 5px;
}
.notifications-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.notifications-list ul li {
  border-bottom: 1px solid #c8dbeb;
  padding: 8px 16px;
  transition: background-color 0.3s ease-in-out;
}
.notifications-list ul li .checkbox-area {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  padding-top: 4px;
}
.notifications-list ul li .checkbox-area .pure-material-checkbox {
  margin-bottom: 0;
}
.notifications-list ul li .notify-content-area {
  width: calc(100% - 42px);
  display: inline-block;
  vertical-align: middle;
}
.notifications-list ul li .notify-content-area .top-area .date-time {
  color: #a1acb4;
  margin-left: 8px;
}
.notifications-list ul li .notify-content-area .bottom-area {
  margin-top: 4px;
}
.notifications-list ul li .notify-content-area .bottom-area a {
  display: block;
  color: #35393c;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
}
.notifications-list ul li .notify-content-area .bottom-area a:focus {
  text-decoration: none;
}
.notifications-list ul li .notify-content-area .bottom-area a:hover {
  text-decoration: none;
}
.notifications-list ul li .notify-content-area .bottom-area .date-time {
  display: block;
  color: #a1acb4;
  margin-top: 6px;
}
.notifications-list ul li .left-area {
  display: inline-block;
  vertical-align: middle;
  width: calc(80% - 4px);
}
.notifications-list ul li .left-area .favicon-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.notifications-list ul li .left-area .favicon-area .fav-icon {
  color: #b1b4b6;
}
.notifications-list ul li .left-area .favicon-area .fav-icon.active {
  color: #f8d43f;
}
.notifications-list ul li .left-area .favicon-area .material-icons {
  vertical-align: middle;
}
.notifications-list ul li .left-area .content-area {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
.notifications-list ul li .left-area .notification-category {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #fff;
  padding: 6px 16px 5px;
  line-height: 1;
  margin-bottom: 4px;
  border-radius: 16px;
  margin-right: 4px;
}
.notifications-list ul li .left-area .notification-category.blue {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.blue-lite {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.green {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.red {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.yellow {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area a p {
  color: #35393c;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 6px;
}
.notifications-list ul li .left-area a .date-time {
  color: #a1acb4;
}
.notifications-list ul li .left-area a:focus {
  text-decoration: none;
}
.notifications-list ul li .left-area a:hover {
  text-decoration: none;
}
.notifications-list ul li .right-actions {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
.notifications-list ul li .right-actions a {
  display: inline-block;
  vertical-align: top;
}
.notifications-list ul li .right-actions a .material-icons {
  color: #c7d2d9;
}
.notifications-list ul li .right-actions a:focus {
  text-decoration: none;
}
.notifications-list ul li .right-actions a:focus .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions a:hover {
  text-decoration: none;
}
.notifications-list ul li .right-actions a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .bell-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.notifications-list ul li .right-actions .bell-icon a {
  display: block;
  text-align: center;
}
.notifications-list ul li .right-actions .bell-icon a .material-icons {
  vertical-align: middle;
  transition: color 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .bell-icon a.unread-icon .material-icons {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notifications-list ul li .right-actions .bell-icon .notification-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li {
  padding: 0;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li:last-child a.disabled {
  border-bottom: none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
}
.notifications-list ul li .right-actions .read-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.notifications-list ul li .right-actions .read-icon a {
  display: block;
  text-align: center;
}
.notifications-list ul li .right-actions .read-icon a .material-icons {
  vertical-align: middle;
  transition: color 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .read-icon a.unread-icon .material-icons {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notifications-list ul li .right-actions .read-icon .notification-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li {
  padding: 0;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li:last-child a.disabled {
  border-bottom: none;
}
.notifications-list ul li .right-actions .read-icon .notification-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
}
.notifications-list ul li .right-actions .fav-toggle.active .material-icons {
  color: #f8d43f;
}
.notifications-list ul li .right-actions .mail-toggle.active .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .mute-toggle.active .material-icons {
  color: #0077c0;
}
.notifications-list ul li:last-child {
  border-bottom: none;
}
.notifications-list ul li.header-style {
  background-color: #e0e9f0;
  border-bottom: none;
}
.notifications-list ul li.header-style .checkbox-area {
  padding-top: 2px;
}
.notifications-list ul li.header-style .left-area {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.notifications-list ul li.header-style:hover {
  background-color: #e0e9f0;
}
.notifications-list ul li.header-style.fixed-top {
  position: sticky;
  top: 232px;
  z-index: 2;
}
.notifications-list ul li.unread {
  background-color: #f3f7fa;
}

.material-style-form .field-group {
  position: relative;
  margin-bottom: 20px;
}
.material-style-form .field-group .mat-chip-list-wrapper {
  margin: 0 !important;
  align-content: center;
  justify-content: flex-start;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container {
  border-color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container .ng-arrow {
  border-bottom-color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container .ng-placeholder {
  color: #377db8;
  transform: translateY(-90%) scale(0.75);
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container {
  overflow: visible;
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container .ng-placeholder {
  left: 10px;
  position: absolute;
  display: block;
  background-color: #fff;
  padding: 0 6px;
  transform: translateY(0) scale(1);
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container.ng-has-value .ng-placeholder {
  transform: translateY(-90%) scale(0.75);
  display: block;
}
.material-style-form .field-group .form-control.hasvalue + .floting-label {
  transform: translateY(-75%) scale(0.75);
}
.material-style-form .field-group .form-control:focus {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .form-control:focus + .floting-label {
  transform: translateY(-75%) scale(0.75);
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-focused .ng-select-container {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-focused .ng-select-container .ng-placeholder {
  color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened.ng-select-focused .ng-select-container {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .ng-select.ng-select-disabled > .ng-select-container .ng-placeholder {
  background-color: #f9f9f9;
}
.material-style-form .field-group .ng-select.ng-select-single .ng-select-container {
  height: 42px;
}
.material-style-form .field-group .mdc-link {
  position: absolute;
  right: 16px;
  top: 11px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #676c79;
  transition: all 0.3s ease-in-out;
}
.material-style-form .field-group .mdc-link:hover {
  color: #0077c0;
}
.material-style-form .field-group .field-error-list {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 119, 192, 0.18);
  position: absolute;
  top: 0;
  left: calc(100% + 20px);
  width: -moz-fit-content;
  width: max-content;
}
.material-style-form .field-group .field-error-list:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
}
.material-style-form .field-group .field-error-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.material-style-form .field-group .field-error-list ul li {
  margin-bottom: 10px;
  color: #a1acb4;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .field-error-list ul li .material-icons {
  vertical-align: middle;
  margin-right: 10px;
}
.material-style-form .field-group .field-error-list ul li:last-child {
  margin-bottom: 0;
}
.material-style-form .field-group .field-error-list ul li.valid-green {
  color: #5ab78a;
}
.material-style-form .field-group .form-link-right {
  position: absolute;
  left: calc(100% + 10px);
  width: max-content;
  font-size: 16px;
  top: 10px;
  color: #0077c0;
}
.material-style-form .field-group .form-link-right .material-icons {
  vertical-align: top;
  margin-top: -3px;
}
.material-style-form .field-group .form-link-right .far {
  font-size: 22px;
  font-size: 1.5714285714rem;
}
.material-style-form .field-group .selectize-input {
  border-color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
  background-color: transparent;
}
.material-style-form .field-group .selectize-input:hover {
  border-color: #000;
}
.material-style-form .field-group .selectize-input.focus {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field {
  width: 100%;
  height: auto;
}
.material-style-form .field-group .mdc-text-field .mdc-text-field__input {
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding-top: 16px;
}
.material-style-form .field-group .mdc-text-field .mdc-text-field__input:-webkit-autofill ~ .mdc-notched-outline .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-25.75px) scale(0.75);
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label .asterisk {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-25.75px) scale(0.75);
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__leading {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__notch {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__trailing {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
  color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--focused .mdc-floating-label .asterisk {
  color: #e06c52;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #0077c0;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea {
  height: auto;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea .mdc-text-field__input {
  resize: none;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea .mdc-floating-label--float-above {
  transform: translateY(-140%) scale(0.75);
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline {
  z-index: -1;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__leading {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__notch {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__trailing {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-select .mdc-menu-surface {
  width: 100%;
}
.material-style-form .field-group .mdc-select .mdc-menu-surface .mdc-list {
  padding: 0;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor {
  width: 100%;
  height: 46px;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-select__dropdown-icon {
  bottom: 11px;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 13px;
  height: 40px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-floating-label--float-above {
  transform: translateY(-110%) scale(0.75);
}
.material-style-form .field-group .mdc-select .mdc-floating-label {
  top: 14px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-select .mdc-floating-label .asterisk {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select.mdc-select--focused .mdc-floating-label .asterisk {
  color: #e06c52;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container:after {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  fill: #0077c0;
  stroke: #0077c0;
}
.material-style-form .field-group .multiple-select + .btn-group .multiselect {
  height: 40px;
}
.material-style-form .field-group .multiple-select + .btn-group .multiselect:after {
  top: 18px;
}
.material-style-form hr {
  border-color: #727a80;
  margin: 2rem 0;
}
.material-style-form .simple-link {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon {
  left: 16px;
  right: auto;
  color: rgba(0, 0, 0, 0.54);
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon {
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon:focus {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon:hover {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-leading-icon:hover .mdc-text-field__icon.clickable-icon {
  opacity: 1;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  left: auto;
  right: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon {
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon:focus {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon:hover {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon.clickable-icon {
  opacity: 1;
}

app-wm-crud .material-style-form .field-group .ng-select.ng-invalid.ng-touched .ng-select-container {
  border: 2px solid #f44336;
}
app-wm-crud .material-style-form .field-group .ng-select.ng-invalid.ng-touched .ng-select-container .ng-value-container .ng-placeholder {
  color: #f44336;
}

.black-btn-transparent {
  min-width: 100px;
  background-color: transparent !important;
  font-weight: 700;
  border-radius: 3px !important;
  font-size: 14px !important;
  font-size: 1rem !important;
  color: #000 !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.black-btn-transparent:focus, .black-btn-transparent:hover {
  background-color: #000 !important;
  color: #fff !important;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}

.custom-btn {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 500;
}
.custom-btn:hover {
  color: #999da5;
}
.custom-btn:focus {
  color: #999da5;
  text-decoration: none;
}
.custom-btn .material-icons {
  vertical-align: middle;
  font-size: 19px;
  font-size: 1.3571428571rem;
}

.header-btn-options .mat-chip-list {
  margin-right: 4px;
}

.modal {
  z-index: 1250;
}

.modal-backdrop {
  background-color: #12202b;
  z-index: 1210;
}
.modal-backdrop.show {
  opacity: 0.85;
}

.side-right-panel {
  position: fixed;
  width: calc(16.6666666667% - 38px);
  background-color: #edf1f5;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  right: 0;
}
.side-right-panel .side-header {
  position: relative;
  padding: 8px;
  padding-bottom: 15px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-align: center;
  margin-bottom: 14px;
}
.side-right-panel .side-header:after {
  content: "";
  height: 2px;
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 0;
  background-color: #cdd0d6;
}
.side-right-panel .side-header span {
  color: #676a6f;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}
.side-right-panel .side-header a {
  color: #0096d4;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
  margin-left: 8px;
}
.side-right-panel .side-header a:focus {
  text-decoration: none;
}
.side-right-panel .side-header a:hover {
  text-decoration: none;
}
.side-right-panel .side-header a.active {
  padding: 3px 12px;
  border-radius: 15px;
  background-color: #0096d4;
  color: #fff;
}
.side-right-panel .side-content ul {
  padding: 0;
}
.side-right-panel .side-content ul li {
  display: block;
  border-bottom: 1px solid #c0c7d0;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .side-content ul li a {
  display: block;
  padding: 6px 10px;
  color: #676a6f;
  font-size: 16px;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .side-content ul li:focus a {
  color: #0096d4;
}
.side-right-panel .side-content ul li:hover a {
  color: #0096d4;
}
.side-right-panel .side-content ul li:last-child {
  border-bottom: none;
}
.side-right-panel .side-content ul li.active a {
  color: #0096d4;
  background-color: #fff;
  font-family: MuseoSans-Bold, Arial, Helvetica, sans-serif;
}
.side-right-panel .chat-bubble {
  position: absolute;
  right: 10px;
  bottom: 20px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .chat-bubble img {
  width: 60px;
  height: 60px;
}
.side-right-panel .chat-bubble:hover {
  opacity: 1;
}

.side-right-panel.access-page {
  width: calc(16.6666666667% - 49px);
}

.side-right-panel.with-menu {
  width: calc(16.6666666667% - 58px);
}

@media screen and (min-width: 1600px) {
  .side-right-panel.access-page {
    width: calc(16.6666666667% - 16px);
  }
}
.updated-comment-side ul li a {
  font-size: 14px !important;
  display: block;
  padding: 6px 10px;
  transition: all 0.3s ease-in-out;
}
.updated-comment-side ul li.active a {
  color: #377db8 !important;
  background-color: #f3f7fa !important;
  text-decoration: none !important;
}

.all-filters-container {
  position: absolute;
  left: -425px;
  top: 21px;
  background-color: #fff;
  width: 414px;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}
.all-filters-container.opened {
  left: 0;
}
.all-filters-container .filter-search-bar {
  background-color: #0093ff;
  padding: 0 20px;
}
.all-filters-container .filter-search-bar input {
  padding: 18px 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
  background-color: transparent;
  border: none;
  width: 85%;
}
.all-filters-container .filter-search-bar input:focus {
  outline: none;
}
.all-filters-container .filter-search-bar input::placeholder {
  color: #fff;
}
.all-filters-container .filter-search-bar .back-arrow {
  color: #fff;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-right: 10px;
  vertical-align: middle;
}
.all-filters-container .filter-search-bar .clear-search {
  color: #fff;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-left: 10px;
  vertical-align: middle;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-search-bar .clear-search:hover {
  opacity: 1;
}
.all-filters-container .filter-title-bar {
  padding: 10px 20px 0;
  position: relative;
}
.all-filters-container .filter-title-bar h4 {
  margin-top: 3px;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
  font-weight: 700;
}
.all-filters-container .filter-title-bar a {
  display: inline-block;
  vertical-align: middle;
  color: #0093ff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.all-filters-container .filter-title-bar span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #596174;
  margin: 0 6px;
}
.all-filters-container .filter-title-bar .back-arrow {
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.all-filters-container .filter-title-bar .back-arrow .far {
  color: #596174;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-title-bar .back-arrow:hover .far {
  opacity: 1;
}
.all-filters-container .filter-check-list {
  padding: 0 20px;
}
.all-filters-container .filter-check-list .main-list {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 10px;
  padding-top: 20px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12px;
  font-weight: 700;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox {
  margin-bottom: 0;
  line-height: 1.2;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox span {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox span:before {
  margin-right: 3px;
}
.all-filters-container .filter-check-list .main-list .total-records {
  display: inline-block;
  vertical-align: middle;
  color: #b2b5bb;
  margin-right: 10px;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-right: 6px;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow .far {
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow.collapsed .far {
  transform: rotate(180deg);
}
.all-filters-container .filter-check-list .sub-list {
  margin-top: 12px;
  padding-left: 20px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-header {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox {
  margin-bottom: 0;
  line-height: 1.2;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox span {
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox span:before {
  margin-right: 3px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-right: 6px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow .far {
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow.collapsed .far {
  transform: rotate(180deg);
}
.all-filters-container .filter-check-list .sub-list .inner-list {
  list-style: none outside none;
  padding-left: 0;
}
.all-filters-container .filter-check-list .sub-list .inner-list li {
  cursor: pointer;
  margin-bottom: 6px;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection {
  background-color: #fff;
  padding: 6px 20px;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection h6 {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection .cancel-selection {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #b2b5bb;
  opacity: 1;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection {
  background-color: #f7f8fc;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection h6 {
  color: #0077c0;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection .cancel-selection {
  color: #5ab78a;
}

.mapboxgl-ctrl-bottom-left {
  z-index: 1;
  bottom: 0;
  left: 0;
}

.search-left-panel-container {
  position: absolute;
  padding-top: 100px;
  left: -445px;
  top: 0px;
  background-color: #fff;
  width: 420px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.search-left-panel-container.opened {
  left: 0;
}
.search-left-panel-container .back-arrow {
  position: absolute;
  top: 70px;
  right: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.search-left-panel-container .back-arrow .far {
  color: #596174;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.search-left-panel-container .back-arrow:hover .far {
  opacity: 1;
}
.search-left-panel-container .list-container {
  padding: 0 20px;
  margin-top: 20px;
}
.search-left-panel-container .list-container .list-header {
  padding: 0 6px 8px;
  border-bottom: 1px solid #b2b5bb;
  margin-bottom: 8px;
}
.search-left-panel-container .list-container .list-header h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #000;
  margin-bottom: 0;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-header h5 {
  font-size: 14px;
  font-size: 1rem;
  color: #b2b5bb;
  margin-bottom: 0;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.search-left-panel-container .list-container .list-items li {
  margin-bottom: 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding: 8px 16px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.search-left-panel-container .list-container .list-items li strong {
  font-weight: 700;
}
.search-left-panel-container .list-container .list-items li .badges {
  width: 36px;
  height: 36px;
  line-height: 38px;
  margin-right: 6px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 500;
}
.search-left-panel-container .list-container .list-items li .workforce-content {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 46px);
}
.search-left-panel-container .list-container .list-items li .workforce-content h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-items li .workforce-content small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
  color: #b2b5bb;
}
.search-left-panel-container .list-container .list-items li:hover {
  background-color: #f7f8fc;
}
.search-left-panel-container .list-container .list-items li.selected {
  background-color: #f7f8fc;
}

.simple-filter-btn {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  color: #0077c0;
}
.simple-filter-btn:focus, .simple-filter-btn:hover, .simple-filter-btn.active {
  color: #0077c0;
  background-color: #f3f7fa;
  text-decoration: none;
}
.simple-filter-btn.small-btn {
  padding: 6px 10px;
}
.simple-filter-btn:hover {
  color: #0077c0;
  background-color: #f3f7fa;
  text-decoration: none;
}
.simple-filter-btn.black {
  color: #12202b;
}
.simple-filter-btn.black.active {
  color: #12202b;
}
.simple-filter-btn.block {
  display: block;
}
.simple-filter-btn.orange {
  color: #12202b;
}
.simple-filter-btn.orange:hover, .simple-filter-btn.orange.active, .simple-filter-btn.orange:focus {
  color: #df6b51;
}

.select-all-checks a {
  display: inline-block;
  vertical-align: middle;
  color: #5ab78a;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-decoration: underline;
}

.task-list-panel {
  background-color: #f7f8fc;
  border: 1px solid #e5e6e8;
  padding: 8px 14px 0;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
.task-list-panel.checked {
  background-color: rgba(90, 186, 138, 0.2);
  border-color: #cfeadd;
}
.task-list-panel .top-layer {
  padding-top: 5px;
  padding-bottom: 8px;
}
.task-list-panel .top-layer .check-uncheck {
  display: inline-block;
  vertical-align: middle;
  color: #b2b5bb;
  margin-top: -2px;
}
.task-list-panel .top-layer .check-uncheck .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .check-uncheck .fas {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .check-uncheck:hover {
  color: #5aba8a;
}
.task-list-panel .top-layer .check-uncheck.checked {
  color: #5aba8a;
}
.task-list-panel .top-layer .title {
  transition: all 0.3s ease-in-out;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.2857142857rem;
  cursor: pointer;
}
.task-list-panel .top-layer .title:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .dl-pills {
  cursor: pointer;
}
.task-list-panel .top-layer .assign {
  font-style: italic;
  display: inline-block;
  vertical-align: middle;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .top-layer .date-accrodian {
  display: inline-block;
  vertical-align: middle;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
  min-width: 192px;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.task-list-panel .top-layer .date-accrodian .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
}
.task-list-panel .top-layer .date-accrodian strong {
  transition: color 0.3s ease-in-out;
  color: #1a2235;
}
.task-list-panel .top-layer .date-accrodian:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian:hover strong {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active strong {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active .fal {
  transform: rotate(90deg);
}
.task-list-panel .top-layer .up-down-progress {
  min-width: 90px;
  text-align: center;
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .top-layer .up-down-progress .far {
  vertical-align: middle;
}
.task-list-panel .top-layer .up-down-progress.red {
  color: #ff4a56;
}
.task-list-panel .top-layer .up-down-progress.green {
  color: #5aba8a;
}
.task-list-panel .top-layer .notification-bell {
  margin-right: 10px;
  transition: color 0.3s ease-in-out;
  color: #b2b5bb;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  min-width: 23px;
  text-align: center;
}
.task-list-panel .top-layer .notification-bell .far {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .notification-bell:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .notification-bell.active {
  color: #0077c0;
}
.task-list-panel .top-layer .comments {
  transition: color 0.3s ease-in-out;
  position: relative;
  color: #b2b5bb;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.task-list-panel .top-layer .comments:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .comments .counts {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  right: -6px;
  top: -6px;
  border-radius: 50%;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-size: 0.7142857143rem;
  color: #fff;
  background-color: #ff4a56;
}
.task-list-panel .top-layer .comments .far {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .comments.has-comments {
  color: #0077c0;
}
.task-list-panel .top-layer .comments.has-comments .counts {
  display: block;
}
.task-list-panel .bottom-layer {
  display: none;
  padding-left: 20px;
}
.task-list-panel .bottom-layer table tr td {
  border-bottom: none;
  border-top: 1px solid #e5e6e8;
  border-right: 1px solid #e5e6e8;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .bottom-layer table tr td .title {
  display: inline-block;
  vertical-align: middle;
}
.task-list-panel .bottom-layer table tr td .field {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.task-list-panel .bottom-layer table tr td .field input {
  border: 1px solid transparent;
  background-color: transparent;
  width: 100%;
}
.task-list-panel .bottom-layer table tr td .field input:focus {
  border-color: #0077c0;
  outline: none;
}
.task-list-panel .bottom-layer table tr td:last-child {
  border-right: none;
}
.task-list-panel .bottom-layer table tr:hover {
  background-color: transparent;
}
.task-list-panel:hover {
  border-color: #0077c0;
}
.task-list-panel:hover.checked {
  border-color: #cfeadd;
}
.task-list-panel:hover .top-layer .date-accrodian .fal {
  background-color: #fff;
}

app-create-project-new .custom-ng-select-label .ng-select.ng-select-opened .ng-select-container {
  z-index: 0;
}

.tabs-main-setion {
  border-bottom: 2px solid #0077c0;
  padding-bottom: 6px;
}
.tabs-main-setion .section-name {
  margin-top: 10px;
  vertical-align: middle;
  display: inline-block;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.tabs-main-setion .section-name .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}

.tabs-section-level {
  border-bottom: 1px solid #a1acb4;
  padding-top: 6px;
}
.tabs-section-level .tabs-list.inner-with-btn {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.tabs-section-level .tabs-list a {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 12px;
  margin-right: 30px;
  position: relative;
}
.tabs-section-level .tabs-list a:focus {
  color: #0077c0;
  text-decoration: none;
}
.tabs-section-level .tabs-list a:hover {
  color: #0077c0;
  text-decoration: none;
}
.tabs-section-level .tabs-list a.active {
  color: #0077c0;
  font-weight: 700;
}
.tabs-section-level .tabs-list a.active:after {
  content: "";
  background-color: #0077c0;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.tabs-section-data {
  padding: 16px 0;
  border-bottom: 1px solid #a1acb4;
}
.tabs-section-data .border-bottom {
  border-bottom: 1px solid #a1acb4;
}
.tabs-section-data.no-border {
  border-bottom: none;
}
.tabs-section-data .user-circle {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 16px;
}
.tabs-section-data .question-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 60px);
}
.tabs-section-data .question-content .items-strip {
  margin-top: 6px;
}
.tabs-section-data .question-content .items-strip .item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  color: #12202b;
  transition: all 0.3s ease-in-out;
}
.tabs-section-data .question-content .items-strip .item .material-icons {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: middle;
  margin-right: 4px;
}
.tabs-section-data .question-content .items-strip .item .fal {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item .far {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item .fas {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item:hover {
  text-decoration: none;
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .fal {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .far {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .fas {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .material-icons {
  color: #0077c0;
}
.tabs-section-data .question-content .value-comments {
  margin-top: 16px;
  color: #a1acb4;
}
.tabs-section-data .question-content .value-comments .value {
  margin-bottom: 4px;
}
.tabs-section-data .question-content .value-comments .comments {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.tabs-section-data .question-content .value-comments .comments .material-icons {
  vertical-align: middle;
  margin-right: 6px;
}
.tabs-section-data .comments-bubble {
  margin-top: 10px;
  color: #747780;
}
.tabs-section-data .comments-bubble .badges {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: -4px;
  top: -10px;
}
.tabs-section-data .question-fields {
  display: none;
}
.tabs-section-data .show-fields {
  cursor: pointer;
}

.exclamation-info-box {
  padding: 14px 14px 0;
  position: absolute;
  left: 0;
  min-width: 200px;
  z-index: 6;
  top: 40px;
  width: max-content;
  max-width: 300px;
  background-color: #f3f7fa;
  opacity: 0;
  visibility: hidden;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  transition: all 0.3s ease-in-out;
}
.exclamation-info-box.active {
  opacity: 1;
  visibility: visible;
}
.exclamation-info-box .icon {
  margin-bottom: 15px;
}
.exclamation-info-box h4 {
  margin-bottom: 4px;
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
}
.exclamation-info-box p {
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
}
.exclamation-info-box .all-tags {
  margin-bottom: 15px;
}
.exclamation-info-box .all-tags span {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
  border: 1px solid #b1b4b6;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 5px;
}

.profile-block {
  margin-bottom: 10px;
}
.profile-block .left-img {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}
.profile-block .left-img .user-titles {
  position: relative;
  width: 134px;
  height: 134px;
  border-radius: 50%;
  border: 1px solid #0077c0;
  color: #0077c0;
  font-size: 60px;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-block .left-img .user-titles img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-block .left-img .user-titles .edit {
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-block .left-img .user-titles .edit .material-icons {
  color: #fff;
  font-size: 21px;
  font-size: 1.5rem;
}
.profile-block .left-img .user-titles:focus {
  text-decoration: none;
}
.profile-block .left-img .user-titles:focus .edit {
  opacity: 1;
}
.profile-block .left-img .user-titles:hover {
  text-decoration: none;
}
.profile-block .left-img .user-titles:hover .edit {
  opacity: 1;
}
.profile-block .left-img .upload-dropdown {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 115px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.profile-block .left-img .upload-dropdown ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.profile-block .left-img .upload-dropdown ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.profile-block .left-img .upload-dropdown ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.profile-block .left-img .upload-dropdown ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.profile-block .left-img .upload-dropdown ul li:last-child a.disabled {
  border-bottom: none;
}
.profile-block .left-img .upload-dropdown.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: -49px;
  top: 115px;
}
.profile-block .right-content {
  width: calc(100% - 174px);
  display: inline-block;
  vertical-align: middle;
}
.profile-block .right-content h3 {
  color: #0077c0;
  font-size: 1.75rem;
}
.profile-block .right-content .contact-details {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
.profile-block .right-content .contact-details .material-icons {
  vertical-align: middle;
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #0077c0;
}
.profile-block .right-content .profile-details {
  border-top: 1px solid #c7c8ca;
  margin-top: 14px;
  padding-top: 14px;
  margin-bottom: 14px;
}
.profile-block .right-content .profile-details .description {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.profile-block .right-content .profile-details .description li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #c7c8ca;
  padding-right: 14px;
  margin-right: 14px;
}
.profile-block .right-content .profile-details .description li h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.profile-block .right-content .profile-details .description li h6 {
  color: #b1b4b6;
}
.profile-block .right-content .profile-details .description li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.no-event-trigger {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.padding-all-10 {
  padding: 10px;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff !important;
}

.hierarchical-table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
.hierarchical-table tbody tr td {
  border-bottom: none;
  padding: 0;
  position: relative;
}
.hierarchical-table tbody tr td .more-opt {
  padding-top: 0;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .more-opt .material-icons {
  vertical-align: text-top;
}
.hierarchical-table tbody tr td .more-opt:focus {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .more-opt:hover {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .more-opt.current {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.hierarchical-table tbody tr td .table-options ul li a {
  color: #35393c;
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul li a:focus {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li a:hover {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
.hierarchical-table tbody tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: calc(100% - 22px);
  max-height: 1000px;
  overflow: visible;
}
.hierarchical-table tbody tr td .custom-dd-material {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.hierarchical-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.hierarchical-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.hierarchical-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:hover {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.hierarchical-table tbody tr td .two-fields.field-focus {
  border-color: #0077c0;
}
.hierarchical-table tbody tr td .switch {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #b1b4b6;
}
.hierarchical-table tbody tr td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 13px 10px 14px;
}
.hierarchical-table tbody tr td .sliderOptions .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody tr:hover {
  background-color: transparent;
}
.hierarchical-table tbody .section-table .section-row td {
  border-right: none;
  border-bottom: 2px solid #0077c0;
  padding: 10px;
}
.hierarchical-table tbody .section-table .section-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder {
  color: #b1b4b6;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .section-table .section-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps {
  color: #0077c0;
  display: inline-block;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .section-table .section-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 2px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps {
  color: #000;
  display: inline-block;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .subsection-table .subsection-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .subsection-table .subsection-row.selected {
  background-color: #f5f8fb;
}
.hierarchical-table tbody .field-table .field-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 1px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .field-table .field-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .field-table .field-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps {
  color: #000;
  display: inline-block;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .field-table .field-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .field-table .field-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row:last-child td {
  border-bottom-color: transparent;
}
.hierarchical-table tbody .field-table .field-row.selected {
  background-color: #f5f8fb;
}

.dropzone.dz-clickable .dz-message {
  font-size: 10px;
  vertical-align: -webkit-baseline-middle;
}
.dropzone.dz-clickable .dz-message * {
  font-size: 10px;
  vertical-align: -webkit-baseline-middle;
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.darg-n-drop {
  position: relative;
  width: 100%;
  padding: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.48);
  background-color: rgba(243, 247, 250, 0.6);
}
.darg-n-drop input {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  opacity: 0;
}
.darg-n-drop p {
  color: rgba(0, 0, 0, 0.48);
  font-size: 16px;
  margin-bottom: 6px;
}
.darg-n-drop p i {
  color: rgba(0, 0, 0, 0.48);
  position: relative;
  top: 8px;
  padding-right: 5px;
}
.darg-n-drop.new-style {
  height: 200px;
  padding: 70px 0;
  text-align: center;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.mat-snack-bar-container {
  background-color: #4d5363;
  color: #ffffff;
}
.mat-snack-bar-container .mat-simple-snackbar > span {
  padding-right: 10px;
}
.mat-snack-bar-container .mat-simple-snackbar .mat-simple-snackbar-action {
  color: #ffffff;
}
.mat-snack-bar-container .mat-simple-snackbar .mat-simple-snackbar-action .mat-button {
  border: 2px solid #ffffff;
  max-height: 30px;
  line-height: 28px;
}
.mat-snack-bar-container.red-bar {
  background-color: #ff4955;
}
.mat-snack-bar-container.green-bar {
  background-color: #5aba8a;
}
.mat-snack-bar-container.blue-bar {
  background-color: #0077c0;
}

.listed-values {
  margin: 5px 0;
  margin-left: 230px;
  float: left;
  width: 100%;
}
.listed-values i {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.ticket-details-images {
  height: 200px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.ticket-details-images img {
  width: 100%;
}

.ticket-gallery-images .hover-options {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  left: 16px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  line-height: 28px;
  text-align: center;
}
.ticket-gallery-images .hover-options .material-icons {
  color: #0077c0;
  vertical-align: middle;
}
.ticket-gallery-images .hover-list {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  left: 16px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.ticket-gallery-images .hover-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.ticket-gallery-images .hover-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.ticket-gallery-images .hover-list ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.ticket-gallery-images .hover-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.ticket-gallery-images .hover-list ul li:last-child a.disabled {
  border-bottom: none;
}
.ticket-gallery-images .hover-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.ticket-gallery-images .more-images {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 28px;
  font-size: 2rem;
  position: absolute;
  top: 0;
  left: 8px;
  text-align: center;
  line-height: 200px;
  width: calc(100% - 16px);
  border-radius: 5px;
  height: 100%;
}
.ticket-gallery-images:hover .hover-options {
  opacity: 1;
}

.comments-search .form-control {
  /*background: url(../images/search-icon.svg) no-repeat 96% 7px;*/
  border-color: #b1b4b6;
  border-radius: 0;
  width: 60%;
  display: inline-block;
  padding-right: 36px;
  background-size: 16px;
  margin-right: 16px;
}
.comments-search .form-control:focus {
  border-color: #0077c0;
}
.comments-search .pure-material-checkbox {
  line-height: 1.2;
}

.comments-files {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.comments-files li .full-comments {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 52px);
}
.comments-files li .full-comments .name-time {
  position: relative;
  display: inline-block;
}
.comments-files li .full-comments .name-time span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.comments-files li .full-comments .name-time span.name {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.comments-files li .full-comments .name-time span.date-time {
  color: #b1b4b6;
}
.comments-files li .full-comments .name-time span.modify-comment {
  cursor: pointer;
}
.comments-files li .full-comments .name-time .comment-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  right: 100px;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.comments-files li .full-comments .name-time .comment-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.comments-files li .full-comments .name-time .comment-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.comments-files li .full-comments .name-time .comment-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.comments-files li .full-comments .name-time .comment-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  right: 40px;
}
.comments-files li .full-comments p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 4px;
  color: #7f7f7f;
}
.comments-files li .full-comments .attached-file-name {
  margin-bottom: 6px;
  color: #b1b4b6;
}
.comments-files li .full-comments .attached-file-name .icon {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}
.comments-files li .full-comments .attached-file-name .icon img {
  width: 12px;
}
.comments-files li .user-tag {
  display: inline-block;
  vertical-align: top;
}
.comments-files li .comments-files {
  margin-left: 36px;
  margin-top: 8px;
}

.assign-to {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  line-height: 36px;
  margin: 0 6px;
  text-decoration: none;
  color: #fff;
}
.assign-to:focus {
  text-decoration: none;
  color: #fff;
}
.assign-to:hover {
  text-decoration: none;
  color: #fff;
}
.assign-to.cyan {
  background-color: #9dd9d2;
}
.assign-to.green {
  background-color: #5ab78a;
}
.assign-to.yellow {
  background-color: #f8d43f;
}
.assign-to.blue {
  background-color: #0077c0;
}
.assign-to.red {
  background-color: #df6b51;
}

.licence-boxes label {
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.licence-boxes label span {
  color: #df6b51;
}

.licence-option {
  border: 1px solid #cdcdcd;
  cursor: pointer;
  padding: 20px;
  border-radius: 6px;
  height: 100%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 20px 0 transparent;
  transition: all 0.3s ease-in-out;
}
.licence-option .option-top {
  margin-bottom: 10px;
}
.licence-option .option-top .left {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.licence-option .option-top .left .fal {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .left .far {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .left .fas {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .right {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
}
.licence-option .option-top .right h4 {
  color: #676c79;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-bottom: 0;
}
.licence-option .option-top .right p {
  color: hsla(223, 8%, 44%, 0.5);
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 0;
}
.licence-option .option-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.licence-option .option-list ul li {
  position: relative;
  padding-left: 37px;
  word-break: break-all;
  margin-bottom: 10px;
  color: #676c79;
  transition: all 0.3s ease-in-out;
}
.licence-option .option-list ul li:before {
  position: absolute;
  left: 5px;
  top: 2px;
  content: "\f00c";
  font-family: Font Awesome\5 Pro;
  font-weight: 400;
}
.licence-option:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  z-index: 5;
}
.licence-option.selected {
  border-color: #5ab78a;
}
.licence-option.selected .option-list ul li {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .fal {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .far {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .fas {
  color: #5ab78a;
}
.licence-option.selected .option-top .right h4 {
  color: #5ab78a;
}

.field-management .collapse-all {
  line-height: 1.1;
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  display: inline-block;
  vertical-align: top;
}
.field-management .collapse-all .material-icons {
  vertical-align: middle;
  font-size: 17px;
  font-size: 1.2142857143rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}
.field-management .collapse-all:focus {
  text-decoration: none;
}
.field-management .collapse-all:hover {
  text-decoration: none;
}
.field-management .expand-all {
  line-height: 1.1;
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  display: inline-block;
  vertical-align: top;
}
.field-management .expand-all .material-icons {
  vertical-align: middle;
  font-size: 17px;
  font-size: 1.2142857143rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
.field-management .expand-all:focus {
  text-decoration: none;
}
.field-management .expand-all:hover {
  text-decoration: none;
}
.field-management .collapse-all.expanded .material-icons {
  transform: rotate(0deg);
  transform: rotate(90deg);
}
.field-management .expand-all.expanded .material-icons {
  transform: rotate(0deg);
}
.field-management .multiple-select + .btn-group .multiselect-container li a label input[type=checkbox] {
  vertical-align: top;
  margin-top: 4px;
}
.field-management thead tr th {
  background-color: transparent;
  color: #b1b4b6;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding-top: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.field-management tbody tr td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.field-management tbody tr .asana-select {
  position: relative;
}
.field-management tbody tr .asana-select select {
  transition: border 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-color: transparent;
  width: 100%;
  display: block;
  padding: 2px 4px;
  color: #12202b;
}
.field-management tbody tr .asana-select select:focus {
  outline: none;
}
.field-management tbody tr .asana-select:after {
  position: absolute;
  content: "expand_more";
  font-family: Material Icons;
  right: 6px;
  top: 4px;
  color: #b1b4b6;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.field-management tbody tr .asana-select.blue:after {
  color: #0077c0;
}
.field-management tbody tr .asana-select.blue select {
  color: #0077c0;
}
.field-management tbody tr:hover .asana-select select {
  border-color: #e5e5e5;
}
.field-management tbody tr:hover .asana-select:after {
  opacity: 1;
}
.field-management tbody tr.section-row td {
  padding-top: 36px;
  border-bottom-color: #0077c0;
}
.field-management tbody tr.section-row td .arrow {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}
.field-management tbody tr.section-row td .arrow .material-icons {
  color: #0077c0;
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: sub;
}
.field-management tbody tr.section-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.field-management tbody tr.section-row td h4 {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
}
.field-management tbody tr.section-row td .asana-select select {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-management tbody tr.section-row:hover {
  background-color: transparent;
}
.field-management tbody tr.subsection-row td .arrow {
  display: inline-block;
}
.field-management tbody tr.subsection-row td .arrow .material-icons {
  color: #12202b;
  font-size: 17px;
  font-size: 1.2142857143rem;
  vertical-align: sub;
}
.field-management tbody tr.subsection-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.field-management tbody tr.subsection-row td h5 {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.0714285714rem;
  color: #12202b;
  display: inline-block;
}
.field-management tbody tr.subsection-row td:first-child {
  padding-left: 20px;
}
.field-management tbody tr.subsection-row:hover {
  background-color: transparent;
}
.field-management tbody tr.field-row td {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #b1b4b6;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.field-management tbody tr.field-row td .asana-select select {
  color: #b1b4b6;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.field-management tbody tr.field-row td:first-child {
  padding-left: 40px;
}
.field-management tbody tr.field-row:hover {
  background-color: #f5f5f5;
}
.field-management.role-permission .pure-material-checkbox {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 0;
}
.field-management.role-permission .pure-material-checkbox.right-align {
  float: right;
  margin-top: 2px;
}
.field-management.role-permission .pure-material-checkbox.right-align > span:before {
  margin-right: 0;
}
.field-management.role-permission thead tr th {
  background-color: #f3f7fa;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  padding-top: 12px;
}
.field-management.role-permission thead tr th:last-child {
  border-right: none;
}
.field-management.role-permission thead tr th .asterick {
  display: inline-block;
  vertical-align: top;
  color: #e06c52;
}
.field-management.role-permission thead tr th .sorting {
  position: absolute;
  right: 10px;
  top: 8px;
  margin: 0;
}
.field-management.role-permission thead tr th .sorting a {
  color: #a1acb4;
  position: relative;
}
.field-management.role-permission thead tr th .sorting a .material-icons {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission thead tr th .sorting a:focus {
  text-decoration: none;
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a:hover {
  text-decoration: none;
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a.sorted {
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a.asc {
  right: -26px;
}
.field-management.role-permission thead tr th .sorting a.desc {
  top: 11px;
}
.field-management.role-permission thead tr.no-wrap th {
  white-space: nowrap;
}
.field-management.role-permission tbody tr td {
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  height: 47px;
}
.field-management.role-permission tbody tr td:last-child {
  border-right: none;
}
.field-management.role-permission tbody tr:hover {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
.field-management.role-permission tbody tr.section-row td {
  padding-top: 12px;
  border-bottom-width: 2px;
  border-bottom-color: #0077c0;
}
.field-management.role-permission tbody tr.section-row td .arrow .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #0077c0;
  vertical-align: middle;
}
.field-management.role-permission tbody tr.section-row td h4 {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission tbody tr.section-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td .arrow .material-icons {
  color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td h4 {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row td {
  border-bottom-width: 2px;
  border-bottom-color: #b1b4b6;
}
.field-management.role-permission tbody tr.subsection-row td .arrow .material-icons {
  vertical-align: middle;
  color: #000;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.field-management.role-permission tbody tr.subsection-row td h5 {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission tbody tr.subsection-row td:first-child {
  padding-left: 40px;
  position: relative;
}
.field-management.role-permission tbody tr.subsection-row td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .material-icons {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td h5 {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
  color: #cdcdcd;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row td {
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-management.role-permission tbody tr.field-row td:first-child {
  padding-left: 66px;
  position: relative;
}
.field-management.role-permission tbody tr.field-row td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 56px;
  height: calc(100% + 1px);
  background-color: #fff;
}
.field-management.role-permission tbody tr.field-row td.edit-field {
  padding: 0;
}
.field-management.role-permission tbody tr.field-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.field-management.role-permission tbody tr.field-row td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #fff;
  outline: none;
  border: 1px solid #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect {
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 0;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect:focus {
  background-color: #fff;
  outline: none;
  box-shadow: none;
  border: 1px solid #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect:after {
  top: 20px;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group.show .multiselect:after {
  transform: rotate(180deg);
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input {
  display: block;
  height: 46px;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input .item {
  margin: 5px 3px 0 0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input.focus {
  border-color: #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .custom-dd-list input[type=text] {
  background-color: transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields input[type=text]:focus {
  border-color: transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields.field-focus {
  border-color: #0077c0;
}
.field-management.role-permission tbody tr.field-row.disbaled td {
  color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
  color: #cdcdcd;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td.edit-field .form-control {
  color: #676c79;
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.field-row.disbaled td.edit-field .multiple-select + .btn-group .multiselect {
  color: #676c79;
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.selected {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
.field-management.role-permission.full-borders tbody tr.field-row td:first-child:before {
  display: none;
}
.field-management.role-permission.full-borders tbody tr.section-row td:first-child:before {
  display: none;
}
.field-management.role-permission.full-borders tbody tr.subsection-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.field-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.field-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.section-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.section-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.subsection-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.subsection-row td:first-child:before {
  display: none;
}

.scrolling-hover {
  overflow: auto;
  color: transparent;
  transition: color 0.3s;
}
.scrolling-hover::-webkit-scrollbar {
  width: 6px;
}
.scrolling-hover::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: inset 0 0 0 6px;
}
.scrolling-hover::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scrolling-hover::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scrolling-hover:hover {
  color: #c7c7c7;
}

.notifications-popup {
  background-color: #0077c0;
  position: fixed;
  top: 10px;
  color: #fff;
  z-index: 1210;
  width: 500px;
  padding: 20px 10px 10px;
  left: calc(50% - 250px);
  display: none;
}
.notifications-popup .icon {
  float: left;
  width: 40px;
  margin-right: 10px;
}
.notifications-popup .icon img {
  width: 100%;
}
.notifications-popup .close {
  cursor: pointer;
  font-weight: 400;
  color: #fff;
  margin-top: -14px;
  text-shadow: none;
  opacity: 0.8;
  line-height: 1;
  font-size: 16px;
  font-size: 1.1428571429rem;
  float: right;
}
.notifications-popup .close:hover {
  opacity: 1;
}
.notifications-popup .content-area {
  float: left;
  width: calc(100% - 60px);
}
.notifications-popup .content-area h4 {
  color: #fff;
  margin-bottom: 0;
}
.notifications-popup .content-area p {
  color: #fff;
  margin-bottom: 0;
}
.notifications-popup .content-area p a {
  color: #fff;
  text-decoration: underline;
}
.notifications-popup .content-area ul {
  padding: 0;
  margin-top: 30px;
  margin-left: 50px;
}
.notifications-popup .content-area ul li {
  display: block;
  font-size: 16px;
  margin: 10px 0;
}
.notifications-popup .action-area {
  margin-top: 20px;
  text-align: right;
  padding-right: 30px;
  float: left;
  width: 100%;
}
.notifications-popup .action-area .button {
  margin: 0 10px;
}
.notifications-popup.confirm {
  padding: 10px;
}
.notifications-popup.big {
  width: 675px;
  left: calc(50% - 337px);
  padding: 40px;
}
.notifications-popup.big .content-area p {
  font-size: 20px;
}
.notifications-popup.big .action-area {
  text-align: center;
}
.notifications-popup.center-popup {
  top: calc(50vh - 100px);
}

.notification-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  left: 0;
  z-index: -1;
  transition: opacity 0.15s linear;
  background-color: #fff;
}
.notification-background.active {
  opacity: 0.85;
  z-index: 1040;
}

.more-opt {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  text-align: center;
  padding-top: 3px;
}
.more-opt.white img {
  filter: brightness(5);
}
.more-opt.transparent {
  background-color: transparent;
}
.more-opt.disabled {
  pointer-events: none;
}
.more-opt.disabled img {
  filter: brightness(5) invert(1) opacity(0.3);
}

.plus-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.plus-icon i {
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #fff;
  line-height: 32px;
}
.plus-icon.blue {
  background-color: #0077c0;
}
.plus-icon.disabled {
  pointer-events: none;
  opacity: 0.3;
  filter: grayscale(1);
}

.option-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.option-container .more-opt {
  color: #999da5;
  transition: all 0.3s ease-in-out;
}
.option-container .more-opt:hover {
  color: #0077c0;
}
.option-container .more-opt:hover i {
  color: white;
}
.option-container .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 50px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.option-container .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.option-container .table-options ul li a {
  color: #35393c;
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.option-container .table-options ul li a:focus {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.option-container .table-options ul li a:hover {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.option-container .table-options ul li:last-child a {
  border-bottom: none;
}
.option-container .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 30px;
  max-height: 1000px;
  overflow: visible;
}
.option-container.disabled {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.6;
}