/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://js.api.here.com/v3/3.1/mapsjs-ui.css);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:wght@100;300;400;500;700;900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Sharp|Material+Icons+Outlined&display=block);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (3) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('glyphicons-halflings-regular.7a0f4b092e86cb52.eot');
  src: url('glyphicons-halflings-regular.7a0f4b092e86cb52.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.b70781972ce7320b.woff2') format('woff2'), url('glyphicons-halflings-regular.4ba85deaf3670942.woff') format('woff'), url('glyphicons-halflings-regular.009b407a9881be10.ttf') format('truetype'), url('glyphicons-halflings-regular.85f0466cb4ab3a4d.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #286090;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.caret-up {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
multiselect .dropdown-menu {
  max-height: 260px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert button.close{
  margin-top: 0;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info button.close{
  color: #31708f !important;
  margin-top: 0;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger button.close{
  color: #843534 !important;
  margin-top: 0;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  background-color: rgb(240, 240, 240);
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #123b56;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #123b56;
  border-color: #123b56;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #123b56;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #123b56;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  color: #000 !important;
  text-shadow: 0 1px 0 #fff;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transition:         transform .3s ease-out;
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #60636C;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  background-color: #2188D9;
  color: #555555;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  z-index: 1;
  width: 17px;
  height: 17px;
  bottom: 3px;
  background-color: black;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: none;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f00c";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  border-color: #2188D9;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #2188D9;
  border-color: #2188D9;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #fff;
  border-color: #2188D9;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #2188D9;
  border-color: #2188D9;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"]:focus + label::before {
  outline: none;
}
.radio input[type="radio"]:checked + label::after {
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #2188D9;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #2188D9;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #2188D9;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
  background-color: #2188D9;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #2188D9;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #2188D9;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-lg{font-size:1.33333em;line-height:.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:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}
.fa-spin{animation:fa-spin 2s linear infinite}
.fa-pulse{animation:fa-spin 1s steps(8) infinite}
@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.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:scaleX(-1)}
.fa-flip-vertical{transform:scaleY(-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}
:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{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}
.fa-500px:before{content:"\f26e"}
.fa-accessible-icon:before{content:"\f368"}
.fa-accusoft:before{content:"\f369"}
.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-freshener:before{content:"\f5d0"}
.fa-airbnb:before{content:"\f834"}
.fa-algolia:before{content:"\f36c"}
.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-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-anchor:before{content:"\f13d"}
.fa-android:before{content:"\f17b"}
.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-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-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-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-arrows-alt-h:before{content:"\f337"}
.fa-arrows-alt-v:before{content:"\f338"}
.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-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-baby:before{content:"\f77c"}
.fa-baby-carriage:before{content:"\f77d"}
.fa-backspace:before{content:"\f55a"}
.fa-backward:before{content:"\f04a"}
.fa-bacon:before{content:"\f7e5"}
.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-ban:before{content:"\f05e"}
.fa-band-aid:before{content:"\f462"}
.fa-bandcamp:before{content:"\f2d5"}
.fa-barcode:before{content:"\f02a"}
.fa-bars:before{content:"\f0c9"}
.fa-baseball-ball:before{content:"\f433"}
.fa-basketball-ball:before{content:"\f434"}
.fa-bath:before{content:"\f2cd"}
.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-three-quarters:before{content:"\f241"}
.fa-battle-net:before{content:"\f835"}
.fa-bed:before{content:"\f236"}
.fa-beer:before{content:"\f0fc"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-bell:before{content:"\f0f3"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bezier-curve:before{content:"\f55b"}
.fa-bible:before{content:"\f647"}
.fa-bicycle:before{content:"\f206"}
.fa-biking:before{content:"\f84a"}
.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-blender:before{content:"\f517"}
.fa-blender-phone:before{content:"\f6b6"}
.fa-blind:before{content:"\f29d"}
.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-bong:before{content:"\f55c"}
.fa-book:before{content:"\f02d"}
.fa-book-dead:before{content:"\f6b7"}
.fa-book-medical:before{content:"\f7e6"}
.fa-book-open:before{content:"\f518"}
.fa-book-reader:before{content:"\f5da"}
.fa-bookmark:before{content:"\f02e"}
.fa-bootstrap:before{content:"\f836"}
.fa-border-all:before{content:"\f84c"}
.fa-border-none:before{content:"\f850"}
.fa-border-style:before{content:"\f853"}
.fa-bowling-ball:before{content:"\f436"}
.fa-box:before{content:"\f466"}
.fa-box-open:before{content:"\f49e"}
.fa-boxes:before{content:"\f468"}
.fa-braille:before{content:"\f2a1"}
.fa-brain:before{content:"\f5dc"}
.fa-bread-slice:before{content:"\f7ec"}
.fa-briefcase:before{content:"\f0b1"}
.fa-briefcase-medical:before{content:"\f469"}
.fa-broadcast-tower:before{content:"\f519"}
.fa-broom:before{content:"\f51a"}
.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-burn:before{content:"\f46a"}
.fa-buromobelexperte:before{content:"\f37f"}
.fa-bus:before{content:"\f207"}
.fa-bus-alt:before{content:"\f55e"}
.fa-business-time:before{content:"\f64a"}
.fa-buy-n-large:before{content:"\f8a6"}
.fa-buysellads:before{content:"\f20d"}
.fa-calculator:before{content:"\f1ec"}
.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-minus:before{content:"\f272"}
.fa-calendar-plus:before{content:"\f271"}
.fa-calendar-times:before{content:"\f273"}
.fa-calendar-week:before{content:"\f784"}
.fa-camera:before{content:"\f030"}
.fa-camera-retro:before{content:"\f083"}
.fa-campground:before{content:"\f6bb"}
.fa-canadian-maple-leaf:before{content:"\f785"}
.fa-candy-cane:before{content:"\f786"}
.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-crash:before{content:"\f5e1"}
.fa-car-side:before{content:"\f5e4"}
.fa-caravan:before{content:"\f8ff"}
.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-cart-arrow-down:before{content:"\f218"}
.fa-cart-plus:before{content:"\f217"}
.fa-cash-register:before{content:"\f788"}
.fa-cat:before{content:"\f6be"}
.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-centercode:before{content:"\f380"}
.fa-centos:before{content:"\f789"}
.fa-certificate:before{content:"\f0a3"}
.fa-chair:before{content:"\f6c0"}
.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-pie:before{content:"\f200"}
.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-chess:before{content:"\f439"}
.fa-chess-bishop:before{content:"\f43a"}
.fa-chess-board:before{content:"\f43c"}
.fa-chess-king:before{content:"\f43f"}
.fa-chess-knight:before{content:"\f441"}
.fa-chess-pawn:before{content:"\f443"}
.fa-chess-queen:before{content:"\f445"}
.fa-chess-rook:before{content:"\f447"}
.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-down:before{content:"\f078"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-chevron-up:before{content:"\f077"}
.fa-child:before{content:"\f1ae"}
.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-clinic-medical:before{content:"\f7f2"}
.fa-clipboard:before{content:"\f328"}
.fa-clipboard-check:before{content:"\f46c"}
.fa-clipboard-list:before{content:"\f46d"}
.fa-clock:before{content:"\f017"}
.fa-clone:before{content:"\f24d"}
.fa-closed-captioning:before{content:"\f20a"}
.fa-cloud:before{content:"\f0c2"}
.fa-cloud-download-alt:before{content:"\f381"}
.fa-cloud-meatball:before{content:"\f73b"}
.fa-cloud-moon:before{content:"\f6c3"}
.fa-cloud-moon-rain:before{content:"\f73c"}
.fa-cloud-rain:before{content:"\f73d"}
.fa-cloud-showers-heavy:before{content:"\f740"}
.fa-cloud-sun:before{content:"\f6c4"}
.fa-cloud-sun-rain:before{content:"\f743"}
.fa-cloud-upload-alt:before{content:"\f382"}
.fa-cloudscale:before{content:"\f383"}
.fa-cloudsmith:before{content:"\f384"}
.fa-cloudversify:before{content:"\f385"}
.fa-cocktail:before{content:"\f561"}
.fa-code:before{content:"\f121"}
.fa-code-branch:before{content:"\f126"}
.fa-codepen:before{content:"\f1cb"}
.fa-codiepie:before{content:"\f284"}
.fa-coffee:before{content:"\f0f4"}
.fa-cog:before{content:"\f013"}
.fa-cogs:before{content:"\f085"}
.fa-coins:before{content:"\f51e"}
.fa-columns:before{content:"\f0db"}
.fa-comment:before{content:"\f075"}
.fa-comment-alt:before{content:"\f27a"}
.fa-comment-dollar:before{content:"\f651"}
.fa-comment-dots:before{content:"\f4ad"}
.fa-comment-medical:before{content:"\f7f5"}
.fa-comment-slash:before{content:"\f4b3"}
.fa-comments:before{content:"\f086"}
.fa-comments-dollar:before{content:"\f653"}
.fa-compact-disc:before{content:"\f51f"}
.fa-compass:before{content:"\f14e"}
.fa-compress:before{content:"\f066"}
.fa-compress-alt:before{content:"\f422"}
.fa-compress-arrows-alt:before{content:"\f78c"}
.fa-concierge-bell:before{content:"\f562"}
.fa-confluence:before{content:"\f78d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-contao:before{content:"\f26d"}
.fa-cookie:before{content:"\f563"}
.fa-cookie-bite:before{content:"\f564"}
.fa-copy:before{content:"\f0c5"}
.fa-copyright:before{content:"\f1f9"}
.fa-cotton-bureau:before{content:"\f89e"}
.fa-couch:before{content:"\f4b8"}
.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-critical-role:before{content:"\f6c9"}
.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-css3:before{content:"\f13c"}
.fa-css3-alt:before{content:"\f38b"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.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-dashcube:before{content:"\f210"}
.fa-database:before{content:"\f1c0"}
.fa-deaf:before{content:"\f2a4"}
.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-dev:before{content:"\f6cc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-dharmachakra:before{content:"\f655"}
.fa-dhl:before{content:"\f790"}
.fa-diagnoses:before{content:"\f470"}
.fa-diaspora:before{content:"\f791"}
.fa-dice:before{content:"\f522"}
.fa-dice-d20:before{content:"\f6cf"}
.fa-dice-d6:before{content:"\f6d1"}
.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-digital-ocean:before{content:"\f391"}
.fa-digital-tachograph:before{content:"\f566"}
.fa-directions:before{content:"\f5eb"}
.fa-discord:before{content:"\f392"}
.fa-discourse:before{content:"\f393"}
.fa-divide:before{content:"\f529"}
.fa-dizzy:before{content:"\f567"}
.fa-dna:before{content:"\f471"}
.fa-dochub:before{content:"\f394"}
.fa-docker:before{content:"\f395"}
.fa-dog:before{content:"\f6d3"}
.fa-dollar-sign:before{content:"\f155"}
.fa-dolly:before{content:"\f472"}
.fa-dolly-flatbed:before{content:"\f474"}
.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-polygon:before{content:"\f5ee"}
.fa-dribbble:before{content:"\f17d"}
.fa-dribbble-square:before{content:"\f397"}
.fa-dropbox:before{content:"\f16b"}
.fa-drum:before{content:"\f569"}
.fa-drum-steelpan:before{content:"\f56a"}
.fa-drumstick-bite:before{content:"\f6d7"}
.fa-drupal:before{content:"\f1a9"}
.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-earlybirds:before{content:"\f39a"}
.fa-ebay:before{content:"\f4f4"}
.fa-edge:before{content:"\f282"}
.fa-edit:before{content:"\f044"}
.fa-egg:before{content:"\f7fb"}
.fa-eject:before{content:"\f052"}
.fa-elementor:before{content:"\f430"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-ello:before{content:"\f5f1"}
.fa-ember:before{content:"\f423"}
.fa-empire:before{content:"\f1d1"}
.fa-envelope:before{content:"\f0e0"}
.fa-envelope-open:before{content:"\f2b6"}
.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-alt:before{content:"\f362"}
.fa-exclamation:before{content:"\f12a"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-expand:before{content:"\f065"}
.fa-expand-alt:before{content:"\f424"}
.fa-expand-arrows-alt:before{content:"\f31e"}
.fa-expeditedssl:before{content:"\f23e"}
.fa-external-link-alt:before{content:"\f35d"}
.fa-external-link-square-alt:before{content:"\f360"}
.fa-eye:before{content:"\f06e"}
.fa-eye-dropper:before{content:"\f1fb"}
.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-fantasy-flight-games:before{content:"\f6dc"}
.fa-fast-backward:before{content:"\f049"}
.fa-fast-forward:before{content:"\f050"}
.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-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-code:before{content:"\f1c9"}
.fa-file-contract:before{content:"\f56c"}
.fa-file-csv:before{content:"\f6dd"}
.fa-file-download:before{content:"\f56d"}
.fa-file-excel:before{content:"\f1c3"}
.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-pdf:before{content:"\f1c1"}
.fa-file-powerpoint:before{content:"\f1c4"}
.fa-file-prescription:before{content:"\f572"}
.fa-file-signature:before{content:"\f573"}
.fa-file-upload:before{content:"\f574"}
.fa-file-video:before{content:"\f1c8"}
.fa-file-word:before{content:"\f1c2"}
.fa-fill:before{content:"\f575"}
.fa-fill-drip:before{content:"\f576"}
.fa-film:before{content:"\f008"}
.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-firefox:before{content:"\f269"}
.fa-firefox-browser:before{content:"\f907"}
.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-fist-raised:before{content:"\f6de"}
.fa-flag:before{content:"\f024"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-flag-usa:before{content:"\f74d"}
.fa-flask:before{content:"\f0c3"}
.fa-flickr:before{content:"\f16e"}
.fa-flipboard:before{content:"\f44d"}
.fa-flushed:before{content:"\f579"}
.fa-fly:before{content:"\f417"}
.fa-folder:before{content:"\f07b"}
.fa-folder-minus:before{content:"\f65d"}
.fa-folder-open:before{content:"\f07c"}
.fa-folder-plus:before{content:"\f65e"}
.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-fonticons:before{content:"\f280"}
.fa-fonticons-fi:before{content:"\f3a2"}
.fa-football-ball:before{content:"\f44e"}
.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-free-code-camp:before{content:"\f2c5"}
.fa-freebsd:before{content:"\f3a4"}
.fa-frog:before{content:"\f52e"}
.fa-frown:before{content:"\f119"}
.fa-frown-open:before{content:"\f57a"}
.fa-fulcrum:before{content:"\f50b"}
.fa-funnel-dollar:before{content:"\f662"}
.fa-futbol:before{content:"\f1e3"}
.fa-galactic-republic:before{content:"\f50c"}
.fa-galactic-senate:before{content:"\f50d"}
.fa-gamepad:before{content:"\f11b"}
.fa-gas-pump:before{content:"\f52f"}
.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-gifts:before{content:"\f79c"}
.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-cheers:before{content:"\f79f"}
.fa-glass-martini:before{content:"\f000"}
.fa-glass-martini-alt:before{content:"\f57b"}
.fa-glass-whiskey:before{content:"\f7a0"}
.fa-glasses:before{content:"\f530"}
.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-gofore:before{content:"\f3a7"}
.fa-golf-ball:before{content:"\f450"}
.fa-goodreads:before{content:"\f3a8"}
.fa-goodreads-g:before{content:"\f3a9"}
.fa-google:before{content:"\f1a0"}
.fa-google-drive:before{content:"\f3aa"}
.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-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-gulp:before{content:"\f3ae"}
.fa-h-square:before{content:"\f0fd"}
.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-hamsa:before{content:"\f665"}
.fa-hand-holding:before{content:"\f4bd"}
.fa-hand-holding-heart:before{content:"\f4be"}
.fa-hand-holding-usd:before{content:"\f4c0"}
.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-rock:before{content:"\f255"}
.fa-hand-scissors:before{content:"\f257"}
.fa-hand-spock:before{content:"\f259"}
.fa-hands:before{content:"\f4c2"}
.fa-hands-helping:before{content:"\f4c4"}
.fa-handshake:before{content:"\f2b5"}
.fa-hanukiah:before{content:"\f6e6"}
.fa-hard-hat:before{content:"\f807"}
.fa-hashtag:before{content:"\f292"}
.fa-hat-cowboy:before{content:"\f8c0"}
.fa-hat-cowboy-side:before{content:"\f8c1"}
.fa-hat-wizard:before{content:"\f6e8"}
.fa-hdd:before{content:"\f0a0"}
.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-heartbeat:before{content:"\f21e"}
.fa-helicopter:before{content:"\f533"}
.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-puck:before{content:"\f453"}
.fa-holly-berry:before{content:"\f7aa"}
.fa-home:before{content:"\f015"}
.fa-hooli:before{content:"\f427"}
.fa-hornbill:before{content:"\f592"}
.fa-horse:before{content:"\f6f0"}
.fa-horse-head:before{content:"\f7ab"}
.fa-hospital:before{content:"\f0f8"}
.fa-hospital-alt:before{content:"\f47d"}
.fa-hospital-symbol:before{content:"\f47e"}
.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-damage:before{content:"\f6f1"}
.fa-houzz:before{content:"\f27c"}
.fa-hryvnia:before{content:"\f6f2"}
.fa-html5:before{content:"\f13b"}
.fa-hubspot:before{content:"\f3b2"}
.fa-i-cursor:before{content:"\f246"}
.fa-ice-cream:before{content:"\f810"}
.fa-icicles:before{content:"\f7ad"}
.fa-icons:before{content:"\f86d"}
.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-images:before{content:"\f302"}
.fa-imdb:before{content:"\f2d8"}
.fa-inbox:before{content:"\f01c"}
.fa-indent:before{content:"\f03c"}
.fa-industry:before{content:"\f275"}
.fa-infinity:before{content:"\f534"}
.fa-info:before{content:"\f129"}
.fa-info-circle:before{content:"\f05a"}
.fa-instagram:before{content:"\f16d"}
.fa-intercom:before{content:"\f7af"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-invision:before{content:"\f7b0"}
.fa-ioxhost:before{content:"\f208"}
.fa-italic:before{content:"\f033"}
.fa-itch-io:before{content:"\f83a"}
.fa-itunes:before{content:"\f3b4"}
.fa-itunes-note:before{content:"\f3b5"}
.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-js:before{content:"\f3b8"}
.fa-js-square:before{content:"\f3b9"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-kaaba:before{content:"\f66b"}
.fa-kaggle:before{content:"\f5fa"}
.fa-key:before{content:"\f084"}
.fa-keybase:before{content:"\f4f5"}
.fa-keyboard:before{content:"\f11c"}
.fa-keycdn:before{content:"\f3ba"}
.fa-khanda:before{content:"\f66d"}
.fa-kickstarter:before{content:"\f3bb"}
.fa-kickstarter-k:before{content:"\f3bc"}
.fa-kiss:before{content:"\f596"}
.fa-kiss-beam:before{content:"\f597"}
.fa-kiss-wink-heart:before{content:"\f598"}
.fa-kiwi-bird:before{content:"\f535"}
.fa-korvue:before{content:"\f42f"}
.fa-landmark:before{content:"\f66f"}
.fa-language:before{content:"\f1ab"}
.fa-laptop:before{content:"\f109"}
.fa-laptop-code:before{content:"\f5fc"}
.fa-laptop-medical:before{content:"\f812"}
.fa-laravel:before{content:"\f3bd"}
.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-leaf:before{content:"\f06c"}
.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-alt:before{content:"\f3be"}
.fa-level-up-alt:before{content:"\f3bf"}
.fa-life-ring:before{content:"\f1cd"}
.fa-lightbulb:before{content:"\f0eb"}
.fa-line:before{content:"\f3c0"}
.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-lira-sign:before{content:"\f195"}
.fa-list:before{content:"\f03a"}
.fa-list-alt:before{content:"\f022"}
.fa-list-ol:before{content:"\f0cb"}
.fa-list-ul:before{content:"\f0ca"}
.fa-location-arrow:before{content:"\f124"}
.fa-lock:before{content:"\f023"}
.fa-lock-open:before{content:"\f3c1"}
.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-low-vision:before{content:"\f2a8"}
.fa-luggage-cart:before{content:"\f59d"}
.fa-lyft:before{content:"\f3c3"}
.fa-magento:before{content:"\f3c4"}
.fa-magic:before{content:"\f0d0"}
.fa-magnet:before{content:"\f076"}
.fa-mail-bulk:before{content:"\f674"}
.fa-mailchimp:before{content:"\f59e"}
.fa-male:before{content:"\f183"}
.fa-mandalorian:before{content:"\f50f"}
.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-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-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-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-microscope:before{content:"\f610"}
.fa-microsoft:before{content:"\f3ca"}
.fa-minus:before{content:"\f068"}
.fa-minus-circle:before{content:"\f056"}
.fa-minus-square:before{content:"\f146"}
.fa-mitten:before{content:"\f7b5"}
.fa-mix:before{content:"\f3cb"}
.fa-mixcloud:before{content:"\f289"}
.fa-mizuni:before{content:"\f3cc"}
.fa-mobile:before{content:"\f10b"}
.fa-mobile-alt:before{content:"\f3cd"}
.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-monument:before{content:"\f5a6"}
.fa-moon:before{content:"\f186"}
.fa-mortar-pestle:before{content:"\f5a7"}
.fa-mosque:before{content:"\f678"}
.fa-motorcycle:before{content:"\f21c"}
.fa-mountain:before{content:"\f6fc"}
.fa-mouse:before{content:"\f8cc"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-mug-hot:before{content:"\f7b6"}
.fa-music:before{content:"\f001"}
.fa-napster:before{content:"\f3d2"}
.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-odnoklassniki:before{content:"\f263"}
.fa-odnoklassniki-square:before{content:"\f264"}
.fa-oil-can:before{content:"\f613"}
.fa-old-republic:before{content:"\f510"}
.fa-om:before{content:"\f679"}
.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-osi:before{content:"\f41a"}
.fa-otter:before{content:"\f700"}
.fa-outdent:before{content:"\f03b"}
.fa-page4:before{content:"\f3d7"}
.fa-pagelines:before{content:"\f18c"}
.fa-pager:before{content:"\f815"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-paint-roller:before{content:"\f5aa"}
.fa-palette:before{content:"\f53f"}
.fa-palfed:before{content:"\f3d8"}
.fa-pallet:before{content:"\f482"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-paperclip:before{content:"\f0c6"}
.fa-parachute-box:before{content:"\f4cd"}
.fa-paragraph:before{content:"\f1dd"}
.fa-parking:before{content:"\f540"}
.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-paypal:before{content:"\f1ed"}
.fa-peace:before{content:"\f67c"}
.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-alt:before{content:"\f303"}
.fa-pencil-ruler:before{content:"\f5ae"}
.fa-penny-arcade:before{content:"\f704"}
.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-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-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-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-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-slice:before{content:"\f818"}
.fa-place-of-worship:before{content:"\f67f"}
.fa-plane:before{content:"\f072"}
.fa-plane-arrival:before{content:"\f5af"}
.fa-plane-departure:before{content:"\f5b0"}
.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-square:before{content:"\f0fe"}
.fa-podcast:before{content:"\f2ce"}
.fa-poll:before{content:"\f681"}
.fa-poll-h:before{content:"\f682"}
.fa-poo:before{content:"\f2fe"}
.fa-poo-storm:before{content:"\f75a"}
.fa-poop:before{content:"\f619"}
.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-print:before{content:"\f02f"}
.fa-procedures:before{content:"\f487"}
.fa-product-hunt:before{content:"\f288"}
.fa-project-diagram:before{content:"\f542"}
.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-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-radiation:before{content:"\f7b9"}
.fa-radiation-alt:before{content:"\f7ba"}
.fa-rainbow:before{content:"\f75b"}
.fa-random:before{content:"\f074"}
.fa-raspberry-pi:before{content:"\f7bb"}
.fa-ravelry:before{content:"\f2d9"}
.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-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-registered:before{content:"\f25d"}
.fa-remove-format:before{content:"\f87d"}
.fa-renren:before{content:"\f18b"}
.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-rev:before{content:"\f5b2"}
.fa-ribbon:before{content:"\f4d6"}
.fa-ring:before{content:"\f70b"}
.fa-road:before{content:"\f018"}
.fa-robot:before{content:"\f544"}
.fa-rocket:before{content:"\f135"}
.fa-rocketchat:before{content:"\f3e8"}
.fa-rockrms:before{content:"\f3e9"}
.fa-route:before{content:"\f4d7"}
.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-vertical:before{content:"\f548"}
.fa-running:before{content:"\f70c"}
.fa-rupee-sign:before{content:"\f156"}
.fa-sad-cry:before{content:"\f5b3"}
.fa-sad-tear:before{content:"\f5b4"}
.fa-safari:before{content:"\f267"}
.fa-salesforce:before{content:"\f83b"}
.fa-sass:before{content:"\f41e"}
.fa-satellite:before{content:"\f7bf"}
.fa-satellite-dish:before{content:"\f7c0"}
.fa-save:before{content:"\f0c7"}
.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-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-server:before{content:"\f233"}
.fa-servicestack:before{content:"\f3ec"}
.fa-shapes:before{content:"\f61f"}
.fa-share:before{content:"\f064"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-share-square:before{content:"\f14d"}
.fa-shekel-sign:before{content:"\f20b"}
.fa-shield-alt:before{content:"\f3ed"}
.fa-ship:before{content:"\f21a"}
.fa-shipping-fast:before{content:"\f48b"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-shoe-prints:before{content:"\f54b"}
.fa-shopping-bag:before{content:"\f290"}
.fa-shopping-basket:before{content:"\f291"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-shopware:before{content:"\f5b5"}
.fa-shower:before{content:"\f2cc"}
.fa-shuttle-van:before{content:"\f5b6"}
.fa-sign:before{content:"\f4d9"}
.fa-sign-in-alt:before{content:"\f2f6"}
.fa-sign-language:before{content:"\f2a7"}
.fa-sign-out-alt:before{content:"\f2f5"}
.fa-signal:before{content:"\f012"}
.fa-signature:before{content:"\f5b7"}
.fa-sim-card:before{content:"\f7c4"}
.fa-simplybuilt:before{content:"\f215"}
.fa-sistrix:before{content:"\f3ee"}
.fa-sitemap:before{content:"\f0e8"}
.fa-sith:before{content:"\f512"}
.fa-skating:before{content:"\f7c5"}
.fa-sketch:before{content:"\f7c6"}
.fa-skiing:before{content:"\f7c9"}
.fa-skiing-nordic:before{content:"\f7ca"}
.fa-skull:before{content:"\f54c"}
.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-sleigh:before{content:"\f7cc"}
.fa-sliders-h:before{content:"\f1de"}
.fa-slideshare:before{content:"\f1e7"}
.fa-smile:before{content:"\f118"}
.fa-smile-beam:before{content:"\f5b8"}
.fa-smile-wink:before{content:"\f4da"}
.fa-smog:before{content:"\f75f"}
.fa-smoking:before{content:"\f48d"}
.fa-smoking-ban:before{content:"\f54d"}
.fa-sms:before{content:"\f7cd"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-snowboarding:before{content:"\f7ce"}
.fa-snowflake:before{content:"\f2dc"}
.fa-snowman:before{content:"\f7d0"}
.fa-snowplow:before{content:"\f7d2"}
.fa-socks:before{content:"\f696"}
.fa-solar-panel:before{content:"\f5ba"}
.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-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-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-up:before{content:"\f0de"}
.fa-soundcloud:before{content:"\f1be"}
.fa-sourcetree:before{content:"\f7d3"}
.fa-spa:before{content:"\f5bb"}
.fa-space-shuttle:before{content:"\f197"}
.fa-speakap:before{content:"\f3f3"}
.fa-speaker-deck:before{content:"\f83c"}
.fa-spell-check:before{content:"\f891"}
.fa-spider:before{content:"\f717"}
.fa-spinner:before{content:"\f110"}
.fa-splotch:before{content:"\f5bc"}
.fa-spotify:before{content:"\f1bc"}
.fa-spray-can:before{content:"\f5bd"}
.fa-square:before{content:"\f0c8"}
.fa-square-full:before{content:"\f45c"}
.fa-square-root-alt:before{content:"\f698"}
.fa-squarespace:before{content:"\f5be"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-stackpath:before{content:"\f842"}
.fa-stamp:before{content:"\f5bf"}
.fa-star:before{content:"\f005"}
.fa-star-and-crescent:before{content:"\f699"}
.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-staylinked:before{content:"\f3f5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-steam-symbol:before{content:"\f3f6"}
.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-stop:before{content:"\f04d"}
.fa-stop-circle:before{content:"\f28d"}
.fa-stopwatch:before{content:"\f2f2"}
.fa-store:before{content:"\f54e"}
.fa-store-alt:before{content:"\f54f"}
.fa-strava:before{content:"\f428"}
.fa-stream:before{content:"\f550"}
.fa-street-view:before{content:"\f21d"}
.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-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-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-tablets:before{content:"\f490"}
.fa-tachometer-alt:before{content:"\f3fd"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-tape:before{content:"\f4db"}
.fa-tasks:before{content:"\f0ae"}
.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-temperature-high:before{content:"\f769"}
.fa-temperature-low:before{content:"\f76b"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-tenge:before{content:"\f7d7"}
.fa-terminal:before{content:"\f120"}
.fa-text-height:before{content:"\f034"}
.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-think-peaks:before{content:"\f731"}
.fa-thumbs-down:before{content:"\f165"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbtack:before{content:"\f08d"}
.fa-ticket-alt:before{content:"\f3ff"}
.fa-times:before{content:"\f00d"}
.fa-times-circle:before{content:"\f057"}
.fa-tint:before{content:"\f043"}
.fa-tint-slash:before{content:"\f5c7"}
.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-toolbox:before{content:"\f552"}
.fa-tools:before{content:"\f7d9"}
.fa-tooth:before{content:"\f5c9"}
.fa-torah:before{content:"\f6a0"}
.fa-torii-gate:before{content:"\f6a1"}
.fa-tractor:before{content:"\f722"}
.fa-trade-federation:before{content:"\f513"}
.fa-trademark:before{content:"\f25c"}
.fa-traffic-light:before{content:"\f637"}
.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-trash:before{content:"\f1f8"}
.fa-trash-alt:before{content:"\f2ed"}
.fa-trash-restore:before{content:"\f829"}
.fa-trash-restore-alt:before{content:"\f82a"}
.fa-tree:before{content:"\f1bb"}
.fa-trello:before{content:"\f181"}
.fa-tripadvisor:before{content:"\f262"}
.fa-trophy:before{content:"\f091"}
.fa-truck:before{content:"\f0d1"}
.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-tshirt:before{content:"\f553"}
.fa-tty:before{content:"\f1e4"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-tv:before{content:"\f26c"}
.fa-twitch:before{content:"\f1e8"}
.fa-twitter:before{content:"\f099"}
.fa-twitter-square:before{content:"\f081"}
.fa-typo3:before{content:"\f42b"}
.fa-uber:before{content:"\f402"}
.fa-ubuntu:before{content:"\f7df"}
.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-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-untappd:before{content:"\f405"}
.fa-upload:before{content:"\f093"}
.fa-ups:before{content:"\f7e0"}
.fa-usb:before{content:"\f287"}
.fa-user:before{content:"\f007"}
.fa-user-alt:before{content:"\f406"}
.fa-user-alt-slash:before{content:"\f4fa"}
.fa-user-astronaut:before{content:"\f4fb"}
.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-edit:before{content:"\f4ff"}
.fa-user-friends:before{content:"\f500"}
.fa-user-graduate:before{content:"\f501"}
.fa-user-injured:before{content:"\f728"}
.fa-user-lock:before{content:"\f502"}
.fa-user-md:before{content:"\f0f0"}
.fa-user-minus:before{content:"\f503"}
.fa-user-ninja:before{content:"\f504"}
.fa-user-nurse:before{content:"\f82f"}
.fa-user-plus:before{content:"\f234"}
.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-users:before{content:"\f0c0"}
.fa-users-cog:before{content:"\f509"}
.fa-usps:before{content:"\f7e1"}
.fa-ussunnah:before{content:"\f407"}
.fa-utensil-spoon:before{content:"\f2e5"}
.fa-utensils:before{content:"\f2e7"}
.fa-vaadin:before{content:"\f408"}
.fa-vector-square:before{content:"\f5cb"}
.fa-venus:before{content:"\f221"}
.fa-venus-double:before{content:"\f226"}
.fa-venus-mars:before{content:"\f228"}
.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-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-vk:before{content:"\f189"}
.fa-vnv:before{content:"\f40b"}
.fa-voicemail:before{content:"\f897"}
.fa-volleyball-ball:before{content:"\f45f"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-mute:before{content:"\f6a9"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-up:before{content:"\f028"}
.fa-vote-yea:before{content:"\f772"}
.fa-vr-cardboard:before{content:"\f729"}
.fa-vuejs:before{content:"\f41f"}
.fa-walking:before{content:"\f554"}
.fa-wallet:before{content:"\f555"}
.fa-warehouse:before{content:"\f494"}
.fa-water:before{content:"\f773"}
.fa-wave-square:before{content:"\f83e"}
.fa-waze:before{content:"\f83f"}
.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-whatsapp:before{content:"\f232"}
.fa-whatsapp-square:before{content:"\f40c"}
.fa-wheelchair:before{content:"\f193"}
.fa-whmcs:before{content:"\f40d"}
.fa-wifi:before{content:"\f1eb"}
.fa-wikipedia-w:before{content:"\f266"}
.fa-wind:before{content:"\f72e"}
.fa-window-close:before{content:"\f410"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-window-restore:before{content:"\f2d2"}
.fa-windows:before{content:"\f17a"}
.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-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:normal;font-display:auto;src:url('fa-brands-400.e313a10528d3219c.eot');src:url('fa-brands-400.e313a10528d3219c.eot?#iefix') format("embedded-opentype"),url('fa-brands-400.9936233a604e7c3a.woff2') format("woff2"),url('fa-brands-400.486a2eb58504a604.woff') format("woff"),url('fa-brands-400.f6e6ea551c78c684.ttf') format("truetype"),url('fa-brands-400.6e0576ec849b5ec1.svg#fontawesome') format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url('fa-regular-400.d254e0d2a48539b4.eot');src:url('fa-regular-400.d254e0d2a48539b4.eot?#iefix') format("embedded-opentype"),url('fa-regular-400.e69b40bab9e2d285.woff2') format("woff2"),url('fa-regular-400.f1112a6c5baa1984.woff') format("woff"),url('fa-regular-400.8aea09d1bd9e6485.ttf') format("truetype"),url('fa-regular-400.f50d77406efc379e.svg#fontawesome') format("svg")}
.far{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url('fa-solid-900.ca6ffe6cbc2a3c11.eot');src:url('fa-solid-900.ca6ffe6cbc2a3c11.eot?#iefix') format("embedded-opentype"),url('fa-solid-900.b1b68d1d0b0a890f.woff2') format("woff2"),url('fa-solid-900.7e3c01a6b88f7f4e.woff') format("woff"),url('fa-solid-900.a27a17e759e713ad.ttf') format("truetype"),url('fa-solid-900.b51ba0dc9f8cf1a1.svg#fontawesome') format("svg")}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa,.fas{font-weight:900}
/* Roboto font */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('Roboto-Thin.c195fc4f22a9532e.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('Roboto-Light.f2e7274e6697147f.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('Roboto-Black.78bcb615c6a1a9d9.ttf');
}
/* Roboto font Italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('Roboto-ThinItalic.6d3c54dd09f6d4b4.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('Roboto-LightItalic.b694f0fe3beef9b1.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('Roboto-Italic.991def81f8f1faa6.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('Roboto-MediumItalic.3723a2e701ae6858.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('Roboto-BoldItalic.29548c6e6ff0020b.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('Roboto-BlackItalic.13bff026b925d45f.ttf');
}
/**
 * selectize.bootstrap3.css (v0.12.4) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #cccccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #ffffff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #ffffff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.selectize-dropdown-content {
  padding: 5px 0;
}
.selectize-dropdown-header {
  padding: 6px 12px;
}
.selectize-input {
  min-height: 34px;
}
.selectize-input.dropdown-active {
  border-radius: 4px;
}
.selectize-input.dropdown-active::before {
  display: none;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
  border-radius: 3px;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
/*!
 * @copyright Copyright &copy; Kartik Visweswaran, Krajee.com, 2014 - 2015
 * @package bootstrap-fileinput
 * @version 4.3.2
 *
 * File input styling for Bootstrap 3.0
 * Built for Yii Framework 2.0
 * Author: Kartik Visweswaran
 * Year: 2015
 * For more Yii related demos visit http://demos.krajee.com
 */
.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: transparent url('/Images/loading.gif') top left no-repeat;
    border: none;
}
.file-object {
    margin: 0 0 -5px 0;
    padding: 0;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block;
}
.file-caption-name {
    display: inline-block;
    overflow: hidden;
    height: 20px;
    word-break: break-all;
}
.input-group-lg .file-caption-name {
    height: 25px;
}
.file-preview-detail-modal {
    text-align: left;
}
.file-error-message {
    color: #a94442;
    background-color: #f2dede;
    margin: 5px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 15px;
}
.file-error-message pre, .file-error-message ul {
    margin: 0;
    text-align: left;
}
.file-error-message pre {
    margin: 5px 0;
}
.file-caption-disabled {
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 1;
}
.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
}
.file-preview-frame {
    display: table;
    margin: 8px;
    height: 160px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    text-align: center;
    vertical-align: middle;
}
.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: 3px 3px 5px 0 #333;
}
.file-preview-image {
    height: 160px;
    vertical-align: middle;
}
.file-preview-text {
    text-align: left;
    width: 160px;
    margin-bottom: 2px;
    color: #428bca;
    background: #fff;
    overflow-x: hidden;
}
.file-preview-other {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 160px;
    height: 160px;
    border: 2px solid #999;
    border-radius: 30px;
}
.file-preview-other:hover {
    opacity: 0.8;
}
.file-actions, .file-other-error {
    text-align: left;
}
.file-icon-lg {
    font-size: 1.2em;
}
.file-icon-2x {
    font-size: 2.4em;
}
.file-icon-4x {
    font-size: 4.8em;
}
.file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button,
.file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button {
    display: none;
}
.file-thumb-loading {
    background: transparent url('/Images/loading.gif') no-repeat scroll center center content-box !important;
}
.file-actions {
    margin-top: 15px;
}
.file-footer-buttons {
    float: right;
}
.file-upload-indicator {
    padding-top: 2px;
    cursor: default;
    opacity: 0.8;
    width: 60%;
}
.file-upload-indicator:hover {
    font-weight: bold;
    opacity: 1;
}
.file-footer-caption {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    color: #777;
    margin: 5px auto 10px auto;
}
.file-preview-error {
    opacity: 0.65;
    box-shadow: none;
}
.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000;
}
.file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px;
}
.file-drop-zone-title {
    color: #aaa;
    font-size: 40px;
    padding: 85px 10px;
}
.file-highlighted {
    border: 2px dashed #999 !important;
    background-color: #f0f0f0;
}
.file-uploading {
    background: url('/Images/loading-sm.gif') no-repeat center bottom 10px;
    opacity: 0.65;
}
.file-thumb-progress .progress, .file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px;
}
.file-thumbnail-footer {
    position: relative;
}
.file-thumb-progress {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
}
/* IE 10 fix */
.btn-file ::-ms-browse {
    width:100%;
    height:100%;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block !important;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}
.material-icons,
.mat-icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block !important;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format('woff2');
}
.mat-icon-outlined,
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 278px;
	max-width: none;
	padding: 0;
	margin-top: 7px;
	top: 100px;
	left: 20px;
	z-index: 3001;
	display: none;
	font-size: 15px;
	line-height: 1em;
}
/* This is for Mobile */
@media (max-width: 700px) {
	.daterangepicker {
		position: absolute !important;
		float: left !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		max-height: 90%;
		overflow-y: auto;
		width: 80vw;
	}

	.daterangepicker.show-calendar .drp-buttons .drp-selected {
		text-align: center;
	}

	.daterangepicker.show-calendar .drp-buttons .cancelBtn {
		height: 32px !important;
		padding: 0 14px !important;
	}

	.daterangepicker.show-calendar .drp-buttons .applyBtn {
		height: 32px !important;
		padding: 0 20px !important;
	}
}
.daterangepicker.openscenter:before {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
}
.daterangepicker.openscenter:after {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
}
.daterangepicker.opensright:before {
	left: 9px;
}
.daterangepicker.opensright:after {
	left: 10px;
}
.daterangepicker.drop-up {
	margin-top: -7px;
}
.daterangepicker.drop-up:before {
	top: initial;
	bottom: -7px;
	border-bottom: initial;
	border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
	top: initial;
	bottom: -6px;
	border-bottom: initial;
	border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
	float: none;
}
.daterangepicker.single .drp-selected {
	display: none;
}
.daterangepicker.show-calendar .drp-calendar {
	display: block;
}
.daterangepicker.show-calendar .drp-buttons {
	display: block;
}
.daterangepicker.auto-apply .drp-buttons {
	display: none !important;
}
.daterangepicker .drp-calendar {
	display: none;
	max-width: 270px;
}
.daterangepicker .drp-calendar.left {
	padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
	padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
	border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	color: #fff;
	border: solid black;
	border-width: 0 2px 2px 0;
	border-radius: 0;
	display: inline-block;
	padding: 3px;
}
.daterangepicker .calendar-table .next span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 40px;
	height: 40px;
	line-height: 24px;
	font-size: 13px;
	border-radius: 4px;
	white-space: nowrap;
	cursor: pointer;
}
.daterangepicker .calendar-table {
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #fff;
}
.daterangepicker .calendar-table table {
	width: 100%;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #eee;
	border-color: transparent;
	color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
	font-size: 80%;
	color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background-color: #fff;
	border-color: transparent;
	color: #999;
}
.daterangepicker td.in-range {
	background-color: #ebf4f8;
	border-color: transparent;
	color: #000;
	border-radius: 0;
}
.daterangepicker td.start-date {
	border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
	border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
	border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #2188d9;
	border-color: transparent;
	color: #fff;
}
.daterangepicker th.month {
	width: auto;
	font-size: 14px;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
	color: #999;
	cursor: not-allowed;
	text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default;
}
.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}
.daterangepicker select.yearselect {
	width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
	width: 50px;
	margin: 0 auto;
	background: #fff;
	border: none;
	padding: 2px;
	outline: 0;
	font-size: 12px;
}
.daterangepicker .calendar-time {
	text-align: center;
	margin: 4px auto 0 auto;
	line-height: 30px;
	position: relative;
}
.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed;
}
.daterangepicker .drp-buttons {
	clear: both;
	text-align: right;
	padding: 8px;
	border-top: 1px solid #ddd;
	display: none;
	line-height: 12px;
	vertical-align: middle;
}
.daterangepicker .drp-selected {
	display: inline-block;
	font-size: 12px;
	padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
	margin-left: 8px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
	border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
	border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
	border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
	border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
	float: none;
	text-align: left;
	margin: 0;
}
.daterangepicker.show-calendar .ranges {
	margin-top: 8px;
}
.daterangepicker .ranges ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.daterangepicker .ranges li {
	font-size: 12px;
	padding: 8px 12px;
	cursor: pointer;
}
.daterangepicker .ranges li:hover {
	background-color: #eee;
}
.daterangepicker .ranges li.active {
	background-color: #08c;
	color: #fff;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
	.daterangepicker {
		width: auto;
	}

	.daterangepicker .ranges ul {
		width: 140px;
	}

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

	.daterangepicker.single .drp-calendar.left {
		clear: none;
	}

	.daterangepicker.single .ranges,
	.daterangepicker.single .drp-calendar {
		float: left;
	}

	.daterangepicker {
		direction: ltr;
		text-align: left;
	}

	.daterangepicker .drp-calendar.left {
		clear: left;
		margin-right: 0;
	}

	.daterangepicker .drp-calendar.left .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.daterangepicker .drp-calendar.right {
		margin-left: 0;
	}

	.daterangepicker .drp-calendar.right .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.daterangepicker .drp-calendar.left .calendar-table {
		padding-right: 8px;
	}

	.daterangepicker .ranges,
	.daterangepicker .drp-calendar {
		float: left;
	}
}
@media (min-width: 730px) {
	.daterangepicker .ranges {
		width: auto;
	}

	.daterangepicker .ranges {
		float: left;
	}

	.daterangepicker.rtl .ranges {
		float: right;
	}

	.daterangepicker .drp-calendar.left {
		clear: none !important;
	}
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  user-select: none;
}
.chosen-container * {
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.3c26a355e7c86f9e.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('chosen-sprite.3c26a355e7c86f9e.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.3c26a355e7c86f9e.png') no-repeat 100% -20px;
  background: url('chosen-sprite.3c26a355e7c86f9e.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.3c26a355e7c86f9e.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen-sprite.3c26a355e7c86f9e.png') no-repeat -30px -20px;
  background: url('chosen-sprite.3c26a355e7c86f9e.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  float: left;
  width: 100px;
  height: 100px;
  cursor: crosshair;
  background-image: url('saturation.2e5ca867f0677193.png');
}
.colorpicker-saturation i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 -4px;
  border: 1px solid #000;
  border-radius: 5px;
}
.colorpicker-saturation i b {
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  float: left;
  width: 15px;
  height: 100px;
  margin-bottom: 4px;
  margin-left: 4px;
  cursor: row-resize;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #000;
  border-top: 1px solid #fff;
}
.colorpicker-hue {
  background-image: url('hue.65a6b8bbee2578f3.png');
}
.colorpicker-alpha {
  display: none;
  background-image: url('alpha.bd64686d9a1a0d77.png');
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 2500;
  min-width: 130px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  *zoom: 1;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  line-height: 0;
  content: "";
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.colorpicker:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url('alpha.bd64686d9a1a0d77.png');
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}
.colorpicker-selectors i {
  float: left;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.colorpicker-selectors i + i {
  margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  cursor: pointer;
}
.colorpicker.colorpicker-inline {
  position: relative;
  z-index: auto;
  display: inline-block;
  float: none;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  height: auto;
  min-width: 110px;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  float: left;
  width: 100px;
  height: 15px;
  margin-bottom: 4px;
  margin-left: 0;
  cursor: col-resize;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  margin-top: 0;
  background: #ffffff;
  border: none;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url('hue-horizontal.e534d768932d3f70.png');
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url('alpha-horizontal.f32f3370ac510405.png');
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  right: 6px;
  left: auto;
}
.colorpicker-right:after {
  right: 7px;
  left: auto;
}
.colorpickerplus {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: 185px;
    max-height: 300px;
    z-index: 2499;
}
.colorpickerplus-dropdown .dropdown-menu {
    width: 185px;
}
.colorpickerplus-container div {
    position: relative;
}
.colorpickerplus-container {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: auto;
    padding: 10px;
}
.colorpickerplus-container .colorpickerplus-colors-row, .colorpickerplus .colorpickerplus-custom-colors, .colorpickerplus .colorpickerplus-primary-colors {
        overflow: hidden;
        width: 100%;
    }
.colorpickerplus-container .colorpickerplus-custom-colors {
        margin-bottom: 10px;
    }
.colorpickerplus-container .colorpickerplus-primary-colors {
    }
.colorpickerplus-container .colorcell, .colorpickerplus-container .nonecell {
        width: 16px;
        height: 16px;
        margin: 0;
        padding: 0;
        float: left;
        border: 1px solid #eee;
    }
.colorpickerplus-container .colorpickerplus-custom-colors .colorcell {
        border: 1px solid #ddd;
    }
.colorpickerplus-container .colorpickerplus-custom-colors .selected {
        border: 1px solid #000;
    }
.colorpickerplus-container .colorcell:hover, .colorpickerplus-container .selected {
        border: 1px solid #000;
    }
.colorpickerplus-container .color-by-layer {
        margin: 5px 0;
        cursor: pointer;
        padding: 0;
        float: left;
        border: 1px solid #eee;
    }
.colorpickerplus-container .color-by-layer:hover {
            border: 1px solid #000;
        }
.checkbox label .toggle,
.checkbox-inline .toggle {
  margin-left: -20px;
  margin-right: 5px;
}
.toggle {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  overflow: hidden;
}
.toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.toggle.off .toggle-group {
  left: -100%;
}
.toggle-on {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  width: 0px;
  border-width: 0 1px;
}
.toggle.btn {
  min-width: 59px;
  min-height: 34px;
}
.toggle-on.btn {
  padding-right: 24px;
}
.toggle-off.btn {
  padding-left: 24px;
}
.toggle.btn-lg {
  min-width: 79px;
  min-height: 45px;
}
.toggle-on.btn-lg {
  padding-right: 31px;
}
.toggle-off.btn-lg {
  padding-left: 31px;
}
.toggle-handle.btn-lg {
  width: 40px;
}
.toggle.btn-sm {
  min-width: 50px;
  min-height: 30px;
}
.toggle-on.btn-sm {
  padding-right: 20px;
}
.toggle-off.btn-sm {
  padding-left: 20px;
}
.toggle.btn-xs {
  min-width: 35px;
  min-height: 22px;
}
.toggle-on.btn-xs {
  padding-right: 12px;
}
.toggle-off.btn-xs {
  padding-left: 12px;
}
.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px;
}
.choices:focus {
    outline: 0;
}
.choices:last-child {
    margin-bottom: 0;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
}
.choices.is-disabled .choices__item {
    cursor: not-allowed;
}
.choices [hidden] {
    display: none !important;
}
.choices[data-type*="select-one"] {
    cursor: pointer;
}
.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px;
}
.choices[data-type*="select-one"] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
}
.choices[data-type*="select-one"] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.5;
}
.choices[data-type*="select-one"] .choices__button:focus,
.choices[data-type*="select-one"] .choices__button:hover {
    opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button {
    display: none;
}
.choices[data-type*="select-one"]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}
.choices[data-type*="select-one"].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px;
}
.choices[data-type*="select-one"][dir="rtl"]:after {
    left: 11.5px;
    right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
}
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
    cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
}
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover {
    opacity: 1;
}
.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
}
.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7;
}
.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
}
[dir="rtl"] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
}
.choices__list--single .choices__item {
    width: 100%;
}
.choices__list--multiple {
    display: inline;
}
.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1;
}
.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191;
}
.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
}
.choices__list--dropdown.is-active {
    visibility: visible;
}
.is-open .choices__list--dropdown {
    border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}
.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
}
[dir="rtl"] .choices__list--dropdown .choices__item {
    text-align: right;
}
@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px;
    }
    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px;
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px;
    }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: 0.5;
}
.choices__item {
    cursor: default;
}
.choices__item--selectable {
    cursor: pointer;
}
.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: 0.5;
}
.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
}
.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.choices__button:focus,
.choices__input:focus {
    outline: 0;
}
.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
}
[dir="rtl"] .choices__input {
    padding-right: 2px;
    padding-left: 0;
}
.choices__placeholder {
    opacity: 0.5;
}
dialog {
    position: absolute;
    left: 0;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    border: solid;
    padding: 1em;
    background: #fff;
    color: #000;
    display: block;
}
dialog:not([open]) {
    display: none;
}
dialog + .backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}
._dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
dialog.fixed {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
}
.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.gu-hide {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.formio-loader {
    position: relative;
    min-height: 60px;
}
.loader-wrapper {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 120px;
    background-color: rgba(0, 0, 0, 0);
}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 10000;
    display: inline-block;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.formio-form {
    position: relative;
    min-height: 80px;
}
.formio-error-wrapper,
.formio-warning-wrapper {
    padding: 1em;
}
.formio-error-wrapper {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.formio-warning-wrapper {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.formio-disabled-input .form-control.flatpickr-input {
    background-color: #eee;
}
.builder-component.has-error .invalid-feedback,
.formio-component.alert-danger .invalid-feedback,
.formio-component.has-error .invalid-feedback,
.formio-component.has-message .invalid-feedback {
    display: block;
    color: inherit;
    margin-top: 4px;
}
.formio-errors .error {
    color: #dc3545;
}
.formio-errors .warning {
    color: #856404;
}
.formio-errors .info {
    color: #004085;
}
.formio-wysiwyg-editor {
    min-height: 200px;
    background-color: #fff;
}
.has-feedback .form-control {
    padding-right: 10px;
}
.has-feedback .form-control[type="hidden"] {
    padding-right: 0;
}
.has-error.bg-danger {
    padding: 4px;
}
.ql-source:after {
    content: "[source]";
    white-space: nowrap;
}
.quill-source-code {
    width: 100%;
    margin: 0;
    background: #1d1d1d;
    box-sizing: border-box;
    color: #ccc;
    font-size: 15px;
    outline: 0;
    padding: 20px;
    line-height: 24px;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    position: absolute;
    top: 0;
    bottom: 0;
    border: none;
    display: none;
}
.formio-component-tags tags {
    background-color: #fff;
}
.field-required:after,
.tab-error::after {
    content: " *";
    color: red;
}
.field-required:after {
    position: relative;
    z-index: 10;
}
.glyphicon-spin {
    animation: formio-spin 1s infinite linear;
}
@keyframes formio-spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.button-icon-right {
    margin-left: 5px;
}
.formio-component-submit .submit-success::after {
    content: "✓";
    position: relative;
    right: -4px;
    top: 1px;
    line-height: 1;
}
.formio-component-submit .submit-fail::after {
    content: "✗";
    position: relative;
    right: -4px;
    top: 1px;
    line-height: 1;
}
.formio-component-submit .submit-fail[disabled] {
    opacity: 1;
}
.form-control.flatpickr-input {
    background-color: #fff;
}
td > .form-group {
    margin-bottom: 0;
}
.signature-pad-body {
    overflow: hidden;
    position: relative;
}
.signature-pad-canvas {
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    border: 1px solid #f4f4f4;
}
.btn.signature-pad-refresh {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    padding: 3px;
    line-height: 0;
}
[dir="rtl"] .btn.signature-pad-refresh {
    left: unset;
    right: 0;
}
.formio-component-multiple .choices__input {
    width: 100%;
}
.choices__list--dropdown .choices__item--selectable {
    padding-right: 0;
}
.signature-pad-refresh img {
    height: 1.2em;
}
.signature-pad-footer {
    text-align: center;
    color: #c3c3c3;
}
.choices__list--dropdown {
    z-index: 100;
}
.choices__list--multiple .choices__item {
    border-radius: 0;
    padding: 2px 8px;
    line-height: 1em;
    margin-bottom: 6px;
}
.choices__list--single {
    padding: 0;
}
.choices__item.choices__item--selectable {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 25px;
    text-overflow: ellipsis;
}
.choices__input {
    padding: 2px;
}
.choices[dir="rtl"] > * {
    text-align: right;
}
.choices[dir="rtl"] .choices__list--multiple .choices__item[data-deletable] {
    padding-left: 5px;
    float: right;
}
.choices[dir="rtl"] .choices__list--multiple .choices__item[data-deletable] .choices__button {
    float: left;
    margin: 0 8px 0 -4px;
    padding-left: unset;
    padding-right: 16px;
    border-left: unset;
    border-right: 1px solid #008fa1;
    overflow: hidden;
}
.formio-component-file .fileSelector {
    position: relative;
    padding: 15px;
    border: 2px dashed #ddd;
    text-align: center;
}
.formio-component-file .fileSelector .loader-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.formio-component-file .fileSelector .loader-wrapper .loader {
    height: 45px;
    width: 45px;
    margin-top: -23px;
    margin-left: -23px;
}
.formio-component-file .fileSelector.fileDragOver {
    border-color: #127abe;
}
.formio-component-file .fileSelector .fa,
.formio-component-file .fileSelector .glyphicon {
    font-size: 20px;
    margin-right: 5px;
}
[dir="rtl"] .formio-component-file .fileSelector .fa,
[dir="rtl"] .formio-component-file .fileSelector .glyphicon {
    margin-right: unset;
    margin-left: 5px;
}
.formio-component-file .fileSelector .browse {
    cursor: pointer;
}
@keyframes formio-dialog-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes formio-dialog-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.formio-dialog {
    box-sizing: border-box;
    font-size: 0.8em;
    color: #666;
}
.formio-dialog.formio-modaledit-dialog {
    font-size: inherit;
}
.formio-dialog *,
.formio-dialog :after,
.formio-dialog :before {
    box-sizing: inherit;
}
.formio-dialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    animation: formio-dialog-fadein 0.5s;
}
.formio-dialog.formio-dialog-disabled-animation,
.formio-dialog.formio-dialog-disabled-animation .formio-dialog-content,
.formio-dialog.formio-dialog-disabled-animation .formio-dialog-overlay {
    animation: none !important;
}
.formio-dialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    animation: formio-dialog-fadein 0.5s;
    margin-right: 15px;
    background: 0 0;
}
.formio-dialog-no-overlay {
    pointer-events: none;
}
.formio-dialog.formio-dialog-closing .formio-dialog-overlay {
    -webkit-backface-visibility: hidden;
    animation: formio-dialog-fadeout 0.5s;
}
.formio-dialog-content {
    background: #fff;
    -webkit-backface-visibility: hidden;
    animation: formio-dialog-fadein 0.5s;
    pointer-events: all;
    overflow: auto;
}
.formio-component-modal-wrapper-select .formio-dialog-content {
    overflow: initial;
}
.formio-dialog.formio-dialog-closing .formio-dialog-content {
    -webkit-backface-visibility: hidden;
    animation: formio-dialog-fadeout 0.5s;
}
.formio-dialog-close:before {
    font-family: Helvetica, Arial, sans-serif;
    content: "×";
    cursor: pointer;
}
body.formio-dialog-open,
html.formio-dialog-open {
    overflow: hidden;
}
.formio-dialog .tab-content {
    padding-top: 12px;
}
.formio-dialog-close {
    z-index: 1000;
}
@keyframes formio-dialog-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes formio-dialog-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
    }
}
.formio-dialog.formio-dialog-theme-default {
    padding-bottom: 160px;
    padding-top: 160px;
}
.formio-dialog.formio-dialog-theme-default.formio-dialog-closing .formio-dialog-content {
    animation: formio-dialog-flyout 0.5s;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-content {
    animation: formio-dialog-flyin 0.5s;
    background: #f0f0f0;
    border-radius: 5px;
    font-family: Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 80%;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-close {
    border: none;
    background: 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.formio-clickable {
    cursor: pointer;
}
.component-settings .nav > li > a {
    padding: 8px 10px;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-close:before {
    display: block;
    padding: 3px;
    background: 0 0;
    color: #bbb;
    content: "×";
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-close:active:before,
.formio-dialog.formio-dialog-theme-default .formio-dialog-close:hover:before {
    color: #777;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-message {
    margin-bottom: 0.5em;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-input {
    margin-bottom: 1em;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="email"],
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="password"],
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="text"],
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="url"],
.formio-dialog.formio-dialog-theme-default .formio-dialog-input textarea {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 0.25em;
    min-height: 2.5em;
    padding: 0.25em 0.67em;
    width: 100%;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="email"]:focus,
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="password"]:focus,
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="text"]:focus,
.formio-dialog.formio-dialog-theme-default .formio-dialog-input input[type="url"]:focus,
.formio-dialog.formio-dialog-theme-default .formio-dialog-input textarea:focus {
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: 0;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-buttons {
    *zoom: 1;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-buttons:after {
    content: "";
    display: table;
    clear: both;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    line-height: 1em;
    margin: 0 0 0 0.5em;
    padding: 0.75em 2em;
    text-transform: uppercase;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-button:focus {
    animation: formio-dialog-pulse 1.1s infinite;
    outline: 0;
}
@media (max-width: 568px) {
    .formio-dialog.formio-dialog-theme-default .formio-dialog-button:focus {
        animation: none;
    }
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-button.formio-dialog-button-primary {
    background: #3288e6;
    color: #fff;
}
.formio-dialog.formio-dialog-theme-default .formio-dialog-button.formio-dialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}
.formio-dialog-content .panel {
    margin: 0;
}
.formio-placeholder {
    position: absolute;
    color: #999;
}
.formio-dialog .formio-dialog-close {
    cursor: pointer;
}
.formio-iframe {
    border: none;
    width: 100%;
    height: 1000px;
}
.inline-form-button {
    margin-right: 10px;
}
.tooltip {
    opacity: 1;
}
.tooltip[x-placement="right"] .tooltip-arrow {
    border-right: 5px solid #000;
}
.tooltip[x-placement="right"] .tooltip-inner {
    margin-left: 8px;
}
.control-label--bottom {
    margin-bottom: 0;
    margin-top: 5px;
}
.formio-component-label-hidden {
    position: relative;
}
.formio-hidden {
    margin: 0;
}
.control-label--hidden {
    position: absolute;
    top: 6px;
    right: 5px;
    font-size: 1.5em;
}
.formio-component-datetime .control-label--hidden.field-required {
    right: 45px;
    z-index: 3;
}
.formio-component-selectboxes .control-label--hidden.field-required,
.formio-component-survey .control-label--hidden.field-required {
    top: 0;
}
.formio-component-resource .control-label--hidden.field-required,
.formio-component-select .control-label--hidden.field-required {
    right: 40px;
    z-index: 2;
}
.formio-component-datasource,
.formio-component-hidden:not(.formio-component-checkbox) {
    margin-bottom: 0;
}
.checkbox-inline label,
.radio-inline label {
    font-weight: 400;
    cursor: pointer;
}
.editgrid-listgroup {
    margin-bottom: 10px;
}
.tree-listgroup {
    flex-direction: row;
}
.formio-component-submit button[disabled] + .has-error {
    display: block;
}
.formio-choices.form-group {
    margin-bottom: 0;
}
.formio-choices[data-type="select-multiple"] .form-control {
    height: auto;
}
.form-control.formio-multiple-mask-select {
    width: 15%;
    z-index: 4;
}
.form-control.formio-multiple-mask-input {
    width: 85%;
}
.input-group.formio-multiple-mask-container {
    width: 100%;
}
.formio-component .table {
    margin-bottom: 0;
}
.formio-hide-label-panel-tooltip {
    margin-top: -10px;
    margin-left: -10px;
}
.is-disabled .choices__list--multiple .choices__item {
    padding: 5px 10px;
}
.is-disabled .choices__list--multiple .choices__item .choices__button {
    display: none;
}
.formio-collapse-icon {
    cursor: pointer;
    margin-right: 4px;
}
[dir="rtl"] .formio-collapse-icon {
    margin-right: unset;
    margin-left: 4px;
}
.formio-component-dateTime .form-control[type="datetime-local"] ~ .input-group-addon,
.formio-component-datetime .form-control[type="datetime-local"] ~ .input-group-addon {
    width: auto;
}
.formio-component-datagrid .formio-datagrid-remove {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear, visibility 0s 0.2s;
}
.formio-component-datagrid .datagrid-table > tbody > tr > td:last-child {
    position: relative;
}
.formio-component-datagrid .datagrid-table > tbody > tr:hover > td:last-child .formio-datagrid-remove {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s linear;
}
.formio-component-modaledit .formio-modaledit-view-container {
    position: relative;
    border: 1px solid #ddd;
    min-height: 34px;
    padding: 6px 12px;
    cursor: text;
}
td .formio-component-modaledit .formio-modaledit-view-container {
    padding: 0;
    border-style: none;
}
.formio-component-modaledit .formio-modaledit-edit {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear, visibility 0s 0.2s;
}
.formio-component-modaledit .formio-modaledit-view-container:hover .formio-modaledit-edit {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s linear;
}
.formio-modaledit-dialog .formio-modaledit-close {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 0;
}
.reset-margins a,
.reset-margins abbr,
.reset-margins acronym,
.reset-margins address,
.reset-margins applet,
.reset-margins article,
.reset-margins aside,
.reset-margins audio,
.reset-margins b,
.reset-margins big,
.reset-margins blockquote,
.reset-margins body,
.reset-margins canvas,
.reset-margins caption,
.reset-margins center,
.reset-margins cite,
.reset-margins code,
.reset-margins dd,
.reset-margins del,
.reset-margins details,
.reset-margins dfn,
.reset-margins div,
.reset-margins dl,
.reset-margins dt,
.reset-margins em,
.reset-margins embed,
.reset-margins fieldset,
.reset-margins figcaption,
.reset-margins figure,
.reset-margins footer,
.reset-margins form,
.reset-margins h1,
.reset-margins h2,
.reset-margins h3,
.reset-margins h4,
.reset-margins h5,
.reset-margins h6,
.reset-margins header,
.reset-margins hgroup,
.reset-margins html,
.reset-margins i,
.reset-margins iframe,
.reset-margins img,
.reset-margins ins,
.reset-margins kbd,
.reset-margins label,
.reset-margins legend,
.reset-margins li,
.reset-margins mark,
.reset-margins menu,
.reset-margins nav,
.reset-margins object,
.reset-margins ol,
.reset-margins output,
.reset-margins p,
.reset-margins pre,
.reset-margins q,
.reset-margins ruby,
.reset-margins s,
.reset-margins samp,
.reset-margins section,
.reset-margins small,
.reset-margins span,
.reset-margins strike,
.reset-margins strong,
.reset-margins sub,
.reset-margins summary,
.reset-margins sup,
.reset-margins table,
.reset-margins tbody,
.reset-margins td,
.reset-margins tfoot,
.reset-margins th,
.reset-margins thead,
.reset-margins time,
.reset-margins tr,
.reset-margins tt,
.reset-margins u,
.reset-margins ul,
.reset-margins var,
.reset-margins video {
    margin: 0;
}
.ck-body .ck.ck-balloon-panel {
    z-index: 101000;
}
.formio-component-select select[disabled="disabled"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}
.formio-component-select .choices.is-disabled[data-type*="select-one"]:after,
.formio-component-select div[disabled="disabled"] button {
    display: none;
}
.datagrid-group-label.collapsed > td {
    display: none;
}
.datagrid-group-header.clickable {
    cursor: pointer;
}
.datagrid-group-header.clickable .datagrid-group-label:before {
    display: inline-block;
    vertical-align: middle;
    content: "▾";
    margin: 0 5px;
}
.datagrid-group-header.clickable.collapsed .datagrid-group-label:before {
    content: "▸";
}
.formio-component.alert-danger .help-block,
.formio-component.alert-warning .help-block {
    color: inherit;
}
.tree__level_even {
    background-color: #f6f6f6;
}
.tree__node-content {
    margin-bottom: 10px;
}
.tree__node-children {
    margin: 0;
}
.formio-select-autocomplete-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.has-error > .help-block {
    margin-top: 5px;
    margin-bottom: 10px;
}
.no-top-border-table > .table > tbody > tr:first-child > td {
    border-top: none;
}
.table > tbody > tr > td.cell-align-left {
    text-align: left;
}
.table > tbody > tr > td.cell-align-center {
    text-align: center;
}
.table > tbody > tr > td.cell-align-center > div {
    margin-left: auto;
    margin-right: auto;
}
.table > tbody > tr > td.cell-align-right {
    text-align: right;
}
.table > tbody > tr > td.cell-align-right > div {
    margin-left: auto;
}
.table-responsive[ref="component"] {
    overflow-x: visible;
}
.formio-component-textarea .alert .ck-editor__editable {
    color: inherit;
}
.formio-component-textarea .ck.ck-editor__editable .image .ck-progress-bar {
    height: 4px;
}
div[data-oembed-url] {
    width: 100%;
}
.checkbox label.label-position-bottom,
.checkbox label.label-position-left,
.checkbox label.label-position-top,
.radio label.label-position-bottom,
.radio label.label-position-left,
.radio label.label-position-top {
    padding-left: 0;
}
.checkbox label.label-position-bottom span,
.checkbox label.label-position-top span,
.radio label.label-position-bottom span,
.radio label.label-position-top span {
    display: block;
}
.checkbox label.label-position-bottom input[type="checkbox"],
.checkbox label.label-position-top input[type="checkbox"],
.radio label.label-position-bottom input[type="radio"],
.radio label.label-position-top input[type="radio"] {
    position: relative;
    margin-left: 0;
}
.checkbox label.label-position-top input[type="checkbox"],
.radio label.label-position-top input[type="radio"] {
    margin-top: 4px;
}
.checkbox label.label-position-bottom input[type="checkbox"],
.radio label.label-position-bottom input[type="radio"] {
    margin-bottom: 8px;
}
.checkbox label.label-position-left input[type="checkbox"],
.radio label.label-position-left input[type="radio"] {
    margin-left: 10px;
}
.open-modal-button {
    width: 100%;
    text-align: left;
    white-space: normal;
    height: auto;
}
.formio-component-modal-wrapper-signature .open-modal-button {
    text-align: center;
    height: 100%;
    font-size: 1.4em;
    padding: 0;
    margin: 0;
}
.formio-component-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}
.formio-component-content .image > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}
.formio-component-content .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #333;
    background-color: #f7f7f7;
    padding: 0.6em;
    font-size: 0.75em;
    outline-offset: -1px;
}
.formio-component-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}
.formio-component-content .image.image_resized img {
    width: 100%;
}
.formio-component-content .image.image_resized > figcaption {
    display: block;
}
.formio-component-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}
.formio-component-content .image-style-align-center:not(.image_resized),
.formio-component-content .image-style-align-left:not(.image_resized),
.formio-component-content .image-style-align-right:not(.image_resized),
.formio-component-content .image-style-side:not(.image_resized) {
    max-width: 50%;
}
.formio-component-content .image-style-align-center:not(.image_resized),
.formio-component-content .image-style-align-left:not(.image_resized),
.formio-component-content .image-style-align-right:not(.image_resized),
.formio-component-content .image-style-side:not(.image_resized) {
    max-width: 50%;
}
.formio-component-content .image-style-align-center:not(.image_resized),
.formio-component-content .image-style-align-left:not(.image_resized),
.formio-component-content .image-style-align-right:not(.image_resized),
.formio-component-content .image-style-side:not(.image_resized) {
    max-width: 50%;
}
.formio-component-content .image-style-align-center:not(.image_resized),
.formio-component-content .image-style-align-left:not(.image_resized),
.formio-component-content .image-style-align-right:not(.image_resized),
.formio-component-content .image-style-side:not(.image_resized) {
    max-width: 50%;
}
.formio-component-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
.formio-component-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}
.formio-component-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
.formio-component-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
.formio-component-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px #ccc;
}
.formio-component-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px #ccc;
}
.formio-component-content .text-tiny {
    font-size: 0.7em;
}
.formio-component-content .text-small {
    font-size: 0.85em;
}
.formio-component-content .text-big {
    font-size: 1.4em;
}
.formio-component-content .text-huge {
    font-size: 1.8em;
}
.formio-component-address.formio-component-label-hidden > label.field-required {
    z-index: 1;
}
.formio-component-address.formio-component-label-hidden
    > label.field-required
    ~ .address-autocomplete-container
    .address-autocomplete-remove-value-icon {
    right: 20px;
}
.address-autocomplete-container {
    position: relative;
}
.address-autocomplete-container .address-autocomplete-remove-value-icon {
    cursor: pointer;
    position: absolute;
    margin-top: -9px;
    right: 10px;
    top: 50%;
}
.address-autocomplete-container .address-autocomplete-remove-value-icon--hidden {
    display: none;
}
.autocomplete {
    background: #fff;
    font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
    z-index: 11000;
}
.autocomplete > div {
    cursor: pointer;
    padding: 6px 10px;
}
.autocomplete > div.selected,
.autocomplete > div:hover:not(.group) {
    background: #1e90ff;
    color: #fff;
}
.field-wrapper {
    display: flex;
}
.field-wrapper--reverse {
    flex-direction: row-reverse;
}
.field-wrapper .field-label--right {
    text-align: right;
}
.formio-component-modal-wrapper {
    margin-bottom: 10px;
}
.formio-component-modal-wrapper .open-modal-button {
    height: auto;
}
.formio-component-modal-wrapper .component-rendering-hidden {
    visibility: hidden;
}
.formio-component-textarea div.formio-editor-read-only-content[ref="input"] {
    white-space: pre-wrap;
}
.formio-editor-read-only-content img {
    max-width: 100%;
}
.formio-editor-read-only-content li[data-list="bullet"] {
    list-style-type: none;
}
.formio-editor-read-only-content li[data-list="bullet"] .ql-ui {
    padding-right: 0.5rem;
}
.formio-editor-read-only-content li[data-list="bullet"] .ql-ui::before {
    content: "•";
}
.formio-editor-read-only-content li[data-list="ordered"] {
    list-style-type: none;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}
.formio-editor-read-only-content li[data-list="ordered"] .ql-ui {
    padding-right: 0.5rem;
}
.formio-editor-read-only-content li[data-list="ordered"] .ql-ui::before {
    content: counter(list-0, decimal) ". ";
}
.formio-editor-read-only-content figure.table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3;
}
.formio-editor-read-only-content figure.table table td,
.formio-editor-read-only-content figure.table table th {
    min-width: 2em;
    padding: 0.4em;
    border: 1px solid #bfbfbf;
}
.formio-component-password .pull-right:not(:last-child),
.formio-component-textarea .pull-right:not(:last-child),
.formio-component-textfield .pull-right:not(:last-child) {
    padding-left: 12px;
}
.formio-form > div > nav > ul.pagination {
    flex-flow: wrap row;
}
.formio-form > div > nav > ul.pagination .page-link {
    cursor: pointer;
}
.pac-container {
    z-index: 11000;
}
[ref="buttonMessageContainer"].has-error {
    cursor: pointer;
}
.formio-component-textarea .formio-editor-read-only-content .text-big {
    font-size: 1.4em;
}
.formio-component-textarea .formio-editor-read-only-content .text-huge {
    font-size: 1.8em;
}
.formio-component-textarea .formio-editor-read-only-content .text-small {
    font-size: 0.85em;
}
.formio-component-textarea .formio-editor-read-only-content .text-tiny {
    font-size: 0.7em;
}
.formbuilder {
    position: relative;
}
.drag-container {
    padding: 10px;
    border: dotted 2px #e8e8e8;
}
.drag-container:hover {
    cursor: move;
    border: dotted 2px #ccc;
}
.drag-container.formio-builder-form,
.drag-container.formio-builder-form:hover,
.panel-body > .drag-container.formio-builder-components,
.panel-body > .drag-container.formio-builder-components:hover,
.tab-pane > .drag-container.formio-builder-components,
.tab-pane > .drag-container.formio-builder-components:hover {
    padding: 0 0 1rem 0;
    border: none;
}
.component-btn-group {
    position: absolute;
    right: 0;
    z-index: 1000;
    margin-top: -2px;
}
.builder-component {
    position: relative;
    min-height: 15px;
}
.builder-component .formio-component-htmlelement {
    border: dotted 2px #e8e8e8;
}
.builder-component .formio-component-htmlelement [ref="html"]:empty:before {
    content: "HTML Content";
    color: #aaa;
}
.builder-component:not(:hover) .component-btn-group {
    display: none;
}
.builder-group-button {
    background-color: transparent;
    white-space: normal;
    text-align: left;
}
.form-builder-group-header {
    padding: 0;
}
.component-btn-group .component-settings-button {
    float: right;
    z-index: 1001;
    margin: 4px 4px 0 0;
    z-index: 1001;
    box-shadow: 0 0 10px 1px rgba(48, 113, 169, 0.6);
}
.formbuilder .formio-component-content,
.formbuilder .formio-component-datasource,
.formbuilder .formio-component-form,
.formbuilder .formio-component-hidden {
    border: 2px dashed #ddd;
}
.formbuilder .formio-component-datasource,
.formbuilder .formio-component-form,
.formbuilder .formio-component-hidden {
    height: 3em;
    text-align: center;
    color: #aaa;
    padding-top: 0.5em;
}
.btn-group-xxs > .btn,
.btn-xxs,
.component-btn-group .component-settings-button {
    padding: 2px 2px;
    font-size: 10px;
    line-height: 1.2em;
    border-radius: 0;
    width: 18px;
    height: 18px;
}
.formcomponents .formcomponent {
    text-align: left;
    padding: 5px 5px 5px 8px;
    margin-top: 0.2rem;
    font-size: 0.8em;
    line-height: 1.2;
    border-radius: 0.3em;
}
.form-builder-panel .panel-body {
    padding: 5px;
}
.formio-component-tabs .ui.tabular.menu .item {
    padding: 0.8em;
}
.formio-pdf-builder {
    position: relative;
}
.formio-drop-zone {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #0d87e9;
    opacity: 0.1;
}
.formio-drop-zone.enabled {
    display: inherit;
}
.component-settings .formio-dialog-content {
    max-height: 100%;
}
.component-btn-group .btn.component-settings-button-paste {
    display: none;
}
.builder-paste-mode .component-settings-button-paste {
    display: inherit !important;
}
.wizard-page-label {
    cursor: pointer;
    border-radius: 0;
}
.panel-body .drag-and-drop-alert {
    margin-bottom: 0;
}
.builder-sidebar_scroll {
    position: sticky;
    top: 15px;
}
.builder-sidebar_search {
    margin-bottom: 10px;
    -webkit-appearance: auto;
            appearance: auto;
}
.formio-wizard-builder-component-title {
    color: #6c757d;
    text-align: center;
    padding: 0.5rem;
}
.formio-wizard-position {
    position: relative;
}
.formio-settings-help {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    margin-top: 10px;
}
.help-block {
    margin: 0;
}
.builder-sidebar .btn {
    white-space: normal;
}
.component-settings {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.component-edit-container {
    height: auto;
    overflow: hidden;
}
.component-edit-content {
    height: calc(100% - 4em);
}
.component-edit-tabs.col-sm-6 {
    height: 100%;
    overflow-y: auto;
}
.component-edit-tabs.col-sm-12 {
    height: calc(100% - 4em);
    overflow-y: auto;
}
.component-edit-tabs.col-sm-12 .editForm {
    height: calc(100% - 4em);
    overflow-y: auto;
}
.progress.pdf-progress {
    height: 2rem;
}
.progress.pdf-progress .progress-bar {
    font-size: 1rem;
    line-height: 2rem;
}
.builder-sidebar.disabled .formcomponent {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}
.cssload-piano {
    width: 20px;
    height: 2px;
    font-size: 6px;
    margin-top: 3px;
}
.cssload-piano > div {
        height: 100%;
        width: 100%;
        display: block;
        margin-bottom: 0.6em;
        animation: stretchdelay 1.38s infinite ease-in-out;
        -o-animation: stretchdelay 1.38s infinite ease-in-out;
        -ms-animation: stretchdelay 1.38s infinite ease-in-out;
        -webkit-animation: stretchdelay 1.38s infinite ease-in-out;
        -moz-animation: stretchdelay 1.38s infinite ease-in-out;
    }
.cssload-piano .cssload-rect2 {
        animation-delay: -1.15s;
        -o-animation-delay: -1.15s;
        -ms-animation-delay: -1.15s;
        -webkit-animation-delay: -1.15s;
        -moz-animation-delay: -1.15s;
    }
.cssload-piano .cssload-rect3 {
        animation-delay: -0.92s;
        -o-animation-delay: -0.92s;
        -ms-animation-delay: -0.92s;
        -webkit-animation-delay: -0.92s;
        -moz-animation-delay: -0.92s;
    }
@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleX(0.8);
        background-color: rgb(157,157,157);
        box-shadow: 0 0 0 rgba(157,157,157,0.1);
    }

    20% {
        transform: scaleX(1);
        background-color: rgb(0,177,146);
        box-shadow: 0 3px 3px rgba(10,10,10,0.4);
    }
}
.loader-circle {
    margin: auto;
    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 9px solid #000000;
    width: 64px;
    height: 64px;
    animation: spin 800ms linear infinite;
}
.loader-circle-small {
    margin: auto;
    border: 9px solid #f3f3f3;
    border-radius: 50%;
    border-top: 9px solid #000000;
    width: 37px;
    height: 37px;
    animation: spin 1s linear infinite;
}
.loader-circle-xs {
    margin: auto;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #000000;
    width: 16px;
    height: 16px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.margin-auto {
    margin: auto;
}
.margin-zero,
.margin-0 {
    margin: 0;
}
.margin-1 {
    margin: 1px;
}
.margin-5 {
	margin: 5px !important;
}
.margin-10 {
    margin: 10px;
}
.top-2 {
    margin-top: -2px;
}
.top2 {
    margin-top: 2px;
}
.top0 {
    margin-top: 0px !important;
}
.top1 {
    margin-top: 1px;
}
.top5 {
    margin-top: 5px;
}
.top10 {
    margin-top: 10px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.top30 {
    margin-top: 30px;
}
.top40 {
    margin-top: 40px;
}
.top50 {
    margin-top: 50px;
}
.top60 {
    margin-top: 60px;
}
.top110 {
    margin-top: 110px;
}
.top150 {
    margin-top: 150px;
}
.bottom0 {
    margin-bottom: 0px !important;
}
.bottom2 {
    margin-bottom: 2px;
}
.bottom5 {
    margin-bottom: 5px;
}
.bottom10 {
    margin-bottom: 10px;
}
.bottom15 {
    margin-bottom: 15px;
}
.bottom20 {
    margin-bottom: 20px;
}
.bottom30 {
    margin-bottom: 30px;
}
.bottom35 {
    margin-bottom: 35px;
}
.bottom40 {
    margin-bottom: 40px;
}
.bottom45 {
    margin-bottom: 45px;
}
.bottom50 {
    margin-bottom: 50px;
}
.bottom60 {
    margin-bottom: 60px;
}
.bottom100 {
    margin-bottom: 100px;
}
.left5 {
    margin-left: 5px;
}
.left10 {
    margin-left: 10px;
}
.left15 {
    margin-left: 15px;
}
.left20 {
    margin-left: 20px;
}
.left30 {
    margin-left: 30px;
}
.left40 {
    margin-left: 40px;
}
.left50 {
    margin-left: 50px;
}
.left60 {
    margin-left: 60px;
}
.left100{
    margin-left: 100px;
}
.right5 {
    margin-right: 5px;
}
.right10 {
    margin-right: 10px;
}
.right15 {
    margin-right: 15px;
}
.right20 {
    margin-right: 20px;
}
.right30 {
    margin-right: 30px;
}
.right40 {
    margin-right: 40px;
}
.right50 {
    margin-right: 50px;
}
.right60 {
    margin-right: 60px;
}
.right70 {
    margin-right: 70px;
}
.border-gray {
    outline: 1px solid gray;
}
.padding-0 {
    padding: 0;
}
.padding-1 {
    padding: 1px;
}
.padding-right-5 {
    padding-right: 5px !important;
}
.padding-top-2 {
    padding-top: 2px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-5 {
    padding-top: 5px !important;
}
.padding-left-4 {
    padding-left: 4px !important;
}
.padding-left-10 {
    padding-left: 10px !important;
}
.padding-left-5 {
    padding-left: 5px !important;
}
.padding-left-50 {
    padding-left: 50px !important;
}
.padding-10 {
    padding: 10px;
}
.padding-25 {
    padding: 25px;
}
.padding-15 {
    padding: 15px;
}
.fill {
    height: 100%;
    min-height: 100%;
}
.vcenter {
    vertical-align: middle !important;
    text-align: center !important;
}
.valign-top {
    vertical-align: top !important;
}
.valign-mid {
    vertical-align: middle !important;
}
.font-size-40 {
    font-size: 40px;
}
.font-size-30 {
    font-size: 30px;
}
.font-size-20 {
    font-size: 20px;
}
.font-size-26 {
    font-size: 26px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-14 {
    font-size: 14px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-11 {
    font-size: 11px;
}
.font-size-10 {
    font-size: 10px;
}
.text-underline {
    text-decoration: underline;
}
.font-bold {
    font-weight: bold;
}
.font-normal {
    font-weight: normal;
}
.font-weight-300 {
    font-weight: 300;
}
.min-height-30 {
    min-height: 30px;
}
.min-height-50 {
    min-height: 50px;
}
.min-height-60 {
    min-height: 60px;
}
.min-height-100 {
    min-height: 100px;
}
.min-height-200 {
    min-height: 200px;
}
.min-height-300 {
    min-height: 400px;
}
.min-height-400 {
    min-height: 400px;
}
.min-width-50 {
    min-width: 50px;
}
.min-width-70 {
    min-width: 70px;
}
.min-width-80 {
    min-width: 80px;
}
.min-width-100 {
    min-width: 100px;
}
.min-width-150 {
    min-width: 150px;
}
.min-width-200 {
    min-width: 200px;
}
.min-width-300 {
    min-width: 300px;
}
.min-width-400 {
    min-width: 400px;
}
.min-width-500 {
    min-width: 500px;
}
.min-width-550 {
    min-width: 550px;
}
.min-width-600 {
    min-width: 600px;
}
.min-width-700 {
    min-width: 700px;
}
.min-width-800 {
    min-width: 800px;
}
.min-width-900 {
    min-width: 900px;
}
.min-width-1000 {
    min-width: 1000px;
}
.min-width-1100 {
    min-width: 1100px;
}
.min-width-1200 {
    min-width: 1200px;
}
.height-18 {
    height: 18px;
}
.height-30 {
    height: 30px;
}
.height-32
{
    height: 32px;
}
.height-34
{
    height: 34px;
}
.height-64 {
  height: 64px;
}
.height-100 {
    height: 100px;
}
.height-150 {
  height: 150px;
}
.height-200 {
    height: 200px;
}
.height-250 {
    height: 250px !important;
}
.height-300 {
    height: 300px;
}
.height-400 {
    height: 400px;
}
.width-70vw {
    width: 70vw;
}
.width-30 {
    width: 30px;
}
.width-32 {
    width: 32px;
}
.width-35 {
    width: 35px;
}
.width-40 {
    width: 40px;
}
.width-50 {
    width: 50px;
}
.width-60 {
    width: 60px;
}
.width-70 {
    width: 70px !important;
}
.width-80 {
    width: 80px !important;
}
.width-85 {
    width: 85px !important;
}
.width-90 {
    width: 90px !important;
}
.width-100 {
    width: 100px !important;
}
.width-110 {
    width: 110px !important;
}
.width-120 {
    width: 120px !important;
}
.width-130 {
    width: 130px !important;
}
.width-140 {
    width: 140px !important;
}
.width-150 {
    width: 150px !important;
}
.width-160 {
    width: 160px !important;
}
.width-180 {
    width: 180px !important;
}
.width-200 {
    width: 200px !important;
}
.width-250 {
    width: 250px;
}
.width-260 {
    width: 260px;
}
.width-300 {
    width: 300px;
}
.width-400 {
    width: 400px;
}
.width-500 {
    width: 500px;
}
.width-550 {
    width: 550px;
}
.width-600 {
    width: 600px;
}
.width-700 {
    width: 700px;
}
.width-800 {
    width: 800px;
}
.width-900 {
    width: 900px;
}
.width-1000 {
    width: 1000px;
}
.width-1100 {
    width: 1100px;
}
.width-1200 {
    width: 1200px;
}
.max-height-50vh {
    max-height: 50vh;
}
.max-height-100 {
    max-height: 100px;
}
.max-height-200 {
    max-height: 200px;
}
.max-height-300 {
    max-height: 300px;
}
.max-height-500 {
    max-height: 500px;
}
.min-height-50 {
    min-height: 50px;
}
.min-height-55 {
    min-height: 50px;
}
.min-height-55 {
    min-height: 55px;
}
.border-left0 {
    border-left: 0px !important;
}
.border-right0 {
    border-right: 0px !important;
}
.border-left {
    border-left: 1px solid #ddd;
}
.border-right {
    border-right: 1px solid #ddd;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.border-top {
    border-top: 1px solid #ddd;
}
.border-top-none {
    border-top: none !important;
}
.border-all {
    border: 1px solid #ddd;
}
.cursor-pointer,
.cursor-hand {
    cursor: pointer;
}
.cursor-default {
    cursor: default;
}
.inline-block {
    display: inline-block;
}
.display-block {
    display: block;
}
.display-table-cell {
    display: table-cell;
}
.display-table-cell-vmiddle {
    display: table-cell;
    vertical-align: middle;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
.float-none {
    float: none !important;
}
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}
.bg-white {
    background-color: white !important;
}
.bg-red {
    background-color: red !important;
}
.bg-red-light {
    background-color: #ff5757 !important;
}
.color-black {
    color: black !important;
}
.color-blue {
    color: blue !important;
}
.color-green {
    color: green !important;
}
.color-red {
    color: red !important;
}
.color-warning-red{
    color: #D92C21;
}
.color-orange {
    color: orange !important;
}
.color-gray {
    color: #9d9d9d;
}
.color-white {
    color: white;
}
.color-a {
    color: #23527c;
}
.color-primary-blue {
    color: #2188D9;
}
.border-radius-0 {
    border-radius: 0 !important;
}
.width-full {
    width: 100%;
}
.height-full {
    height: 100%;
}
.width-80p {
    width: 80%;
}
.width-90p {
    width: 90%;
}
.width-50p {
    width: 50%;
}
.max-width-50vw {
    max-width: 50vw;
}
.max-width-90vw {
    max-width: 90vw;
}
.max-width-100 {
    max-width: 100px;
}
.max-width-200 {
    max-width: 200px;
}
.max-width-300 {
    max-width: 300px;
}
.max-width-1000 {
    max-width: 1000px;
}
.vert-align-top {
    vertical-align: top;
}
.text-overflow
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.div-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.pre-line {
    white-space: pre-line;
}
.width-16 {
    width: 16px;
}
.width-20 {
    width: 20px;
}
.height-16 {
    height: 16px;
}
.word-break-all {
    word-break: break-all;
}
.no-wrap {
    white-space: nowrap;
}
.a-hover-without-line:hover {
    text-decoration: none;
}
.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex-row-align-none {
    display: flex;
    flex-direction: row;
}
.flex-row-align-baseline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.flex-row-align-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-column-align-none {
    display: flex;
    flex-direction: column;
}
.flex-space-between {
    justify-content: space-between;
}
.visibility-hidden {
    visibility: hidden;
}
.visibility-visible {
    visibility: visible;
}
.flex-start {
    justify-content: flex-start !important;
}
.flex-1{
    flex: 1;
}
.display-inline-flex {
    display: inline-flex !important;
}
.valign-bottom {
    vertical-align: text-bottom;
}
/*TODO: remove tracker-app or replace to  gotrax. Asset Traker is old name. */
html,
body {
  margin: 0;
  font-family: Roboto;
  overflow: hidden;
}
@media print {

  html,
  body {
    overflow: visible;
  }
}
input,
select {
  outline: none !important;
}
.loader-wrapper {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  padding-top: 33vh;
}
#tracker-app,
.tracker-mobile {
  padding: 0;
  margin: 0;
  height: 100%;
}
#tracker-app-main-container {
  height: 100%;
}
.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}
.v-center {
  vertical-align: middle !important;
}
.ng-hide,
.hide {
  visibility: hidden;
}
/*overwride geotab style*/
#tracker-app .row {
  display: block;
}
.tracker-app-map-container {
  position: absolute;
  top: 0;
  height: 100%;
}
#tracker-app .tracker-app-details-container {
  position: absolute;
  top: 10px;
}
.full-content-size {
  width: 100vw;
}
.rule-color {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.toggle-side-panel {
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  bottom: 16px;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Customize chosen plugin */
.chosen-container-multi .chosen-choices {
  border-radius: 2px;
}
.tracker-map-top-dialog {
  top: 60px;
  left: 50%;
  right: 50%;
  position: absolute;
}
.tracker-map-context-menu {
  position: absolute;
  top: 10px;
  left: 10px;
}
.map-req-address {
  position: absolute;
  left: 3px;
  bottom: 0px;
  background-color: rgb(247, 247, 247);
  padding: 3px;
  z-index: 100;
}
.navbar-left-part {
  position: absolute;
  left: 20px;
  top: 15px;
  display: flex;
  align-items: center;
}
#zenduone-widget {
  margin-right: 10px;
}
.brand-logo-mobile {
  margin-top: 10px;
}
.assets-toggle-view {
  position: absolute;
  right: 5px;
  font-size: 30px;
  color: white;
  display: inline-block;
  margin-top: 7px;
}
.navbar-main {
  width: calc(100vw - 530px);
  display: flex;
  justify-content: flex-start;
  margin-left: 250px;
}
.navbar-main>li {
  float: none;
  display: inline-block;
  padding-right: 14px;
}
.navbar-main>li a {
  height: 60px;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
}
.navbar-main>li>a>span {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
  margin-right: 24px;
}
.search-address {
  position: absolute;
  top: 10px;
  left: 20px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  width: 330px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}
.search-address>* {
  margin-right: 10px;
}
.search-address>ul {
  left: 0px !important;
  top: 40px !important;
}
#map-search-address {
  width: 100%;
  border: 0px !important;
  margin-right: 10px;

  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: rgba(6, 12, 27, 0.4) !important;
}
#map-search-address::placeholder {
  color: rgba(6, 12, 27, 0.4) !important;
}
.search-address>ul {
  width: 420px;
  background-color: white;
}
.search-address>ul>li>a {
  white-space: normal;
}
.map-types {
  position: absolute;
  top: 10px;
  right: 20px;
}
.map-layers {
  position: absolute;
  top: 50%;
  right: 20px;
}
.map-btn-layer {
  width: 32px;
  padding: 5px 0 !important;
}
.g-stop {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  min-width: 24px;
  height: 24px;
  background: #2188D9;
  border: 1px solid black;
  border-radius: 1px;
}
.g-stop label {
  color: white;
  display: block;
  text-align: center;
  margin: 0 !important;
}
.g-request {
  padding: 0;
  border: 1px solid red;
  width: 42px;
  height: 42px;
  color: black;
  background: rgb(247, 247, 247);
}
.g-request img {
  width: 40px;
  height: 40px;
}
.g-request label {
  color: black;
  display: block;
  text-align: center;
}
.g-ex-point {
  /* offset to center image in the map */
  margin-left: -10px;
}
.g-ex-point img {
  display: block;
  margin: auto;
}
.g-ex-point-video img {
  display: inline-block;
  height: 20px;
}
.zone-label {
  font-size: 14px;
  font-weight: bold;
  top: -7px;
  pointer-events: none;
}
.sel-item {
  color: #31708f;
  background-color: #d9edf7;
}
#tracker-app .dismiss-item {
  background-color: #a5fab1;
}
#tracker-app .dismiss-req-item {
  background-color: #fcb9bc;
}
.search-item {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 4px;
  margin: 4px;
}
@media print {
  .print-fullscreen {
    width: 100% !important;
    left: 0 !important;
  }

  .print-no-scroll {
    max-height: none !important;
    overflow-y: inherit !important;
  }

  .print-small-font {
    font-size: 12px;
  }
}
#tracker-app .excel-only {
  display: none;
}
.table-layout-fix,
.layout-fixed {
  table-layout: fixed;
}
.table-no-border tr>td {
  table-layout: fixed;
  border: none !important;
}
.btn-login,
.btn-login:hover:active,
.btn-login:hover,
.btn-login:active,
.btn-login:focus {
  background-color: #33b5e5 !important;
  border-color: #ccc;
  color: white;
  width: 100%;
  border-radius: 0;
}
.exception-preview {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.tracker-app-video {
  background-color: black;
  height: 240px;
  max-height: 50vh;
  width: 420px;
  max-width: 25vw;
}
.map-tooltip label {
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 10px;
  min-width: 100px;
  white-space: nowrap;
}
.preview-context-menu {
  position: absolute;
  left: 200px;
  width: 200px;
  height: 150px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.header-context-menu {
  background-color: rgb(228, 228, 228);
  border: 1px solid #ccc;
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  padding: 6px 12px;
  font-weight: bold;
  cursor: default;
}
.jobs-nav-item {
  cursor: pointer;
  padding: 0 10px;
}
.jobs-nav-item:hover {
  color: white;
}
.gotrax-toggle-streetview {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 20px;
  height: 200px;
  background-color: white;
  border: 1px solid black;
  border-right: 0;
  border-radius: 4px;
  cursor: pointer;
}
.gotrax-toggle-streetview-visible {
  right: 250px;
}
.gotrax-toggle-streetview span {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: 3px;
}
#gotrax-street-view {
  width: 250px;
  height: 200px;
  position: absolute;
  bottom: 10px;
  right: 0;
}
.exs-rfid {
  text-decoration: underline;
  cursor: pointer;
}
.gotrax-ex-highlight {
  background-color: #d9edf7 !important;
}
.gotrax-ex-name {
  width: 180px;
}
.gotrax-address {
  width: 130px;
  white-space: normal;
}
.gotrax-duration {
  width: 100px;
}
.gotrax-form input.ng-invalid.ng-touched {
  border-color: #fa787e;
}
.device-list-status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  margin: auto;
}
.preview-camera-img {
  display: inline-block;
  max-height: 200px;
}
.load-logo {
  max-width: 50vw;
  position: relative;
  top: 30vh;
  margin: auto;
  display: block;
}
.panel-devices {
  margin: 0px;
  margin-top: -1px;
}
.phone-call {
  position: absolute;
  right: 2px;
  top: 17px;
  display: inline-block;
  font-size: 24px;
  color: green;
}
.assets-header-center {
  position: absolute;
  color: white;
  display: inline-block;
  top: 15px;
  left: 40%;
  font-size: 16px;
}
.input-box-login-mobile {
  font-size: 22px;
  height: auto;
}
.btn-login-mobile {
  font-size: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.form-control-login {
  padding: 0px 5px !important;
}
.navbar-nav-mobile li>a {
  font-size: 18px;
  text-align: left;
}
.navbar-nav-mobile li>a>div {
  display: inline-block;
}
.geofence-form-header {
  width: 200px;
  height: 26px;
  font-size: 20px;
  margin-top: 10px;
  margin-left: 6px;
  display: inline;
  color: #060c1b;
}
.form-control.geofence-name-value {
  height: 48px !important;
  width: 467px !important;
  margin-left: 8px !important;
  background: #ffffff !important;
  border: 1px solid #b8b9bc !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  text-indent: 10px;
  font-size: 16px !important;
  color: #060c1b !important;
}
.geofence-param-key {
  margin: 8px 8px;
  color: #060c1b;
}
.geofence-param-value {
  height: 48px !important;
  width: 467px !important;
  margin-left: 8px !important;
  background: #ffffff !important;
  border: 1px solid #b8b9bc !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  text-indent: 10px;
  font-size: 16px !important;
  color: #060c1b !important;
}
.geofence-color-picker-border {
  width: 48px;
  height: 48px;
  border-radius: 4px !important;
  border: 1px solid #c0c2c4 !important;
  margin-left: 8px !important;
}
.geofence-color-value {
  width: 40px;
  height: 40px;
  background: #2188d9 !important;
  margin-bottom: 20px;
  margin-left: 3px;
  margin-top: 3px;
  border-radius: 4px !important;
}
.geofence-exit {
  display: inline;
  position: absolute;
  top: 9px;
  margin-left: 238px;
  color: #060c1b;
}
.geofence-hr {
  margin-top: 10px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ececed;
  width: 499px;
  margin-left: -11px;
}
.geofence-zone-dlg {
  width: 499px;
  height: 100vh;
  padding: 10px;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  position: fixed;
  top: 0px;
  z-index: 2147483647;
  right: 0px;
}
.geofence-cancel {
  width: 140px !important;
  height: 56px !important;
  background: #d92c21 !important;
  border-radius: 4px !important;
  margin-left: 175px !important;
  display: inline;
}
.geofence-save {
  width: 140px !important;
  height: 56px !important;
  background: #2188d9 !important;
  border-radius: 4px !important;
  margin-left: 16px !important;
  display: inline;
}
.geofence-form-end {
  font-size: 16px !important;
  color: #ffffff !important;
}
/* enable absolute positioning */
.inner-addon {
  position: relative;
  font-weight: normal;
}
/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.alert-gray {
  color: #000000;
  background-color: #eee;
  border-color: #d6e9c6;
}
/* align icon */
.left-addon .glyphicon {
  left: 0px;
}
.right-addon .glyphicon {
  right: 0px;
}
/* add padding  */
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}
.left-addon select {
  padding-left: 30px;
}
.right-addon select {
  padding-right: 30px;
}
.td-loader {
  background-color: white !important;
  border: none !important;
}
/*overwrite google css*/
.gm-bundled-control-on-bottom {
  right: 38px !important;
}
.play-fullscreen-btn {
  position: absolute;
  bottom: 35px;
  right: 10px;
  font-size: 20px;
  color: aquamarine;
  cursor: pointer;
}
.support-link {
  font-size: 17px;
}
.reg-line-separator {
  border-top: 1px dashed #ccc;
}
.typeahead-spinner {
  position: absolute;
  top: 11px;
  right: 7px;
}
.ellipsis-text {
  overflow: hidden !important;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
.announcement {
  height: 34px;
  padding: 2px;
}
.position-relative {
  position: relative;
}
.large-preview-request {
  height: 150px;
  display: inline-block;
}
.form-table {
  width: 100%;
}
.form-table>tbody>tr>td {
  vertical-align: middle;
  padding: 3px;
}
.form-table>tbody>tr>td>textarea {
  width: 100%;
  height: 100px;
}
.wide-dialog .modal-dialog {
  width: 90%;
}
.middle-dialog .modal-dialog {
  width: 50%;
  min-width: 700px;
}
.video-playback-container {
  position: absolute;
  max-width: 500px;
  min-height: 100px;
}
.video-playback-inner-container {
  max-height: 50vh;
  overflow-y: auto;
}
.trax-camera-playback-container {
  display: inline;
}
.trax-camera-playback {
  width: 220px;
  height: 180px;
  padding: 2px;
}
.camera-loading-label {
  padding-top: 50px;
  width: 320px;
  height: 180px;
  display: inline-block;
  text-align: center;
}
.dismissed-exceptions-count {
  background: rgb(238, 232, 237) !important;
}
.edit-box-component>.edit-button {
  visibility: hidden;
}
.edit-box-component:hover>.edit-button {
  visibility: visible;
}
.icon-warn {
  height: 16px;
  margin-bottom: 5px;
}
.video-request-datepicker .btn.disabled,
.video-request-datepicker .btn[disabled] {
  background-color: #e2e2e2;
}
div.v-space {
  height: 1px;
  width: 1px;
  margin: 0px;
  padding: 0px;
}
/* Begin Audit report table*/
.audit-table .glyph-td {
  width: 50px;
}
.audit-table .type-td {
  vertical-align: middle;
}
.audit-table .date-td {
  width: 100px;
}
.audit-table .edit-td {
  width: 100px;
}
/* End Audit report table*/
.settings-groups-delete-td {
  width: 180px;
}
.audit-desc {
  color: gray;
}
table.rules-summary {
  width: 100%;
}
/*Exception info*/
.exception-info .head {
  height: 32px;
}
.exception-info .comments {
  max-height: 250px;
  overflow-y: auto;
}
.exception-info .video {
  width: 400px;
  height: 270px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.exception-info .video video {
  width: 400px;
  height: 250px;
}
.exception-info .video.mobile video {
  width: 340px;
  height: 220px;
}
.exception-info {
  padding: 10px;
}
.exception-info .comments textarea {
  width: 100%;
  margin-top: 5px;
}
.night-mode {
  filter: brightness(2.2) contrast(0.8) saturate(1);
}
.tooltip-inner {
  min-width: 150px;
  /* the minimum width */
}
.ico {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position-y: 1px;
}
.exception-info-video-tool {
  height: 34px;
  vertical-align: middle;
}
.exception-info-video-tool>div {
  float: left;
  position: relative;
}
.exception-info-video-tool>div:not(:first-child) {
  margin-left: 10px;
}
.exception-info-video-tool>div.video-filter {
  margin-top: 5px;
}
#exception-info-map {
  margin-top: 10px;
  width: 100%;
  height: 350px;
}
*::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F2F2F2;
}
*::-webkit-scrollbar-thumb {
  background-color: #CDCDCD;
}
/* ********************************************************** */
tr.invaluable {
  background-color: #efecec;
}
.logo-auth-window {
  width: 300px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}
#drop-xlsx {
  border: 2px dashed #bbb;
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  font: 20pt bold;
  color: #bbb;
}
.devices-list-item>table {
  width: 100%;
}
.devices-list-item>table>tbody>tr>td:first-child {
  width: 100%;
}
.devices-list-item>table td.circle {
  vertical-align: middle;
}
.short .devices-list-item>table td.circle {
  width: 15px;
}
.dev-list-status {
  height: 14px;
  border-radius: 14px;
  padding: 0px 4px 2px 4px;
  min-width: 30px;
  color: white;
  font-size: 12px;
  text-align: center;
  display: inline-block;
}
.nav-tabs>li>a {
  border: none !important;
  color: gray;
  text-transform: uppercase;
}
/* .nav-tabs > li.active {
  border-bottom: 3px solid rgb(33, 133, 216);
} */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: rgb(33, 133, 216);
  border-bottom: 3px solid #2188d9 !important;
}
.glyphicon-sun:before {
  content: url("/assets/Images/sun_big_white.png");
}
.glyphicon-moon:before {
  content: url("/assets/moon_big_white.png");
}
.review .video {
  display: inline-block;
  margin-right: 15px;
}
.review .video:after {
  content: "";
}
.review video {
  max-width: 450px;
}
table.details>tbody>tr>td {
  height: calc(100vh - 64px);
  vertical-align: top;
}
table.details>tbody>tr>td.first {
  max-width: 684px;
  min-width: 684px;
  width: 684px;
}
table.details>tbody>tr>td.first>div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
table.details>tbody>tr>td.first>div>div:last-child {
  height: 100%;
}
.expand td.first {
  width: 100% !important;
}
.expand td.second {
  display: none !important;
}
table.details.mobile>tbody>tr>td.first {
  width: 100%;
  min-width: auto;
}
table.details>tbody>tr>td.second {
  min-width: 300px;
}
table.details>tbody>tr>td.second>div {
  height: calc(100vh - 64px);
  overflow: auto;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.navbar-nav>li>a {
  /* color: white !important; */
  padding-top: 5px;
  padding-bottom: 5px;
}
button.material-button {
  background-color: rgb(33, 133, 216);
  border: 0px;
  border-radius: 5px;
  padding: 10px 10px 6px 10px;
  cursor: pointer;
}
button.material-button span.glyphicon {
  font-size: 26px;
  color: white;
}
button.material-button.active {
  color: darkred;
}
button.material-button:focus {
  outline: none;
}
.material-toolbar {
  position: relative;
  width: auto;
  letter-spacing: -0.3em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.material-toolbar>* {
  display: inline-block;
  letter-spacing: normal;
}
.material-toolbar:after {
  content: "";
}
.material-button-container {
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-top: 10px;
}
.material-button-container.with-label {
  min-width: 32px;
  width: auto;
  display: inline-flex;
  flex-direction: row;
  padding-right: 5px;
}
.material-button-container.with-label>* {
  color: rgb(33, 136, 217);
}
.material-button-container.with-label>label {
  min-width: 32px;
  width: auto;
  display: inline-flex;
  flex-direction: row;
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 5px;
  font-weight: normal;
  padding-top: 2px;
  margin-left: 3px;
  margin-right: 16.5px;
  font-size: 16px;
}
.material-button-container.request-video-button {
  width: auto;
  border: 1px gray solid;
  border-radius: 5px;
  vertical-align: top;
  margin-top: -2px;
}
.material-button-container.request-video-button td {
  padding-left: 5px;
  padding-right: 5px;
}
.material-button-container.request-video-button span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.material-button-container.disable {
  cursor: default;
}
.material-button-container i {
  color: rgb(100, 100, 100);
  width: 24px;
  height: 24px;
  margin-top: 5px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
}
.material-button-container i.top10 {
  margin-top: 10px;
}
.material-button-container.disable i {
  color: rgb(170, 170, 170);
}
.material-select {
  color: gray;
  font-size: 16px;
  border-bottom: 1px solid gray;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.material-select:focus {
  outline-width: 0px;
}
.profile-menu {
  position: absolute;
  top: 20px;
  left: -140px;
  width: 150px;
  border: 1px solid gray;
  background-color: white;
}
.profile-menu ul li {
  height: 40px;
  list-style: none;
  color: rgb(51, 51, 51);
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  cursor: pointer;
}
.profile-menu ul li a,
.profile-menu ul li a:hover,
.profile-menu ul li a:focus,
.profile-menu ul li a:visited {
  text-decoration: none;
  color: gray;
}
.profile-menu ul li:hover {
  background-color: rgb(51, 122, 183);
  color: white;
}
.profile-menu ul li:last-child {
  border-bottom: 0px;
}
.map-settings {
  position: absolute;
  width: 200px;
  right: 20px;
  top: 50px;
  background-color: rgba(255, 255, 255, 50);
  padding-left: 20px;
  padding-bottom: 10px;
  border: 1px solid rgb(200, 200, 200);
}
.map-settings>div {
  font-size: 16px;
  color: black;
}
.map-settings>div>h1 {
  text-transform: uppercase;
  font-size: 1em;
}
.map-settings>div>div>label {
  margin-left: 10px;
  font-weight: normal;
}
.map-settings>div>div>input {
  outline: none;
}
.hide-label .gotrax-label {
  display: none;
}
.hide-label .hover-device-label .gotrax-label {
  display: block;
}
input.date-picker[date-range-picker],
input.date-picker[date-range-picker]:focus {
  border: 1px solid rgb(128, 128, 128) !important;
  border-radius: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 32px;
}
.panel-heading {
  background-color: transparent !important;
}
.details-nav {
  width: 100%;
}
.details-nav li.back-li {
  width: 30px !important;
}
.details-nav li {
  text-align: center;
}
.details-nav.tab4 li {
  width: calc((100% - 30px) / 4);
}
.details-nav.tab3 li {
  width: calc((100% - 30px) / 3);
}
.details-nav.tab2 li {
  width: calc((100% - 30px) / 2);
}
.details-nav.tab1 li {
  width: calc(100% - 30px);
}
.details-nav li a {
  font-family: "Roboto";
  font-weight: 500;
}
.map-button {
  height: 32px;
  width: 32px;
  cursor: pointer;
  box-shadow: 0px 0px 10px rgb(128, 128, 128);
  background-repeat: no-repeat;
  position: absolute;
  background-color: white;
}
.map-button.toggle {
  top: 15px;
  right: 20px;
  width: 80px;
  text-align: center;
  font-size: 18px;
  padding-top: 5px;
}
.map-button.traffic {
  background-color: transparent !important;
  top: 52px;
  right: 20px;
  background-size: 32px 32px;
  background-image: url("/assets/traffic.png");
}
.map-button.traffic.off {
  background-image: url("/assets/traffic_off.png");
}
.video-data-request-error {
  color: red;
  font-weight: bold;
}
.reports-page {
  padding: 0px;
  height: 100%;
}
.reports-page>.toolbar {
  height: 40px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.reports-page>.content {
  height: calc(100% - 60px);
}
.reports-page>.content>div {
  height: 100%;
}
.reports-page .tab-pane {
  height: calc(100% - 42px);
}
.reports-page .tab-content {
  height: calc(100% - 42px);
}
.reports-page ul.nav-tabs {
  display: flex;
  justify-content: space-between;
  background-color: rgb(33, 133, 216);
  height: 42px;
}
.reports-page a.nav-link {
  color: white;
  margin: 0;
  margin-bottom: 0;
  border-radius: 0;
}
.date-picker-settings {
  margin-bottom: 0.5rem;
}
.user-icon {
  color: white;
}
.main-menu-item {
  font-size: 26px;
  margin-right: 5px;
  margin-left: 12px;
  margin-top: 10px;
  padding-left: 12px;
}
@media (max-width: 880px) {
  .navbar-main li a span {
    display: none;
  }
}
@media (max-width: 768px) {}
td.jobs-edit-datepicker div[uib-datepicker-popup-wrap]>ul {
  width: 280px;
}
.details-exceptions-table {
  height: calc(100vh - 200px);
}
.reports-setting-toolbar {
  height: 60px;
}
.reports-setting-toolbar button {
  float: left;
}
.reports-setting-toolbar select {
  float: right;
  width: 270px;
  margin-right: 20px;
}
nav.navbar-header-theme {
  border: 0px !important;
}
.main-menu-item-right {
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}
.nav.navbar-nav.right-menu {
  float: right;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav.navbar-nav.right-menu>li {
  margin-right: 20px;
}
.nav.navbar-nav.right-menu>li>a {
  padding: 0px;
}
.review-status-review {
  color: blue;
}
.review-status-escalated {
  color: red;
}
.review-status-dismissed {
  color: gray;
}
.review-status-coached {
  color: green;
}
.review-status-exception {
  color: black;
}
.device-info-popup {
  border: 1px solid black;
  border-radius: 5px;
  background-color: white;
  padding: 5px;
  color: black;
  font-weight: bold;
}
.geofence-info-popup {
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 8px;
  color: #60636C;
  font-size: 14px;
  font-family: Roboto;
}
.geofence-info-popup .header {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}
.geofence-info-popup-zone-name {
  color: black;
}
.geofence-info-popup-address>p {
  margin: 0px;
  padding: 0px;
}
/* Data table */
table.data-table {
  width: 100%;
  table-layout: fixed;
}
table.data-table thead,
table.data-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table.data-table thead tr td {
  text-align: left;
}
table.data-table tbody tr td span {
  word-break: break-word;
  white-space: normal;
}
table.data-table tbody {
  display: table;
  width: 100%;
  overflow-y: auto;
}
.toggle-button {
  display: flex;
  width: auto;
  flex-direction: row;
}
.toggle-button>div {
  padding: 5px;
  border: 1px solid gray;
  color: gray;
  cursor: pointer;
}
.toggle-button>div.active {
  color: rgb(76, 124, 160);
  background-color: rgb(222, 237, 249);
  border-color: rgb(63, 151, 220);
}
.toggle-button>div:first-child {
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.toggle-button>div:first-child.active+div {
  border-left-color: rgb(63, 151, 220);
}
.toggle-button>div:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.show-dismissed-exception-report>* {
  color: rgb(100, 100, 100) !important;
}
.show-dismissed-exception-report>i {
  font-size: 18px;
  margin-top: 7px !important;
}
.header-search-wrapper {
  position: relative;
}
.header-search-wrapper .form-control {
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  color: rgb(128, 128, 128) !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  padding-left: 8px;
  font-size: 16px;
}
.color-box {
  display: inline-block;
  margin: 2px 3px;
  padding: 1px 10px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
  min-width: 45px;
  border: 1px solid;
  text-align: center;
}
.color-box.blue {
  color: rgb(33, 136, 217);
  border-color: rgb(33, 136, 217);
  background: rgba(33, 136, 217, 0.1);
}
.hidden-input {
  display: none !important;
}
.lbl-required:after {
  content: " *";
  color: red;
}
.data-table .sort-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.data-table tr>th {
  border-bottom: none !important;
}
.data-table tr td .mat-icon {
  font-size: 21px;
}
.form-control.round {
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  border-radius: 4px !important;
  padding-left: 10px;
  padding-right: 40px;
}
.table-sticky th {
  position: sticky;
  top: 0;
  background-color: white;
}
.data-table .selected-table-row {
  background-color: rgb(220, 220, 220);
}
div.filter-border {
  border: 1px solid rgba(6, 12, 27, 0.4);
  border-radius: 4px;
  color: rgb(128, 128, 128);
  padding: 6px 10px;
  cursor: pointer;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="checkbox"].blue {
  visibility: hidden;
  width: 16px;
  height: 16px;
  margin: 0px;
}
input[type="checkbox"].blue:before {
  content: "\00a0" !important;
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  border-radius: 2px;
  display: block !important;
  width: 16px;
  height: 16px;
  font-size: 14px;
  visibility: visible;
  font-weight: bold;
}
input[type="checkbox"].blue:checked:before {
  background: #fff;
  font-family: "Font Awesome 5 Free";
  content: "\f00c" !important;
  text-align: center;
  color: rgb(33, 136, 217);
  border-color: rgb(33, 136, 217) !important;
}
.map-button {
  height: 32px;
  width: 32px;
  cursor: pointer;
  box-shadow: 0px 0px 10px rgb(128, 128, 128);
  background-repeat: no-repeat;
  position: absolute;
  background-color: white;
}
.map-options-button {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: white;
  padding: 5px 10px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #2188d9;
  border-radius: 4px;
}
.map-options-button>.caret {
  margin-left: 20px;
  border-top-color: rgb(155, 158, 164);
}
.map-options-collapse {
  position: absolute;
  right: 15px;
  top: 60px;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  z-index: 1;
}
/* Device moving status */
.moving-status.moving {
  background-color: #2188d9;
}
.moving-status.stopped-camera {
  background-color: orange;
}
.moving-status.stopped {
  background-color: gray;
}
.moving-status.moving-camera {
  background-color: #24b833;
}
.moving-status.idle {
    background-color: orange;
}
.popup-message-component {
  padding: 10px;
  background-color: white;
  border: 0px;
  border-radius: 5px;
  font-family: Roboto;
  color: black;
  font-size: 12px;
  position: absolute;
  border: 1px solid black;
}
/* Overwrote z-index in the class /components/navbar/navbar.component.scss/#nav_subbar to avoid super position in full screen. */
.full-screen-container {
  height: 100vh;
  width: 100vw;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  background-color: black;
  z-index: 1112;
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
}
.full-screen-container .close-full-screen {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 1001;
  width: 24px;
  height: 24px;
  background-image: url("/assets/Images/close.png");
  background-size: 24px;
}
/** Beauty table*/
table.beauty-table {
  width: 100%;
}
table.beauty-table thead th>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
table.beauty-table thead th.left-aligned-td>div {
  justify-content: flex-start;
}
table.beauty-table thead th {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #060c1b;
  height: 80px;
  border-bottom: 1px solid #ececed;
}
table.beauty-table thead th sort-icon {
  margin-left: 10px;
}
table.beauty-table thead th input[type="text"] {
  padding: 13px 16px !important;
  height: 48px !important;
  background: #ffffff !important;
  border: 1px solid #b8b9bc !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 130% !important;
  color: #b8b9bc !important;
}
table.beauty-table {
  border-collapse: collapse;
}
table.beauty-table tbody td {
  border-bottom: 1px solid #ececed;
  height: 70px;
  vertical-align: middle;
  text-align: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #060c1b;
}
table.beauty-table tbody tr:hover {
  background: #f7f7f8;
}
table.beauty-table tbody td.left-aligned-td {
  text-align: left;
}
table.beauty-table tbody .centered-td {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
}
.indoor-color.inactive {
  background-color: gray;
}
.indoor-color.low {
  background-color: gray;
}
.indoor-color.high {
  background-color: #d92c21;
}
.indoor-color.normal {
  background-color: #2188d9;
}
.indoor-color.alert {
  background-color: #d92c21;
}
.media-status-restore {
  background-image: url("/assets/svg/media-status/restore.svg");
}
.media-status-offline {
  background-image: url("/assets/svg/media-status/offline.svg");
}
.media-status-pending {
  background-image: url("/assets/svg/media-status/pending.svg");
}
/* uploading */
.media-status-running {
  background-image: url("/assets/svg/media-status/running.svg");
}
/* no recording */
.media-status-no_data {
  background-image: url("/assets/svg/media-status/no_data.svg");
}
.playback-ex-marker,
.highcharts-label {
  cursor: pointer;
}
.playback-ex-marker {
  top: -28px;
  left: -7px;
}
.playback-ex-marker .marker-content {
  width: 14px;
  height: 14px;
  color: #ffffff;
  background-color: #1A75BC;
  text-align: center;
  font-size: 10px;
}
.playback-ex-marker .marker-leader {
  border-left: 2px solid #1A75BC;
  height: 10px;
}
.overview-layout {
  display: flex;
  width: 100%;
  position: relative;
  height: 100%;
}
.overview-map-wrapper {
  position: relative;
  flex: 1;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.side-panel {
  width: 380px;
  height: 100%;
}
.alert[data-notify="container"] {
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  padding: 20px 24px;
  min-width: auto;
  height: 66px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  border: unset;
}
.alert-success[data-notify="container"] {
  background: #FFFFFF;
  color: #5CBB3A;
}
.alert-success[data-notify="container"] span>img {
  margin-right: 5px;
  height: 30px;
  width: 30px;
}
.alert[data-notify="container"].alert-info {
  background: #FFFFFF;
  color: #2188D9;
}
.alert-info[data-notify="container"].minibar {
  height: 50px;
  background-color: #F4F9FD;
  padding: 16px 24px ! important;
  box-shadow: unset;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.alert-info[data-notify="container"] span>img {
  margin-right: 2px;
  width: 34px;
  height: 34px;
}
.alert-info[data-notify="container"].minibar span>img {
  width: 18px;
  height: 18px;
}
.alert-danger[data-notify="container"] {
  background: #FFFFFF;
  color: #DC3E33;
}
.alert-danger[data-notify="container"].minibar {
  height: 50px;
  background-color: #FFE6E3;
  padding: 16px 24px ! important;
  box-shadow: unset;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.alert-danger[data-notify="container"] span>img {
  margin-right: 2px;
  width: 34px;
  height: 34px;
}
.alert-danger[data-notify="container"].minibar span>img {
  width: 18px;
  height: 18px;
}
.alert-warning[data-notify="container"] {
  background: #FFFFFF;
  color: #F1B10B;
}
.alert-warning[data-notify="container"].minibar {
  height: 50px;
  background-color: #FFF2DE;
  box-shadow: unset;
  padding: 16px 24px ! important;
  color: #C77916 !important;
  box-shadow: unset;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.alert-warning[data-notify="container"] span>img {
  margin-right: 2px;
  width: 28px;
  height: 26px;
}
.alert-warning[data-notify="container"].minibar span>img {
  Width: 18px;
  height: 18px;
}
.alert[data-notify="container"] .close {
  display: none;
}
.underlined-text {
  text-decoration: underline;
}
.img-size{
    width: 50px !important;
    height: 30px !important;
}
@keyframes ghost-lines-fast {
  0% {
    background-position: -100px;
  }

  40% {
    background-position: 40vw;
  }

  100% {
    background-position: 60vw;
  }
}
@keyframes ghost-lines {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.ghost-line {
  background-color: #f8f7f7 !important;
  margin: 10px;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}
.ghost-bg {
  background-color: #f8f7f7 !important;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}
:root .grid-stack-item > .ui-resizable-handle {
    filter: none;
}
.grid-stack {
    position: relative;
}
.grid-stack.grid-stack-rtl {
        direction: ltr;
    }
.grid-stack.grid-stack-rtl > .grid-stack-item {
            direction: rtl;
        }
.grid-stack .grid-stack-placeholder > .placeholder-content {
        border: 1px dashed lightgray;
        margin: 0;
        position: absolute;
        top: 0;
        left: 5px;
        right: 5px;
        bottom: 0;
        width: auto;
        z-index: 0 !important;
        text-align: center;
    }
.grid-stack > .grid-stack-item {
        min-width: 8.3333333333%;
        position: absolute;
        padding: 0;
    }
.grid-stack > .grid-stack-item > .grid-stack-item-content {
            margin: 0;
            position: absolute;
            top: 0;
            left: 5px;
            right: 5px;
            bottom: 0;
            width: auto;
            z-index: 0 !important;
            overflow-x: hidden;
            overflow-y: auto;
        }
.grid-stack > .grid-stack-item > .ui-resizable-handle {
            position: absolute;
            font-size: 0.1px;
            display: block;
            touch-action: none;
        }
.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
        .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
            display: none;
        }
.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
            z-index: 100;
        }
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
            .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
            .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
                box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
                opacity: 0.8;
            }
.grid-stack > .grid-stack-item > .ui-resizable-se,
        .grid-stack > .grid-stack-item > .ui-resizable-sw {
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
            background-repeat: no-repeat;
            background-position: center;
            transform: rotate(45deg);
        }
.grid-stack > .grid-stack-item > .ui-resizable-se {
            transform: rotate(-45deg);
        }
.grid-stack > .grid-stack-item > .ui-resizable-nw {
            cursor: nw-resize;
            width: 20px;
            height: 20px;
            left: 10px;
            top: 0;
        }
.grid-stack > .grid-stack-item > .ui-resizable-n {
            cursor: n-resize;
            height: 10px;
            top: 0;
            left: 25px;
            right: 25px;
        }
.grid-stack > .grid-stack-item > .ui-resizable-ne {
            cursor: ne-resize;
            width: 20px;
            height: 20px;
            right: 10px;
            top: 0;
        }
.grid-stack > .grid-stack-item > .ui-resizable-e {
            cursor: e-resize;
            width: 10px;
            right: 10px;
            top: 15px;
            bottom: 15px;
        }
.grid-stack > .grid-stack-item > .ui-resizable-se {
            cursor: se-resize;
            width: 20px;
            height: 20px;
            right: 10px;
            bottom: 0;
        }
.grid-stack > .grid-stack-item > .ui-resizable-s {
            cursor: s-resize;
            height: 10px;
            left: 25px;
            bottom: 0;
            right: 25px;
        }
.grid-stack > .grid-stack-item > .ui-resizable-sw {
            cursor: sw-resize;
            width: 20px;
            height: 20px;
            left: 10px;
            bottom: 0;
        }
.grid-stack > .grid-stack-item > .ui-resizable-w {
            cursor: w-resize;
            width: 10px;
            left: 10px;
            top: 15px;
            bottom: 15px;
        }
.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
            display: none !important;
        }
.grid-stack > .grid-stack-item[data-gs-width='1'] {
            width: 8.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-x='1'] {
            left: 8.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
            min-width: 8.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
            max-width: 8.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-width='2'] {
            width: 16.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-x='2'] {
            left: 16.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
            min-width: 16.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
            max-width: 16.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-width='3'] {
            width: 25%;
        }
.grid-stack > .grid-stack-item[data-gs-x='3'] {
            left: 25%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
            min-width: 25%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
            max-width: 25%;
        }
.grid-stack > .grid-stack-item[data-gs-width='4'] {
            width: 33.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-x='4'] {
            left: 33.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
            min-width: 33.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
            max-width: 33.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-width='5'] {
            width: 41.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-x='5'] {
            left: 41.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
            min-width: 41.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
            max-width: 41.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-width='6'] {
            width: 50%;
        }
.grid-stack > .grid-stack-item[data-gs-x='6'] {
            left: 50%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
            min-width: 50%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
            max-width: 50%;
        }
.grid-stack > .grid-stack-item[data-gs-width='7'] {
            width: 58.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-x='7'] {
            left: 58.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
            min-width: 58.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
            max-width: 58.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-width='8'] {
            width: 66.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-x='8'] {
            left: 66.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
            min-width: 66.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
            max-width: 66.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-width='9'] {
            width: 75%;
        }
.grid-stack > .grid-stack-item[data-gs-x='9'] {
            left: 75%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
            min-width: 75%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
            max-width: 75%;
        }
.grid-stack > .grid-stack-item[data-gs-width='10'] {
            width: 83.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-x='10'] {
            left: 83.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
            min-width: 83.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
            max-width: 83.3333333333%;
        }
.grid-stack > .grid-stack-item[data-gs-width='11'] {
            width: 91.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-x='11'] {
            left: 91.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
            min-width: 91.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
            max-width: 91.6666666667%;
        }
.grid-stack > .grid-stack-item[data-gs-width='12'] {
            width: 100%;
        }
.grid-stack > .grid-stack-item[data-gs-x='12'] {
            left: 100%;
        }
.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
            min-width: 100%;
        }
.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
            max-width: 100%;
        }
.grid-stack.grid-stack-animate,
    .grid-stack.grid-stack-animate .grid-stack-item {
        transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    }
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
        .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
        .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
            transition: left 0s, top 0s, height 0s, width 0s;
        }
@media (max-width: 768px) {
    .grid-stack-item {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
    }

        .grid-stack-item .ui-resizable-handle {
            display: none;
        }

    .grid-stack {
        height: auto !important;
    }
}
/*! angularjs-slider - v7.0.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2019-03-06 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;-webkit-user-select:none;user-select:none}
.rzslider.noanimate *{transition:none!important}
.rzslider.with-legend{margin-bottom:40px}
.rzslider[disabled]{cursor:not-allowed}
.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}
.rzslider[disabled] .rz-draggable{cursor:not-allowed}
.rzslider[disabled] .rz-selection{background:#8b91a2}
.rzslider[disabled] .rz-tick{cursor:not-allowed}
.rzslider[disabled] .rz-tick.rz-selected{background:#8b91a2}
.rzslider span{position:absolute;display:inline-block;white-space:nowrap}
.rzslider .rz-base{width:100%;height:100%;padding:0}
.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box;transition:all linear .3s}
.rzslider .rz-draggable{cursor:move}
.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;border-radius:2px}
.rzslider .rz-bar-wrapper.rz-transparent .rz-bar{background:transparent}
.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar{background:#df002d}
.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar{background:#03a688}
.rzslider .rz-selection{z-index:2;background:#0db9f0;border-radius:2px;transition:background-color linear .3s}
.rzslider .rz-restricted{z-index:3;background:#f00;border-radius:2px}
.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;border-radius:16px;transition:all linear .3s}
.rzslider .rz-pointer:hover:after{background-color:#fff}
.rzslider .rz-pointer.rz-active{z-index:4}
.rzslider .rz-pointer.rz-active:after{background-color:#451aff}
.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default;transition:all linear .3s}
.rzslider .rz-bubble.rz-limit{color:#55637d;transition:none}
.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;width:100%;height:0;margin:0;list-style:none;box-sizing:border-box}
.rzslider .rz-ticks-values-under .rz-tick-value{top:auto;bottom:-32px}
.rzslider .rz-tick{position:absolute;top:0;left:0;width:10px;height:10px;margin-left:11px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%;transition:background-color linear .3s}
.rzslider .rz-tick.rz-selected{background:#0db9f0}
.rzslider .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}
.rzslider .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}
.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}
.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}
.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}
.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}
.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}
.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}
.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%}
.rzslider.rz-vertical .rz-tick{margin-top:11px;margin-left:auto;vertical-align:middle}
.rzslider.rz-vertical .rz-tick-value{top:auto;left:24px;transform:translate(0,-28%)}
.rzslider.rz-vertical .rz-tick-legend{top:auto;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}
.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
    right: 24px;
    bottom: auto;
    left: auto
}
/* Slider Customization */
.rzslider .rz-tick {
    background: transparent;
}
.rzslider .rz-tick-legend
{
    color: #2188D9;
    margin-left: -7px;
}
.rzslider .rz-bar {
    background: rgba(33, 136, 217, 0.3);
}
.rzslider .rz-pointer {
    background-color: #2188D9;
}
.rzslider .rz-pointer {
    top: -7px;
    z-index: 3;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #2188D9;
    border-radius: 16px;
    border-color: transparent !important;
    transition: all linear .3s;
    outline: 0px transparent !important;
}
.rzslider .rz-selection {
    background: #2188D9 !important;
}
.rzslider .rz-tick.rz-selected
{
    background: transparent;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    height: 24px;
    width: 42px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B7D4EA;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 22px;
    left: 4px;
    top: 2px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}
input:checked + .slider {
    background-color: #2196f3;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
    transform: translateX(13px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.modal.fade:not(.in) .modal-dialog.modal-right-stretch {
    transform: translate3d(25%, 0, 0);
}
.modal-dialog.modal-right-stretch {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    min-height: 100vh;
    height: 100%;
    margin-bottom: 0px;
    width: 770px;
    background-color: white;
    overflow: hidden;
}
.modal-dialog.modal-right-stretch .modal-content {
    border-radius: 0px;
    min-height: 100vh;
}
@media (max-width: 767px) {
    .modal-dialog.modal-right-stretch {
        width: 100vw;
        margin: 0px;
    }
}
/** right-500*/
.modal.fade:not(.in) .modal-dialog.modal-right-500 {
    transform: translate3d(25%, 0, 0);
}
.modal-dialog.modal-right-500 {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    min-height: 100vh;
    height: 100%;
    margin-bottom: 0px;
    width: 500px;
    background-color: white;
    overflow: hidden;
}
.modal-dialog.modal-right-500 .modal-content {
    border-radius: 0px;
    min-height: 100vh;
    border-left: 0px;
    border-right: 0px;
}
@media (max-width: 767px) {
    .modal-dialog.modal-right-500 {
        width: 100vw;
        margin: 0px;
    }
}
.modal[size*=right-500-transparent] {
    width: 500px;
    right: 0px;
    left: auto;
}
.modal[size*=right-500-transparent] + div.modal-backdrop {
    width: 500px;
    right: 0px;
    left: auto;
}
.modal-dialog.modal-top-50 {
    top: 50px !important;
}
.right-form {
    position: relative;
    min-height: 98.5vh;
}
.right-form button.form {
    border-radius: 4px !important;
    border: 1px solid rgb(33, 136, 217) !important;
    background-color: rgb(33, 136, 217) !important;
    color: white !important;
    font-size: 16px !important;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    height: 56px !important;
    width: 140px !important;
    align-items: center;
    text-align: center;
}
.right-form button.form.full {
    width: 100% !important;
}
.right-form button.red.form {
    background-color: white !important;
    border: 0 !important;
    color: red !important;
}
.right-form button.empty.form {
    background-color: white !important;
    color: rgb(33, 136, 217) !important;
}
.right-form > .header .cancel {
    right: 24px;
    top: 7px;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    font-weight: 300;
    font-size: 24px;
    align-content: center;
}
.right-form > .header .cancel:hover {
    background-color: white !important;
}
.right-form > .header > div {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #4f4f4f;
    line-height: 130%;

    margin: 0px;
    padding-top: 14px;
    text-transform: capitalize;
}
.right-form > .header > div > span {
    text-transform: capitalize;
}
.right-form>.header {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    height: 40px;
}
.right-form>.header>div:first-child {
    padding-top: 2px;
    padding-right: 20px;
}
.right-form>.header>div:last-child {
    flex-grow: 2;
    display: flex;
    flex-direction: row;
}
.right-form > hr {
    height: 2px;
    border-width: 0;
    color: #e6e6e6;
    background-color: #e6e6e6;
    margin-bottom: 0;
    margin-top: 10px;
}
/* .right-form .element > div:not(.selectize-control):not(.checkbox):not(.toggle-component):not(.form-label):not(.element-content) {
    border: 1px solid #D0D0D2;
    border-radius: 4px;
    height: 48px;
} */
.right-form .element select {
    border-radius: 4px;
}
.right-form select,
.right-form .element .input,
.right-form .element .address-search,
.right-form .element textarea,
.right-form .element .selectize-input,
.right-form .element .selectize-input:hover {
    border: 1px solid #D0D0D2 !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 100%;
    height: 48px;

    margin: 0px 0px;
    padding: 0px 14px !important;
    word-break: normal;
    -ms-word-break: normal;
    background-color: #ffffff;
    background-image: none;   

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #060C1B;
}
.right-form input.request-time-element {
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 130% !important;
    color: #060C1B !important;
}
.right-form .element .selectize-input .item {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #060C1B;
    padding: 5px;
    border-radius: 4px;
}
.right-form .element .normal-text {
    text-transform: none;
}
.right-form.right-form.geofence .element .toggle-component-content {
    height: 44px;
}
.right-form .element textarea {
    min-height: 100px;
    padding-top: 10px;
    text-transform: none;
}
.right-form .body {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    height: calc(100vh - 190px);
    overflow-y: auto;
}
.right-form.report-edit .body,
.right-form.user .body {
    height: calc(100vh - 145px);
}
.right-form div.element {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.right-form div.element.checkbox {
    margin-bottom: 5px;
    padding-left: 0px;
}
.right-form div.element > label,
.right-form div.element .time-select > label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18.75px;
    color: #060C1B;
    padding-top: 7px;
}
.right-form .element .btn-primary
{
    color: white !important;
    background-color: #2188D9 !important;
    border-radius: 4px !important;
}
.right-form div.element select:hover, 
.right-form div.element .date-content:hover,
.right-form div.element .selectize-input:hover,
.right-form div.element .multiselect-component:hover {
    border-color: #66788c;
    background-color: #f4f6f8;
    cursor: pointer;
}
.right-form div.element .form-control:hover,
.right-form div.element .time-picker-component:hover {
    background-color: #f4f6f8 !important;
}
.right-form div.element .select-dropdown {
    position: relative;  
    float: left;
    width: 100%;
}
.right-form div.element .select-dropdown:after {
    content: '';
    font: 17px "Consolas", monospace;
    color: #333;
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #b9b2b2;
    right: 19px;
    top: 45%;
    position: absolute;
    pointer-events: none;
}
.right-form div.element > div.date-component {
    width: 100%;
}
.right-form div.element > div.date-component > div.date-content {
    border-left: none;
    border-right: none;
    width: 100%;
    padding: 0px 0px;
}
.right-form div.element > div.date-component .present-view {
    align-items: center;
    justify-content: flex-start;
    height: 44px;
    padding-left: 24px;
}
.right-form div.element > div.date-component .present-view > i {
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    font-size: 18px;
    margin-right: 5px;
    height: 26px;
    max-width: 26px;
    padding-left: 10px;
    display: contents;
    color: #060C1B;
}
.right-form div.element > div.date-component .present-view .present-date .month {
    font-size: 18px;
    padding-left: 8px;
    color: #060C1B;
}
.right-form div.element > .selectize-control > .selectize-input {
    padding-top: 8px !important;
    min-height: 48px;
    height: auto;
}
.right-form div.element > .selectize-control > .selectize-input > input {
    position: absolute;
    top: 30%;
    font-size: 16px !important;
    border-bottom: none !important;
}
.right-form div.element .multiselect-component button {
    height: 44px;
    padding: 0px 24px;
}
.right-form div.element .multiselect-component button:hover {
    background-color: #f4f6f8 !important;
    border-color: #66788c !important;
}
.right-form div.element .checkbox label:before {
    background-color: white;
    border: 2px solid #2188D9;
}
.right-form div.element .checkbox label:after,
.right-form .default-color {
    color: #2188D9;
}
.right-form div.element .checkbox input:checked label:before,
.right-form div.element .checkbox input:hover label:before {
    border: 2px solid #2188D9;
}
.right-form div.element.group {
    margin-bottom: 0;
}
.right-form .element .form-control.input.escalation {
    width: 40%;
    padding: 0px 5px;
}
.right-form .element.flex-direction-row {
    flex-direction: row;
}
.right-form>.footer {
    padding: 15px 0;
    position: sticky;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background-color: rgba(0, 0, 0, 0);
}
.right-form .footer:before,
.right-form .footer:after {
    display: table;
    content: " ";
}
.right-form .footer:after {
    clear: both;
}
.right-form>.footer .footer-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 25px;
}
.right-form .footer .footer-element.space-between {
    display: flex;
    justify-content: space-between;
}
.right-form>.footer button {
    margin: 4px;
}
.right-form>.footer button:last-child {
    margin-right: 0px;
}
.right-form>.header>div:last-child>button {
    margin-right: 10px;
}
.right-form>.header>div:last-child>button:last-child {
    margin-right: 0px;
}
.right-form > .header > .with-back {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}
.right-form > .header > .with-back > div:first-child {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #60636C;
    margin-left: 10px;
    margin-right: 10px;
}
button.btn-in-list {
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 4px !important;
}
button.btn-in-list>span:last-child {
    font-size: 16px;
    color: #2188D9;
}
button.btn-in-list .mat-icon {
    font-size: 20px;
    color: #2188D9;
}
button.btn-in-list.btn-danger .mat-icon {
    font-size: 20px;
    color: #420907;
}
button.btn-in-list.btn-danger>span:last-child {
    color: #420907;
}
div.send-now:hover {
    background-color: #f4f6f8;
    cursor: pointer;
}
button.save:hover {
    background-color: rgb(67, 163, 236) !important;
}
.right-form .form.red-button {
    background-color: rgba(217, 44, 33, 1) !important;
    border-color: rgba(217, 44, 33, 1) !important;
}
.right-form.geofence .body .element {
    margin-bottom: 16px;
}
.right-form .tab-header-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(6, 12, 27, 0.2);
}
.right-form .tab-header {
    color: rgba(6, 12, 27, 0.4);
    padding: 10px 10px;
    margin-left: 14px;
    font-size: 16px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}
.right-form .tab-header-active {
    color: #2188D9;
    border-bottom: 1px solid #2188D9;
}
.right-form.geofence .pin {
  width: 17px;
  height: 17px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  cursor: pointer;
}
.right-form.geofence .pin:after {
    content: '';
    width: 6px;
    height: 6px;
    margin: 5px 5px 5px 2px;
    background: white;
    position: absolute;
    border-radius: 50%;
}
.right-form.geofence .time-select {
   display: inline-block;
   width: 48.5%;
}
.right-form .element > div div.form-component {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Roboto';
    line-height: 15.75px;
    padding-top: 4px;
}
.right-form .body .element.slider-wrapper .rz-floor,
.right-form .body .element.slider-wrapper .rz-ceil,
.right-form .body .element.slider-wrapper .rz-model-value {
    visibility: hidden !important;
}
.right-form .body .map {
    height: 250px !important;
    width: 100% !important;
    pointer-events: none;
}
.right-form .body .element .send-now-div {
    display: flex;
    justify-content: flex-end;
}
.right-form .body .show-only {
    pointer-events: none;
}
.right-form .capitalize {
    text-transform: capitalize;
}
.right-form .body .element .padding-right-5 {
    padding-right: 5%;
}
.right-form .body .element .padding-left-5 {
    padding-left: 5%;
}
.right-form .footer .form.edit-btn {
    background-color: white !important;
    color: rgb(33, 136, 217) !important;
}
.right-form .pencil-icon {
    float:right;
    color:#2188D9;
}
.right-form .body .element .margin-left-45 {
    margin-left: 45px;
}
.right-form .complete-height {
    height: 100vh;
}
.right-form .row-elements {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.right-form .row-elements > * {
    width: 49%;
}
.right-form .loader-wrapper {
    padding-top: 10px;
}
.right-form .form-element {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
}
.right-form .form-element label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #60636C;    
}
.right-form .form-element input[type=text],
.right-form .form-element input[type=datetime-local], 
.right-form .form-element textarea {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px;   
    color: #17191C !important;
}
.right-form .form-element input[type=text].is-loading-input {
    background-image: url('/assets/refresh-icon.png');
    background-size: 16px;
    background-position: right top;
    background-repeat: no-repeat;
}
.right-form .form-element input[readonly] {
    color: #ECECED !important;
}
.right-form .form-element textarea {
    height: 70px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.right-form .form-element textarea:focus-visible {
    outline-style: none;
}
.right-form .form-element .under {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #60636C;

    margin-top: 5px;
}
.right-form .form-element .under > * {
    margin: 0px;
}
.right-form .form-element input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    visibility: hidden;
}
.right-form .form-element input[type=checkbox]::after {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #60636C;
    content: "";
    border-radius: 2px;
    visibility: visible;
}
.right-form .form-element input[type=checkbox]:checked::after {
    border: 0px;
    background-size: 18px 18px;
}
.right-form .form-element .selectize-control {
    width: 100%;
    border-bottom: 1px solid #60636C;
}
.right-form .form-element .selectize-control .selectize-input, .right-form .form-element .selectize-control .selectize-input.focus {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: auto;
}
.right-form .form-element .selectize-control .selectize-input input {
    border: 0px !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #17191C !important;
}
.right-form .form-element .selectize-control .selectize-input .item {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #17191C !important;
}
.right-form .form-element.error label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #D92C21;
}
.right-form .form-element .error-message {
    display: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 130%;
    align-items: center;
    color: #D92C21;
    padding-left: 20px;
    height: 13px;
    background-image: url('/assets/Images/error-icon-red.png');
    background-repeat: no-repeat;
    background-size: 15px 13px;
    margin-top: 3px;
}
.right-form .form-element.error .error-message {
    display: block;
}
@media screen and (max-width: 767px) {
    #zenduone-widget {
        display: none;
    }

    .tracker-mobile .navbar-header {
        float: none;
        display: flex;
        align-items: center;
    }

    .tracker-mobile .navbar-title {
        font-size: 16px;
    }

    .tracker-mobile .main-menu-item {
        margin-top: 0px;
    }

    .tracker-mobile .navbar-nav>li a {
        display: flex;
        align-items: center;
    }

    .tracker-mobile .navbar-left,
    .tracker-mobile .navbar-right {
        float: none !important;
    }

    .tracker-mobile .navbar-toggle {
        display: block;
        border-color: transparent;
    }

    .tracker-mobile .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .tracker-mobile .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .tracker-mobile .navbar-collapse.collapse {
        display: none !important;
    }

    .tracker-mobile .navbar-nav {
        float: none !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .tracker-mobile ul {
        list-style: none;
    }

    .tracker-mobile .navbar-nav>li {
        float: none;
    }

    .tracker-mobile .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tracker-mobile .collapse.in {
        display: block !important;
    }

    .tracker-mobile .search-address {
        width: 205px;
    }

    .tracker-mobile .main-menu-sub-item {}
}
/* Blue/Tint_01 */
/* Blue/Tint_02 */
/* Blue/Tint_03 */
/* Blue/Tint_04 */
/* Blue/Tint_05 */
/* Blue/Tint_06 */
/* Blue/Tint_07 */
/* Blue/Shade_01 */
/* Blue/Shade_02 */
/* Blue/Shade_03 */
/* Blue/Shade_04 */
/* Blue/Shade_05 */
/* Grayscale/Grey/Primary */
/* Grayscale/Grey/2 */
/* Grayscale/Grey/Shade_01 */
/* Grayscale/Grey/Shade_02 */
/* Grayscale/Grey/Shade_03 */
/* Grayscale/Grey/Shade_04 */
/* Grayscale/Grey/Shade_05 */
/* Grayscale/Grey/Shade_06 */
/* Grayscale/Grey/Shade_07 */
/* Grayscale/White/Primary */
/* Grayscale/White/SideMenu */
/* Success/Tint */
/* Success/Primary */
/* Success/Shade */
/* Error/Tint */
/* Error/Primary */
/* Error/Shade */
/* Alert/Tint */
/* Alert/Primary */
/* Alert/Shade */
/* Secondary/Tint */
/* Secondary/Primary */
/* Secondary/Shade */
.button-basic {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 38px;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #333333;
  background: var(--color-white-primary, #ffffff);
}
.button-basic .mat-icon {
  font-size: 20px;
}
.button-basic.button-small {
  height: 26px;
  padding: 0 16px;
}
.button-basic.button-icon {
  padding: 0 10px;
}
.button-basic.button-icon.button-small {
  padding: 0 6px;
}
.button-basic.full-width {
  width: 100%;
  justify-content: center;
}
.button-basic:hover {
  background: var(--color-primary-hover, #f7f7f8);
}
.button-basic:focus {
  outline: none;
  color: var(--color-primary, #2188d9);
  background: var(--color-blue-tint-1, #f4f9fd);
}
.button-basic:disabled {
  color: #d6d6d6;
  background: var(--color-white-primary, #ffffff);
  cursor: not-allowed;
}
.button-basic.active {
  color: var(--color-primary, #2188d9);
  background: var(--color-blue-tint-1, #f4f9fd);
}
.button-stroked {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 38px;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: var(--color-grey-shade-2, #828282);
  background: var(--color-white-primary, #ffffff);
  border: 1px solid var(--color-white-tint-1, #f2f2f2);
  box-sizing: border-box;
}
.button-stroked .mat-icon {
  font-size: 20px;
}
.button-stroked.button-small {
  height: 26px;
  padding: 0 16px;
}
.button-stroked.button-icon {
  padding: 0 10px;
}
.button-stroked.button-icon.button-small {
  padding: 0 6px;
}
.button-stroked.full-width {
  width: 100%;
  justify-content: center;
}
.button-stroked:hover {
  background: var(--color-white-sidemenu, #fafafa);
  border-color: var(--color-white-tint-4, #d6d6d8);
}
.button-stroked:focus {
  outline: none;
  color: var(--color-blue-primary, #2188d9);
  border-color: var(--color-blue-primary, #2188d9);
  background: var(--color-blue-tint-1, #f4f9fd);
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.button-stroked:disabled {
  color: #d6d6d6;
  border-color: #f2f2f3;
  background: var(--color-white-primary, #ffffff);
  cursor: not-allowed;
}
.button-flat {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 38px;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: var(--color-white-primary, #ffffff);
  background: var(--color-primary, #2188d9);
}
.button-flat .mat-icon {
  font-size: 20px;
}
.button-flat.button-small {
  height: 26px;
  padding: 0 16px;
}
.button-flat.button-icon {
  padding: 0 10px;
}
.button-flat.button-icon.button-small {
  padding: 0 6px;
}
.button-flat.full-width {
  width: 100%;
  justify-content: center;
}
.button-flat:hover {
  background: var(--color-blue-shade-1, #0d74c5);
}
.button-flat:focus {
  outline: none;
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.button-flat:disabled {
  background: var(--color-blue-tint-4, #cfe9fd);
  cursor: not-allowed;
}
.button-alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 38px;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: var(--color-white-primary, #ffffff);
  background: var(--color-error-primary, #dc3e33);
}
.button-alert .mat-icon {
  font-size: 20px;
}
.button-alert.button-small {
  height: 26px;
  padding: 0 16px;
}
.button-alert.button-icon {
  padding: 0 10px;
}
.button-alert.button-icon.button-small {
  padding: 0 6px;
}
.button-alert.full-width {
  width: 100%;
  justify-content: center;
}
.button-alert:hover {
  background: var(--color-error-shade, #972c25);
}
.button-alert:focus {
  outline: none;
  box-shadow: 0px 4px 10px 0px #FFE0DE;
}
.button-alert:disabled {
  background: var(--color-error-tint, #ffe6e3);
  cursor: not-allowed;
}
.button-basic-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 25px;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  padding: 0 2px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: var(--color-grey-shade-2, #828282);
  background: var(--color-white-primary, #ffffff);
}
.button-basic-new .mat-icon {
  font-size: 20px;
}
.button-basic-new.button-small {
  height: 22px;
}
.button-basic-new.full-width {
  width: 100%;
  justify-content: center;
}
.button-basic-new:hover {
  color: var(--color-grey-shade-4, #5b5b5b);
}
.button-basic-new:focus {
  outline: none;
  color: var(--color-primary, #2188d9);
}
.button-basic-new:disabled {
  color: var(--color-white-tint-3, #e0e0e0);
  cursor: not-allowed;
}
.button-basic-new.active {
  color: var(--color-primary, #2188d9);
}
.action-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: #FFFFFF;
  color: #4F4F4F;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.action-item:hover, .action-item:focus-within {
  outline: none;
  text-decoration: none;
  color: #4F4F4F;
  background: #F4F9FD;
}
.action-item.active {
  background: #F4F9FD;
}
.action-item.active:hover, .action-item.active:focus {
  background: #F4F9FD;
}
.action-item span {
  word-break: break-all;
}
.action-item span.action-item-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: unset;
}
.action-item-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: #FFFFFF;
  color: #4F4F4F;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 16px;
}
.action-item-checkbox:hover, .action-item-checkbox:focus-within {
  outline: none;
  text-decoration: none;
  color: #4F4F4F;
  background: #F4F9FD;
}
.action-item-checkbox zen-checkbox {
  width: 100%;
}
.action-item-checkbox zen-checkbox .checkbox-component {
  padding: 8px 0;
}
.action-item-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: #FFFFFF;
  color: #4F4F4F;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 16px;
}
.action-item-radio:hover, .action-item-radio:focus-within {
  outline: none;
  text-decoration: none;
  color: #4F4F4F;
  background: #F4F9FD;
}
.action-item-radio.active {
  background: #F4F9FD;
}
.action-item-radio.active zen-radio .radio-component {
  color: #4F4F4F;
}
.action-item-radio zen-radio {
  width: 100%;
}
.action-item-radio zen-radio .radio-component {
  padding: 8px 0;
}
.action-item-radio zen-radio .radio-component .radio-input + label {
  padding: 0 0 0 28px !important;
}
.action-menu {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 10;
  overflow: hidden;
}
.action-menu-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #ECECED;
}
.action-menu-header .title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.action-menu-body {
  padding: 8px 0;
}
.action-menu-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid #ECECED;
}
.common-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.common-form .required:after {
  content: " *";
  color: #d92c21;
}
.common-form .form-row {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.common-form .form-sub-header {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #060c1b;
}
.common-form .form-element {
  width: 100%;
  position: relative;
}
.common-form .form-element > label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #4f4f4f;
}
.common-form .form-element .error-message {
  display: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  align-items: center;
  color: #d92c21;
  padding-left: 20px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 15px 13px;
  margin-top: 3px;
}
.common-form .form-element.error label {
  color: #d92c21;
}
.common-form .form-element.error .material-input,
.common-form .form-element.error .zen-input,
.common-form .form-element.error .material-select,
.common-form .form-element.error .settings-multiselect {
  border-color: #d92c21;
}
.common-form .form-element.error .error-message {
  display: block;
}
.common-form .form-element.country-code {
  max-width: 140px;
}
.common-form .form-element.toggle-slide {
  display: flex;
  align-items: center;
  gap: 16px;
}
.common-form .form-element.toggle-slide label {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #060c1b;
}
.common-form .form-element:hover label {
  color: #333333;
}
.common-form .form-element:hover .material-input,
.common-form .form-element:hover .zen-input,
.common-form .form-element:hover .app-select-toggle,
.common-form .form-element:hover .material-select,
.common-form .form-element:hover .dropdown-toggle {
  border-color: #b8b9bc;
}
.common-form .form-element:focus-within label {
  color: var(--color-primary, #2188d9);
}
.common-form .form-element:focus-within .material-input,
.common-form .form-element:focus-within .zen-input,
.common-form .form-element:focus-within .app-select-toggle,
.common-form .form-element:focus-within .material-select,
.common-form .form-element:focus-within .dropdown-toggle {
  border-color: var(--color-primary, #2188d9);
}
.material-input,
.zen-input {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #d6d6d8;
  padding-bottom: 8px;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #4f4f4f;
}
.material-input::placeholder,
.zen-input::placeholder {
  color: #bebebe;
}
.material-input:focus,
.zen-input:focus {
  caret-color: var(--color-primary, #2188d9);
  border-color: var(--color-primary, #2188d9);
}
.material-input[readonly], .material-input[disabled],
.zen-input[readonly],
.zen-input[disabled] {
  cursor: not-allowed;
  color: #b8b9bc;
  border-color: #d0d0d2;
  background: #ffffff;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.table-wrapper {
  overflow: auto;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.table-wrapper.with-pagination {
  margin-bottom: 16px;
}
.table-wrapper .table-ui {
  border-collapse: collapse;
  box-sizing: border-box;
  text-align: left;
  width: 100%;
}
.table-wrapper .table-ui thead th {
  padding: 10px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  background: var(--color-blue-tint-1, #f4f9fd);
  color: var(--color-primary, #2188d9);
  height: unset;
}
.table-wrapper .table-ui thead th .sort-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.table-wrapper .table-ui tbody tr {
  cursor: pointer;
  z-index: 0;
  position: relative;
}
.table-wrapper .table-ui tbody tr:hover {
  z-index: 1;
  box-shadow: 0 4px 10px rgba(6, 12, 27, 0.15);
}
.table-wrapper .table-ui tbody tr.with-action td:last-of-type {
  padding-right: 36px;
}
.table-wrapper .table-ui tbody tr.with-action:hover td:last-of-type::after {
  font-family: "Material Icons";
  content: "keyboard_arrow_right";
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-grey-shade-2, #828282);
  position: absolute;
  width: 20px;
  height: 20px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10px;
  background: var(--color-white-tint-1, #f2f2f2);
  text-align: center;
}
.table-wrapper .table-ui tbody tr td {
  padding: 8px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  background: var(--color-white-primary, #ffffff);
  color: var(--color-grey-shade-2, #828282);
  height: unset;
  box-shadow: inset 0px -1px 0px var(--color-white-tint-2, #ececed);
}
.table-wrapper .table-ui tbody tr td .additional-groups {
  color: var(--color-primary, #2188d9);
}
.table-wrapper .table-ui.sticky-header thead th {
  position: sticky;
  z-index: 2;
  top: 0;
}
.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  gap: 16px;
}
.header-wrapper .header-group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-wrapper .header-group h3 {
  font-size: 20px;
  font-weight: 500;
  color: #4f4f4f;
  margin: 0px;
}
.header-wrapper .header-group .back-wrapper {
  color: #828282;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
.header-wrapper .header-group .page-title {
  font-size: 24px;
  color: #060c1b;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
}
.tab-header-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #ececed;
  margin-bottom: 16px;
}
.tab-header-wrapper .tab-header {
  border-bottom: 3px solid transparent;
  text-align: center;
  padding: 0 16px 13px;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #657281;
}
.tab-header-wrapper .tab-header.tab-header-active {
  font-weight: 500;
  color: var(--color-primary, #2188d9);
  border-bottom: 3px solid var(--color-primary, #2188d9);
}
.toolbar-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.toolbar-wrapper .tools-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbar-wrapper .tools-container .search-wrapper {
  width: 280px;
}
@keyframes ghost-lines-fast {
  0% {
    background-position: -100px;
  }
  40% {
    background-position: 40vw;
  }
  100% {
    background-position: 60vw;
  }
}
@keyframes ghost-lines {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.ghost-line {
  background-color: #f8f7f7 !important;
  margin: 10px;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}
.ghost-bg {
  background-color: #f8f7f7 !important;
  background: 0 0/200px 100% no-repeat #f8f7f7;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  animation: ghost-lines 2s infinite linear;
}
.pagination-component .app-select-toggle {
  width: 35px !important;
  border: none !important;
  padding: 0 !important;
}
.pagination-component .app-select-toggle .selected-item {
  line-height: 120% !important;
  font-size: 12px !important;
  color: #828282 !important;
}
.pagination-component .app-select-toggle .app-select-icon {
  color: #828282 !important;
  font-size: 16px !important;
}
.pagination-component .action-item {
  justify-content: center !important;
  font-size: 12px !important;
  line-height: 120% !important;
  padding: 8px !important;
}
/**
The MIT License (MIT)
Original here: https://github.com/polonel/SnackBar/blob/master/LICENSE
**/
.snackbar-container {
  transition: all 0.5s ease;
  transition-property: top, right, bottom, left, opacity;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  min-height: 14px;
  background-color: #070b0e;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  line-height: 22px;
  padding: 18px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
}
.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: min-content;
  cursor: pointer;
}
@media (min-width: 640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: inline-flex;
    border-radius: 2px;
    margin: 24px;
  }
}
@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%;
  }
}
.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}
.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}
.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}
.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}
@media (max-width: 640px) {
  .snackbar-pos.bottom-center,
.snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #2188d9;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #1d80d5;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #d92c21;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #2188d9;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #1d80d5;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #d92c21;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-badge-content {
  color: white;
  background: #2188d9;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #1d80d5;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #d92c21;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #2188d9;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #1d80d5;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #d92c21;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #2188d9;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #1d80d5;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #d92c21;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #2188d9;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #1d80d5;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #d92c21;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #2188d9;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #1d80d5;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #d92c21;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #2188d9;
}
.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: #1d80d5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #d92c21;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #2188d9;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #d92c21;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #1d80d5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(33, 136, 217, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(33, 136, 217, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(33, 136, 217, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #2188d9;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(33, 136, 217, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(33, 136, 217, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(33, 136, 217, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(29, 128, 213, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(29, 128, 213, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(29, 128, 213, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #1d80d5;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(29, 128, 213, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(29, 128, 213, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(29, 128, 213, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(217, 44, 33, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(217, 44, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(217, 44, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #d92c21;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(217, 44, 33, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(217, 44, 33, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(217, 44, 33, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #2188d9;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #1d80d5;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #d92c21;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #2188d9;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #1d80d5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #d92c21;
}
.mat-focused .mat-form-field-required-marker {
  color: #1d80d5;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #2188d9;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #1d80d5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #d92c21;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #2188d9;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #1d80d5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #d92c21;
}
.mat-error {
  color: #d92c21;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #2188d9;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #1d80d5;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #d92c21;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #d92c21;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #2188d9;
}
.mat-icon.mat-accent {
  color: #1d80d5;
}
.mat-icon.mat-warn {
  color: #d92c21;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #2188d9;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #1d80d5;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #d92c21;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #d92c21;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c4def2;
}
.mat-progress-bar-buffer {
  background-color: #c4def2;
}
.mat-progress-bar-fill::after {
  background-color: #2188d9;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c3dcf1;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c3dcf1;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #1d80d5;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f2c7c4;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f2c7c4;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #d92c21;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #2188d9;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #1d80d5;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #d92c21;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2188d9;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #2188d9;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #1d80d5;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #1d80d5;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #d92c21;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #d92c21;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #2188d9;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #1d80d5;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #d92c21;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #d92c21;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #1d80d5;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(29, 128, 213, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #1d80d5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #2188d9;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(33, 136, 217, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #2188d9;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #d92c21;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(217, 44, 33, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #d92c21;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #2188d9;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(33, 136, 217, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #1d80d5;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(29, 128, 213, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #d92c21;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(217, 44, 33, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #2188d9;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #1d80d5;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #d92c21;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #d92c21;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #d92c21;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(188, 219, 244, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #2188d9;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(66, 154, 223, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #1d80d5;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 192, 188, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #d92c21;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(188, 219, 244, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #2188d9;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(66, 154, 223, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #1d80d5;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 192, 188, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #d92c21;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #2188d9;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #1d80d5;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #d92c21;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #1d80d5;
}
.mat-button-focus-overlay {
  background: rgb(230, 230, 230);
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #2188d9;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #1d80d5;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #d92c21;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #2188d9;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #1d80d5;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #d92c21;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: #2188d9;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #1d80d5;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #d92c21;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #2188d9;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #1d80d5;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #d92c21;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #2188d9;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #1d80d5;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #d92c21;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #2188d9;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #1d80d5;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #d92c21;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #2188d9;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #1d80d5;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #d92c21;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #2188d9;
}
.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: #1d80d5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #d92c21;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #2188d9;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #d92c21;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #1d80d5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(33, 136, 217, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(33, 136, 217, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(33, 136, 217, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #2188d9;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(33, 136, 217, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(33, 136, 217, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(33, 136, 217, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(29, 128, 213, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(29, 128, 213, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(29, 128, 213, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #1d80d5;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(29, 128, 213, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(29, 128, 213, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(29, 128, 213, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(217, 44, 33, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(217, 44, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(217, 44, 33, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #d92c21;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(217, 44, 33, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(217, 44, 33, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(217, 44, 33, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #2188d9;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #1d80d5;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #d92c21;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #2188d9;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #1d80d5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #d92c21;
}
.mat-focused .mat-form-field-required-marker {
  color: #1d80d5;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #2188d9;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #1d80d5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #d92c21;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #2188d9;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #1d80d5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #d92c21;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #d92c21;
}
.mat-error {
  color: #d92c21;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #2188d9;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #1d80d5;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #d92c21;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #d92c21;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #2188d9;
}
.mat-icon.mat-accent {
  color: #1d80d5;
}
.mat-icon.mat-warn {
  color: #d92c21;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #2188d9;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #1d80d5;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #d92c21;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #d92c21;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c4def2;
}
.mat-progress-bar-buffer {
  background-color: #c4def2;
}
.mat-progress-bar-fill::after {
  background-color: #2188d9;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c3dcf1;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c3dcf1;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #1d80d5;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f2c7c4;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f2c7c4;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #d92c21;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #2188d9;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #1d80d5;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #d92c21;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2188d9;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #2188d9;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #1d80d5;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #1d80d5;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #d92c21;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #d92c21;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #2188d9;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #1d80d5;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #d92c21;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #d92c21;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #1d80d5;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(29, 128, 213, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #1d80d5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #2188d9;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(33, 136, 217, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #2188d9;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #d92c21;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(217, 44, 33, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #d92c21;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #2188d9;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(33, 136, 217, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #1d80d5;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(29, 128, 213, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #d92c21;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(217, 44, 33, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #2188d9;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #1d80d5;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #d92c21;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #d92c21;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #d92c21;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(188, 219, 244, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #2188d9;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(66, 154, 223, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #1d80d5;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 192, 188, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #d92c21;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(188, 219, 244, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #2188d9;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(66, 154, 223, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #1d80d5;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 192, 188, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #d92c21;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #2188d9;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #1d80d5;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #d92c21;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #1d80d5;
}
.action-item-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: #FFFFFF;
  color: #333333;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0px 16px;
}
.action-item-checkbox:hover, .action-item-checkbox:focus-within {
  outline: none;
  text-decoration: none;
  color: #333333;
  background: #F7F7F8;
}
.action-item-checkbox app-checkbox {
  width: 100%;
}
.action-item-checkbox app-checkbox .checkbox-component {
  padding: 8px 0;
}
.action-menu {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 11;
  overflow: hidden;
}
.action-menu-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #ECECED;
}
.action-menu-header .title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.action-menu-body {
  padding: 8px 0;
}
.action-menu-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid #ECECED;
}
.button-stroked-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  gap: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #2188d9;
  background: #ffffff;
  border: 1px solid #2188d9;
  box-sizing: border-box;
}
.button-stroked-2 .mat-icon {
  font-size: 20px;
}
.button-stroked-2.button-small {
  height: 32px;
  padding: 0 16px;
}
.button-stroked-2.button-icon {
  padding: 0 10px;
}
.button-stroked-2.button-icon.button-small {
  padding: 0 6px;
}
.button-stroked-2.full-width {
  width: 100%;
  justify-content: center;
}
.button-stroked-2.delete {
  background-color: #d92c21;
}
.button-stroked-2.delete:focus {
  background-color: #d92c21;
}
.button-stroked-2.delete:hover {
  background-color: #d92c21;
}
.button-stroked-2:hover {
  background: #f7f7f8;
  border-color: #2188d9;
}
.button-stroked-2:focus {
  outline: none;
  color: #2188d9;
  border-color: #2188d9;
  background: #ffffff;
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.button-stroked-2:disabled {
  color: #d6d6d6;
  border-color: #f2f2f3;
  background: #ffffff;
  cursor: not-allowed;
}
.common-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.common-form .required:after {
  content: " *";
  color: #D92C21;
}
.common-form .form-row {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.common-form .form-sub-header {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #060C1B;
}
.common-form .form-element {
  width: 100%;
  position: relative;
}
.common-form .form-element > .input-with-units {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.common-form .form-element > .input-with-units .units {
  margin-left: 10px;
}
.common-form .form-element > label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #60636c;
}
.common-form .form-element > .error-message {
  display: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  align-items: center;
  color: #D92C21;
  padding-left: 20px;
  height: 13px;
  background-image: url("/assets/Images/error-icon-red.png");
  background-repeat: no-repeat;
  background-size: 15px 13px;
  margin-top: 3px;
}
.common-form .form-element.error > label {
  color: #D92C21;
}
.common-form .form-element.error > .material-input,
.common-form .form-element.error > .material-select,
.common-form .form-element.error > .settings-multiselect {
  border-color: #D92C21;
}
.common-form .form-element.error > app-select .app-select-toggle {
  border-color: #D92C21;
}
.common-form .form-element.error > time-picker .timer-icon {
  color: #D92C21;
}
.common-form .form-element.error > time-picker .app-select-toggle {
  border-color: #D92C21;
}
.common-form .form-element.error > .error-message {
  display: block;
}
.common-form .form-element.country-code {
  max-width: 140px;
}
.common-form .form-element.toggle-slide {
  display: flex;
  align-items: center;
  gap: 16px;
}
.common-form .form-element.toggle-slide > label {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #060C1B;
}
.common-form .form-element:hover > label {
  color: #333333;
}
.common-form .form-element:hover > .material-input,
.common-form .form-element:hover > .app-select-toggle,
.common-form .form-element:hover > .material-select,
.common-form .form-element:hover > .dropdown-toggle {
  border-color: #B8B9BC;
}
.common-form .form-element:focus-within > label {
  color: #2188D9 !important;
}
.common-form .form-element:focus-within > .material-input,
.common-form .form-element:focus-within > .app-select-toggle,
.common-form .form-element:focus-within > .material-select,
.common-form .form-element:focus-within > .dropdown-toggle {
  border-color: #2188D9;
}
.material-input {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #D0D0D2;
  padding-bottom: 8px;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.material-input::placeholder {
  color: #B8B9BC;
}
.material-input:focus {
  caret-color: #2188D9;
  border-color: #2188D9;
}
.material-input[readonly], .material-input[disabled] {
  cursor: not-allowed;
  color: #B8B9BC;
  border-color: #D0D0D2;
  background: #FFFFFF;
}
.daterangepicker {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 8px;
}
.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  gap: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #333333;
  background: #ffffff;
  border: 1px solid #b8b9bc;
  box-sizing: border-box;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn .mat-icon {
  font-size: 20px;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.button-small {
  height: 32px;
  padding: 0 16px;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.button-icon {
  padding: 0 10px;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.button-icon.button-small {
  padding: 0 6px;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.full-width {
  width: 100%;
  justify-content: center;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.delete {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.delete:focus {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.delete:hover {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn:hover {
  background: #f7f7f8;
  border-color: #333333;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn:focus {
  outline: none;
  color: #2188d9;
  border-color: #2188d9;
  background: #f4f9fd;
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn:disabled {
  color: #d6d6d6;
  border-color: #f2f2f3;
  background: #ffffff;
  cursor: not-allowed;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  gap: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #ffffff;
  background: #2188d9;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn .mat-icon {
  font-size: 20px;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.button-small {
  height: 32px;
  padding: 0 16px;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.button-icon {
  padding: 0 10px;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.button-icon.button-small {
  padding: 0 6px;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.full-width {
  width: 100%;
  justify-content: center;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.delete {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.delete:focus {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn.delete:hover {
  background-color: #d92c21;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn:hover {
  background: #0d74c5;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn:focus {
  outline: none;
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.job-status {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  box-sizing: border-box;
  border-radius: 30px;
  background: #F2F2F2;
  color: #828282;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  white-space: nowrap;
}
.job-status.Completed {
  background: #E2F8DB;
  color: #328614;
}
.job-status.Completed zen-icon {
  background: #328614;
}
.job-status.Completed_stop {
  background: #E2F8DB;
  color: #328614;
}
.job-status.Completed_stop zen-icon {
  background: #328614;
}
.job-status.Assigned, .job-status.Dispatched {
  background: #F4F9FD;
  color: #2188D9;
}
.job-status.Assigned zen-icon, .job-status.Dispatched zen-icon {
  background: #2188D9;
}
.job-status.En_route_stop {
  background: #FFF2DE;
  color: #C77916;
}
.job-status.En_route_stop zen-icon {
  background: #C77916;
}
.job-status.Arrived_stop {
  background: #FFF2DE;
  color: #C77916;
}
.job-status.Arrived_stop zen-icon {
  background: #C77916;
}
.job-status.Unassigned {
  background: #F2F2F2;
  color: #828282;
}
.job-status.Unassigned zen-icon {
  background: #828282;
}
.job-status.Cancelled, .job-status.Rejected {
  background: #FFE6E3;
  color: #DC3E33;
}
.job-status.Cancelled zen-icon, .job-status.Rejected zen-icon {
  background: #DC3E33;
}
.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  margin-bottom: 24px;
  gap: 16px;
}
.header-wrapper .header-group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-wrapper .header-group .page-title {
  font-size: 20px;
  /* Grayscale/Grey/Primary */
  color: #4f4f4f;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
.header-wrapper .header-group .back-btn {
  color: #828282;
}
.tab-header-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #ececed;
  margin-bottom: 16px;
}
.tab-header-wrapper .tab-header {
  border-bottom: 3px solid transparent;
  text-align: center;
  padding: 0 16px 13px;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #657281;
}
.tab-header-wrapper .tab-header.tab-header-active {
  font-weight: 500;
  color: #2188d9;
  border-bottom: 3px solid #2188d9;
}
.toolbar-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.toolbar-wrapper .tools-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbar-wrapper .tools-container .search-wrapper {
  width: 280px;
}
.selectize-control .selectize-input {
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid #D0D0D2;
  padding: 0 24px 8px 0 !important;
  transition: 0.3s;
}
.selectize-control .selectize-input:hover {
  border-color: #B8B9BC;
}
.selectize-control .selectize-input.focus {
  box-shadow: none;
  border-color: #2188D9;
}
.selectize-control .selectize-dropdown {
  margin-top: 8px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
}
.selectize-control .selectize-dropdown .selectize-dropdown-content {
  padding: 8px 0;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .create,
.selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 8px 16px;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .create:hover,
.selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover {
  color: #333333;
  background: #F7F7F8;
}
.settings-modal {
  overflow: auto !important;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
}
.settings-modal .modal-content {
  border: none;
  border-radius: unset;
  box-shadow: none;
}
.settings-modal .modal-content .header {
  position: sticky;
  top: 0;
  background: #FFFFFF;
  z-index: 1;
}
.settings-modal .modal-content .header .heading-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid #ECECED;
}
.settings-modal .modal-content .header .heading-wrapper .heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #060C1B;
  flex: 1;
}
.settings-modal .modal-content .header .header-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #B8B9BC;
}
.settings-modal .modal-content .header .header-tabs .header-tab {
  width: 100%;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  text-align: center;
  padding: 16px 0 13px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #B8B9BC;
}
.settings-modal .modal-content .header .header-tabs .header-tab.header-tab-active {
  font-weight: 500;
  color: #2188D9;
  border-bottom: 3px solid #2188D9;
}
.settings-modal .modal-content .body {
  padding: 24px;
}
.settings-modal .modal-content .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 24px;
  gap: 16px;
}
.tooltip {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  opacity: 1;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #60636c;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #60636c;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #60636c;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #60636c;
}
.tooltip .tooltip-inner {
  padding: 8px 16px;
  background: #60636c;
  border-radius: 10px;
  min-width: 100px;
  max-width: 240px;
}
.tooltip.button-tooltip.right {
  margin-left: 24px;
}
.tooltip.button-tooltip.left .tooltip-arrow {
  margin-right: 24px;
}
.assign-driver-component .add-driver-link {
  color: rgb(64, 64, 255);
  cursor: pointer;
  text-decoration: underline;
}
.assign-driver-component .add-driver-text {
  font-weight: normal;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  cursor: pointer;
}
.assign-driver-component .notice {
  cursor: pointer;
  text-decoration: underline;
  font-size: 13px;
  color: #898989;
  margin-top: 10px;
}
.assign-driver-component .processing {
  color: #898989;
}
.assign-driver-component .edited {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.breadcrumbs-component {
  display: flex;
  align-items: center;
}
.breadcrumbs-component .breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumbs-component .breadcrumb-item .breadcrumb-text {
  color: #60636c;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
}
.breadcrumbs-component .breadcrumb-item .breadcrumb-text:hover {
  text-decoration: underline;
}
.breadcrumbs-component .breadcrumb-item .last-item {
  color: #60636c;
  font-weight: 500;
  font-size: 14px;
  cursor: default;
  text-decoration: none !important;
}
.browse-file-component > div.upload {
  border: 2px dashed #B8B9BC;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.browse-file-component > div.upload > span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #060C1B;
}
.browse-file-component > div.upload > span > label {
  color: #3D97DE;
  text-decoration: underline;
  cursor: pointer;
}
.browse-file-component > div.upload input[type=file] {
  display: none;
}
.checkbox-component {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.checkbox-component .app-checkbox {
  padding: 4px;
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  border: 1.6px solid #D6D6D8;
  border-radius: 2px;
  box-sizing: border-box;
  color: #ffffff;
}
.checkbox-component .app-checkbox.app-checked {
  border-color: #2188D9;
  color: #2188D9;
}
.checkbox-component .app-checkbox.app-indeterminate {
  border-color: #2188D9;
  color: #2188D9;
}
.checkbox-component .app-checkbox .app-checkbox-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.checkbox-component .app-checkbox-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #4F4F4F;
}
.checkbox-component:hover, .checkbox-component:focus {
  outline: none;
  text-decoration: none;
}
.checkbox-component:hover .app-checkbox, .checkbox-component:focus .app-checkbox {
  border-color: #828282;
}
.checkbox-component:hover .app-checkbox.app-checked, .checkbox-component:focus .app-checkbox.app-checked {
  border-color: #16598D;
  color: #16598D;
}
.checkbox-component:hover .app-checkbox.app-indeterminate, .checkbox-component:focus .app-checkbox.app-indeterminate {
  border-color: #16598D;
  color: #16598D;
}
.checkbox-component.app-disabled {
  cursor: not-allowed;
}
.checkbox-component.app-disabled .app-checkbox {
  border-color: #E0E0E0;
}
.checkbox-component.app-disabled .app-checkbox.app-checked {
  border-color: #E0E0E0;
  color: #E0E0E0;
}
.checkbox-component.app-disabled .app-checkbox.app-indeterminate {
  border-color: #E0E0E0;
  color: #E0E0E0;
}
.checkbox-component.app-disabled .app-checkbox-label {
  color: #E0E0E0;
}
.color-picker-component {
  position: relative;
}
.color-picker-component input[readonly] {
  padding-left: 40px;
  cursor: pointer;
}
.color-picker-component input[bootstrapcolorpicker] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  border: 1px black solid;
  color: transparent;
  cursor: pointer;
}
.column-config-component {
  display: inline-block;
  position: relative;
}
.column-config-component .column-config-menu {
  top: 115%;
  right: 0;
  width: 300px;
}
.column-config-component .column-config-menu .dnd-container {
  max-height: 218px;
  overflow-y: auto;
}
.column-config-component .column-config-menu .dnd-container .drag-item .drag-icon {
  cursor: move;
  color: #B8B9BC;
}
.column-config-component .column-config-menu .dnd-container .dndDraggingSource {
  display: none;
}
.column-config-component .column-config-menu .dnd-container .dndPlaceholder {
  background-color: #B8B9BC;
  display: block;
  min-height: 40px;
}
.countrycode-dropdown-list {
  position: relative;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
}
.countrycode-dropdown-list .select-box {
  display: flex;
  height: 32px;
  border-bottom: 1px solid #d0d0d2;
}
.countrycode-dropdown-list .select-box span {
  font-size: 16px;
  color: #60636c;
  cursor: pointer;
  flex: 1;
  margin-left: 10px;
}
.countrycode-dropdown-list .select-box .dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  width: 16px;
}
.countrycode-dropdown-list .select-box .country-flag {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  object-fit: none;
}
.countrycode-dropdown-list .items {
  position: absolute;
  top: 30px;
  z-index: 1000;
  background-color: #ffffff;
  width: 100%;
  padding: 15px;
  box-shadow: 0px 2px 10px rgba(6, 12, 27, 0.1);
  border-radius: 4px;
}
.countrycode-dropdown-list .items .item {
  white-space: nowrap;
  cursor: pointer;
}
.countrycode-dropdown-list .items .item label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #060c1b;
  margin-bottom: 10px;
}
.countrycode-dropdown-list .items .item label .country-flag {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  object-fit: none;
}
.countrycode-dropdown-list .items .item:hover, .countrycode-dropdown-list .items .item.active {
  color: #2188d9;
}
.countrycode-dropdown-list .items .selected {
  background-color: #2188d9;
}
.date-component {
  border-bottom: 1px solid #d0d0d2;
  color: #b8b9bc;
  padding-bottom: 8px;
  position: relative;
}
.date-component.focused {
  border-color: #2188d9;
}
.date-component.date-disabled {
  pointer-events: none;
}
.date-component.date-disabled .present-date {
  color: #b8b9bc !important;
}
.date-component .date-content {
  position: relative;
  cursor: pointer;
  text-align: center;
  color: #060c1b;
  display: flex;
  align-items: center;
  gap: 9px;
}
.date-component .date-content button {
  z-index: 1;
}
.date-component .date-content .material-icons {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: #b8b9bc;
}
.date-component .date-content .active-icon {
  color: #2188d9;
}
.date-component .date-content .hidden-element {
  opacity: 0;
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 0px;
  height: 42px;
}
.date-component .date-content .present-view {
  font-size: 16px;
  text-align: left;
  flex: 1;
  height: 18px;
}
.date-component .date-content .present-view .present-date {
  color: #333333;
}
.date-component .date-content > button {
  background: none;
  outline: none;
  border: none;
  padding: 0px;
}
.date-component .date-content .present-separator {
  font-size: 20px;
}
.date-component .date-content [uib-datepicker-popup-wrap] > ul {
  width: 280px;
}
.date-component .times-content {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 11;
  overflow: hidden;
  left: 0;
  width: 100%;
  overflow-y: auto;
  white-space: initial;
  padding: 8px 0;
}
.date-component .times-content.bottom {
  top: 41px;
}
.date-component .times-content.top {
  bottom: 41px;
}
zen-datepicker .date-component {
  border: none !important;
  padding: 0 !important;
}
.date-range-component {
  position: relative;
  height: 38px;
  background: #FFFFFF;
  border: 1px solid #ECECED;
  border-radius: 2px;
  padding: 0 24px;
}
.date-range-component .hidden-element {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.date-range-component .present-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #828282;
}
.date-range-component .present-view .mat-icon {
  font-size: 20px;
}
.device-search-component {
  display: inline-block;
  position: relative;
}
.tracker-mobile .device-search-component {
  padding-left: 5px;
}
.device-search-component button.dropdown-toggle {
  min-width: 150px;
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  color: rgb(128, 128, 128) !important;
  box-sizing: border-box;
  border-radius: 4px !important;
}
.device-search-component button.dropdown-toggle:hover {
  background-color: transparent !important;
}
.device-search-component .dropdown-header {
  padding: 3px 12px;
  position: relative;
  font-family: "Font Awesome 5 Free";
  /* Style for search icon display */
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
}
/* Search icon from Font Awesome */
.device-search-component .dropdown-header:before {
  content: "\f002";
  position: absolute;
  top: 12px;
  left: 18px;
}
.device-search-component .dropdown-header input {
  width: 100%;
  padding-left: 21px;
  background-color: #F1F2F5 !important;
  color: rgba(6, 12, 27, 0.4) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  font-family: Roboto;
  font-weight: normal;
}
.dropdown-checkbox-link-component {
  position: relative;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
}
.dropdown-checkbox-link-component .checkbox {
  padding-left: 20px;
}
.dropdown-checkbox-link-component .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.dropdown-checkbox-link-component .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.dropdown-checkbox-link-component .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  background-color: #2188d9;
  color: #555555;
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox],
.dropdown-checkbox-link-component .checkbox input[type=radio] {
  opacity: 0;
  z-index: 1;
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox]:focus + label::before,
.dropdown-checkbox-link-component .checkbox input[type=radio]:focus + label::before {
  outline: none;
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox input[type=radio]:checked + label::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f00c";
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox input[type=radio]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox]:disabled + label,
.dropdown-checkbox-link-component .checkbox input[type=radio]:disabled + label {
  opacity: 0.65;
}
.dropdown-checkbox-link-component .checkbox input[type=checkbox]:disabled + label::before,
.dropdown-checkbox-link-component .checkbox input[type=radio]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.dropdown-checkbox-link-component .checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.dropdown-checkbox-link-component .checkbox.checkbox-inline {
  margin-top: 0;
}
.dropdown-checkbox-link-component .checkbox-primary input[type=checkbox]:checked + label::before,
.dropdown-checkbox-link-component .checkbox-primary input[type=radio]:checked + label::before {
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .checkbox-primary input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox-primary input[type=radio]:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component .checkbox-danger input[type=checkbox]:checked + label::before,
.dropdown-checkbox-link-component .checkbox-danger input[type=radio]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.dropdown-checkbox-link-component .checkbox-danger input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox-danger input[type=radio]:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component .checkbox-info input[type=checkbox]:checked + label::before,
.dropdown-checkbox-link-component .checkbox-info input[type=radio]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.dropdown-checkbox-link-component .checkbox-info input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox-info input[type=radio]:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component .checkbox-warning input[type=checkbox]:checked + label::before,
.dropdown-checkbox-link-component .checkbox-warning input[type=radio]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.dropdown-checkbox-link-component .checkbox-warning input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox-warning input[type=radio]:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component .checkbox-success input[type=checkbox]:checked + label::before,
.dropdown-checkbox-link-component .checkbox-success input[type=radio]:checked + label::before {
  background-color: #2188d9;
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .checkbox-success input[type=checkbox]:checked + label::after,
.dropdown-checkbox-link-component .checkbox-success input[type=radio]:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component .checkbox-primary input[type=checkbox]:indeterminate + label::before,
.dropdown-checkbox-link-component .checkbox-primary input[type=radio]:indeterminate + label::before {
  background-color: #fff;
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .checkbox-primary input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox-primary input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}
.dropdown-checkbox-link-component .checkbox-danger input[type=checkbox]:indeterminate + label::before,
.dropdown-checkbox-link-component .checkbox-danger input[type=radio]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.dropdown-checkbox-link-component .checkbox-danger input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox-danger input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}
.dropdown-checkbox-link-component .checkbox-info input[type=checkbox]:indeterminate + label::before,
.dropdown-checkbox-link-component .checkbox-info input[type=radio]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.dropdown-checkbox-link-component .checkbox-info input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox-info input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}
.dropdown-checkbox-link-component .checkbox-warning input[type=checkbox]:indeterminate + label::before,
.dropdown-checkbox-link-component .checkbox-warning input[type=radio]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.dropdown-checkbox-link-component .checkbox-warning input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox-warning input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}
.dropdown-checkbox-link-component .checkbox-success input[type=checkbox]:indeterminate + label::before,
.dropdown-checkbox-link-component .checkbox-success input[type=radio]:indeterminate + label::before {
  background-color: #2188d9;
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .checkbox-success input[type=checkbox]:indeterminate + label::after,
.dropdown-checkbox-link-component .checkbox-success input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}
.dropdown-checkbox-link-component .radio {
  padding-left: 20px;
}
.dropdown-checkbox-link-component .radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.dropdown-checkbox-link-component .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.15s ease-in-out;
}
.dropdown-checkbox-link-component .radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.dropdown-checkbox-link-component .radio input[type=radio] {
  opacity: 0;
  z-index: 1;
}
.dropdown-checkbox-link-component .radio input[type=radio]:focus + label::before {
  outline: none;
}
.dropdown-checkbox-link-component .radio input[type=radio]:checked + label::after {
  transform: scale(1, 1);
}
.dropdown-checkbox-link-component .radio input[type=radio]:disabled + label {
  opacity: 0.65;
}
.dropdown-checkbox-link-component .radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}
.dropdown-checkbox-link-component .radio.radio-inline {
  margin-top: 0;
}
.dropdown-checkbox-link-component .radio-primary input[type=radio] + label::after {
  background-color: #2188d9;
}
.dropdown-checkbox-link-component .radio-primary input[type=radio]:checked + label::before {
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .radio-primary input[type=radio]:checked + label::after {
  background-color: #2188d9;
}
.dropdown-checkbox-link-component .radio-danger input[type=radio] + label::after {
  background-color: #d9534f;
}
.dropdown-checkbox-link-component .radio-danger input[type=radio]:checked + label::before {
  border-color: #d9534f;
}
.dropdown-checkbox-link-component .radio-danger input[type=radio]:checked + label::after {
  background-color: #d9534f;
}
.dropdown-checkbox-link-component .radio-info input[type=radio] + label::after {
  background-color: #5bc0de;
}
.dropdown-checkbox-link-component .radio-info input[type=radio]:checked + label::before {
  border-color: #5bc0de;
}
.dropdown-checkbox-link-component .radio-info input[type=radio]:checked + label::after {
  background-color: #5bc0de;
}
.dropdown-checkbox-link-component .radio-warning input[type=radio] + label::after {
  background-color: #f0ad4e;
}
.dropdown-checkbox-link-component .radio-warning input[type=radio]:checked + label::before {
  border-color: #f0ad4e;
}
.dropdown-checkbox-link-component .radio-warning input[type=radio]:checked + label::after {
  background-color: #f0ad4e;
}
.dropdown-checkbox-link-component .radio-success input[type=radio] + label::after {
  background-color: #2188d9;
}
.dropdown-checkbox-link-component .radio-success input[type=radio]:checked + label::before {
  border-color: #2188d9;
}
.dropdown-checkbox-link-component .radio-success input[type=radio]:checked + label::after {
  background-color: #2188d9;
}
.dropdown-checkbox-link-component input[type=checkbox].styled:checked + label:after,
.dropdown-checkbox-link-component input[type=radio].styled:checked + label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f00c";
}
.dropdown-checkbox-link-component input[type=checkbox] .styled:checked + label::before,
.dropdown-checkbox-link-component input[type=radio] .styled:checked + label::before {
  color: #fff;
}
.dropdown-checkbox-link-component input[type=checkbox] .styled:checked + label::after,
.dropdown-checkbox-link-component input[type=radio] .styled:checked + label::after {
  color: #fff;
}
.dropdown-checkbox-link-component > div:first-child span {
  font-size: 16px;
  color: #60636c;
  cursor: pointer;
}
.dropdown-checkbox-link-component > div.blue:first-child > span {
  color: rgb(33, 136, 217);
}
.dropdown-checkbox-link-component > div.blue:first-child > i {
  color: rgb(33, 136, 217);
}
.dropdown-checkbox-link-component div.menu {
  position: absolute;
  top: 20px;
  z-index: 1000;
  background-color: white;
  padding: 5px;
  box-shadow: 0px 2px 10px rgba(6, 12, 27, 0.1);
  border-radius: 4px !important;
}
.dropdown-checkbox-link-component div.menu > div {
  padding: 15px;
  white-space: nowrap;
  cursor: pointer;
  color: black !important;
}
.dropdown-checkbox-link-component .search-wrapper {
  border-bottom: 1px solid #ececed;
}
.dropdown-checkbox-link-component .search-box {
  border: 1px solid #ececed !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  height: 40px;
  width: 269px;
  margin-top: 10px;
  padding-left: 33px;
}
.dropdown-checkbox-link-component .search-wrapper .mat-icon {
  position: absolute;
  left: 25px;
  top: 40px;
  color: #b8b9bc;
}
.dropdown-checkbox-link-component div.menu > div.items {
  max-height: 250px;
  overflow-y: auto;
  padding: 8px;
  white-space: initial;
}
.dropdown-checkbox-link-component .dropdown-item {
  margin: 5px;
}
.dropdown-checkbox-link-component .dropdown-item .lbl {
  font-size: 16px;
  font-weight: normal;
  color: #060c1b;
}
.dropdown-arrow {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
}
.dropdown-link-component {
  position: relative;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
}
.dropdown-link-component div:first-child span {
  font-size: 16px;
  color: #60636C;
  cursor: pointer;
}
.dropdown-link-component div.items {
  position: absolute;
  top: 20px;
  z-index: 1000;
  background-color: white;
  box-shadow: 0px 2px 10px rgba(6, 12, 27, 0.1);
  border-radius: 4px !important;
  width: 200px;
  padding: 10px;
  color: #060c1b;
}
.dropdown-link-component div.items .item-label {
  font-weight: normal;
  cursor: pointer;
}
.dropdown-link-component div.items > div {
  white-space: nowrap;
  cursor: pointer;
  font-size: 15px;
}
.dropdown-link-component div.items > div:hover, .dropdown-link-component div.items > div.active {
  color: #2188D9;
}
.filters-component.old-filters-component {
  display: inline-block;
  position: relative;
}
.filters-component.old-filters-component .filter {
  color: #60636c;
  position: relative;
}
.filters-component.old-filters-component .filter.applied {
  color: #2188d9;
  background: #f4f9fd;
  border: 1px solid #2188d9;
}
.filters-component.old-filters-component .filter .dot {
  background: #2188d9;
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 50%;
  left: 42px;
  top: 9px;
}
.filters-component.old-filters-component .menu-content {
  top: 60px;
  width: 360px;
  white-space: initial;
}
.filters-component.old-filters-component .menu-content .items-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 407px);
  position: relative;
}
.filters-component.old-filters-component .menu-content .items-wrapper .action-item.expanded {
  background: #f7f7f8;
}
.filters-component.old-filters-component .menu-content .items-wrapper .action-item.expanded.active {
  background: #dfe9f1;
}
.filters-component.old-filters-component .menu-content .items-wrapper .action-item.radio-group {
  flex-direction: column;
  align-items: flex-start;
}
.filters-component.old-filters-component .menu-content .items-wrapper .action-item.radio-group .headings {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .action-item.radio-group .radio-button {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
}
.filters-component.old-filters-component .menu-content .items-wrapper .expand-icon {
  transition: 0.3s;
}
.filters-component.old-filters-component .menu-content .items-wrapper .expand-icon.active {
  transform: rotate(180deg);
}
.filters-component.old-filters-component .menu-content .items-wrapper .ds-item {
  margin-left: 32px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .select-all {
  font-weight: 500;
}
.filters-component.old-filters-component .menu-content .items-wrapper .filter-row {
  padding: 0 16px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .filter-row:not(:last-of-type) {
  margin-bottom: 20px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .filter-row .lbl {
  color: #60636c;
  font-size: 14px;
  margin-bottom: 8px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .filter-row:focus-within .lbl {
  color: #2188d9;
}
.filters-component.old-filters-component .menu-content .items-wrapper .number-range-row {
  display: flex;
  margin-left: 32px;
  gap: 16px;
  margin-bottom: 10px;
}
.filters-component.old-filters-component .menu-content .items-wrapper .toggle-row {
  justify-content: space-between;
}
.filters-component.old-filters-component .menu-content .items-wrapper .filter-divider {
  margin: 0.2em 0;
  border-bottom: 1px solid #ECECED;
}
.filters-component.old-filters-component .menu-content .radio-component input[type=radio] {
  position: absolute;
  left: -9999px;
}
.filters-component.old-filters-component .menu-content .radio-component input[type=radio] + label {
  position: relative;
  padding: 0 0 0 32px;
  cursor: pointer;
}
.filters-component.old-filters-component .menu-content .radio-component input[type=radio] + label:before {
  content: "";
  background: #fff;
  border: 1px solid #2188D9;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.filters-component.old-filters-component .menu-content .radio-component input[type=radio] + label:after {
  content: "";
  background: #2188D9;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
  transform: scale(2);
  transition: transform 0.3s linear, opacity 0.3s linear;
}
.filters-component.old-filters-component .menu-content .radio-component input[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.filters-component.old-filters-component .menu-content .radio-component .disabled-radio input[type=radio] + label {
  cursor: not-allowed;
}
.filters-component.old-filters-component .menu-content .radio-component .disabled-radio input[type=radio] + label:before {
  border: 1px solid #CCC;
}
.filters-component.old-filters-component .right {
  left: 0;
}
.filters-component.old-filters-component .left {
  right: 0;
}
.app-form-component .form-control {
  width: 100%;
  border-radius: 0;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  border-bottom: 1px solid #d0d0d2;
  padding-bottom: 8px;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.app-form-component .signature-pad-refresh {
  display: none;
}
.app-form-component .col-form-label {
  display: block;
  margin-bottom: 10px;
  color: #4F4F4F;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
}
.app-form-component .formio-component-datetime .input-group {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 200px;
}
.app-form-component .signature-pad-footer {
  display: none;
}
.app-form-component .signature-pad-body {
  background: #f5f5eb;
}
.app-form-component .signature-pad-body .field-required-inline {
  display: none;
}
.group-search-component {
  display: inline-block;
  position: relative;
}
.group-search-component .show-dropdown-btn {
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  width: 160px;
  height: 34px;
  color: #60636C !important;
  background: #F4F9FD;
  box-sizing: border-box;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.group-search-component .menu-content {
  position: absolute;
  top: 110%;
  left: 0;
  width: 300px;
  overflow-y: scroll;
  max-height: 250px;
  white-space: initial;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(6, 12, 27, 0.1);
  border-radius: 4px;
  z-index: 3;
  padding: 10px;
}
.group-search-component .checkbox-component {
  margin-bottom: 10px;
}
.group-search-component .search-bar {
  width: 269px;
  height: 50px;
}
.group-search-component button.dropdown-toggle {
  min-width: 150px;
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  color: rgb(128, 128, 128) !important;
  box-sizing: border-box;
  border-radius: 4px !important;
}
.group-search-component button.dropdown-toggle:hover {
  background-color: transparent !important;
}
.group-search-component .dropdown-header {
  padding: 3px 12px;
  position: relative;
  font-family: "Font Awesome 5 Free";
  /* Style for search icon display */
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
}
/* Search icon from Font Awesome */
.group-search-component .dropdown-header:before {
  content: "\f002";
  position: absolute;
  top: 12px;
  left: 18px;
}
.group-search-component .dropdown-header input {
  width: 100%;
  padding-left: 21px;
  background-color: #F1F2F5 !important;
  color: rgba(6, 12, 27, 0.4) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  font-family: Roboto;
  font-weight: normal;
}
.location-search-component {
  position: relative;
}
.location-search-component .search-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  color: #B8B9BC;
  padding-bottom: 8px;
}
.location-search-component .material-input {
  padding-left: 32px;
  padding-right: 32px;
}
.location-search-component .loader-circle-xs {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  border-top-color: #2188D9;
}
.location-search-component .dropdown-menu {
  border: none;
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.24), 0px 1px 10px rgba(0, 0, 0, 0.1);
}
.location-search-component .dropdown-menu li a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 8px 16px;
}
.location-search-component .dropdown-menu li:hover {
  color: #333333;
  background: #F7F7F8;
}
.location-search-component .dropdown-menu li.active a {
  background: #E9F3FB;
  color: #333333;
}
.location-search-component .dropdown-menu li.active:hover {
  background: #DFE9F1;
  color: #333333;
}
.multiselect-component {
  position: relative;
}
.multiselect-component .selected-items-content {
  display: flex;
  align-items: center;
  border: 1px solid rgba(6, 12, 27, 0.4);
  border-radius: 4px;
  padding: 4px;
  justify-content: space-between;
  height: 36px;
}
.multiselect-component .selected-items-wrapper {
  display: flex;
  align-items: center;
}
.multiselect-component .selected-items-wrapper .more-count {
  color: #2188d9;
  margin-left: 5px;
}
.multiselect-component .dropdown-items {
  position: absolute;
  top: 40px;
  left: 0px;
  display: block;
  width: 100%;
  background-color: white;
  max-height: 250px;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0px -1px 4px rgba(6, 12, 27, 0.12), 1px 5px 4px rgba(6, 12, 27, 0.12);
  border-radius: 4px;
}
.multiselect-component .selected-item {
  background-color: #f1f2f5;
  padding: 5px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.multiselect-component .selected-item .mat-icon {
  font-size: 14px;
  color: red;
  cursor: pointer;
}
.multiselect-component .dropdown-items .toggle-select {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.multiselect-component .dropdown-items .toggle-select .glyphicon {
  padding-right: 6px;
}
.multiselect-component .search-wrapper {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin-bottom: 10px;
}
.multiselect-component .search-wrapper .mat-icon {
  position: absolute;
  left: 12px;
  top: 16px;
  color: rgba(6, 12, 27, 0.4);
}
.multiselect-component .search-wrapper input {
  padding-left: 26px;
  background-color: #f1f2f5 !important;
  border-radius: 4px !important;
  color: rgba(6, 12, 27, 0.4) !important;
  width: 100%;
  border-bottom: none !important;
  padding-top: 7px;
  padding-bottom: 7px;
}
.multiselect-component .list-wrapper {
  padding: 10px;
}
.multiselect-component .item-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.multiselect-component .item-wrapper .item-checkbox {
  border: 2px solid rgba(6, 12, 27, 0.4);
  border-radius: 2px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-bottom: 1px;
}
.multiselect-component .item-wrapper.active .item-checkbox {
  display: block;
  border: 2px solid #2188d9;
}
.multiselect-component .item-wrapper .item-checkbox .mat-icon {
  display: none;
}
.multiselect-component .item-wrapper.active .item-checkbox .mat-icon {
  display: block;
  font-weight: bold;
  font-size: 11px;
  margin-left: -1px;
  margin-top: 0px;
  color: #2188d9;
}
.pagination-component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.pagination-component > div:first-child {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #060C1B;
}
.pagination-component .pages {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.pagination-component .pages > div.page {
  background: #FFFFFF;
  border: 1px solid #B8B9BC;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #060C1B;
  margin-left: 5px;
}
.pagination-component .pages > div.active.page {
  border-color: #2188D9;
  color: #2188D9;
}
.pagination-component .pages > div.group {
  background: #FFFFFF;
  border: 1px solid #B8B9BC;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 5px;
}
.pagination-component .pages > div.group.disabled {
  border-width: 0px;
  background-color: #F7F7F8;
}
.pagination-component .pages > div {
  cursor: pointer;
}
.pagination-component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.pagination-component .select-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.pagination-component .select-dropdown label {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #4F4F4F;
}
.pagination-component .select-dropdown .app-select .app-select-toggle {
  width: 35px;
  border: none;
  padding: 0;
}
.pagination-component .select-dropdown .app-select .app-select-toggle .selected-item {
  line-height: 120%;
  font-size: 12px;
  color: #828282;
}
.pagination-component .select-dropdown .app-select .app-select-toggle .app-select-icon {
  color: #828282;
  font-size: 16px;
}
.pagination-component .select-dropdown .app-select .action-item {
  justify-content: center;
  font-size: 12px;
  line-height: 120%;
  padding: 8px;
}
.pagination-component .pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.pagination-component .pages label {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #828282;
}
.pagination-component .pages .pagination-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 16px;
  padding: 0;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  border-radius: 50%;
  transition: 0.1s;
  cursor: pointer;
  color: #828282;
  background: #FFFFFF;
}
.pagination-component .pages .pagination-button:hover {
  color: #4F4F4F;
  background: #F2F2F2;
}
.pagination-component .pages .pagination-button:focus {
  outline: none;
  color: #2188D9;
  background: #F4F9FD;
}
.pagination-component .pages .pagination-button:disabled {
  color: #E0E0E0;
  background: #FFFFFF;
  cursor: not-allowed;
}
.pagination-component .pages .pagination-button .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.phone-input-component {
  position: relative;
  width: 100%;
}
.phone-input-component .material-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.phone-input-component .material-input .country-select {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  outline: none;
}
.phone-input-component .material-input .country-select .expand-icon {
  color: #60636C;
  transition: 0.3s;
}
.phone-input-component .material-input .country-select .expand-icon.active {
  color: #2188D9;
  transform: rotate(180deg);
}
.phone-input-component .material-input .country-select .code {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.phone-input-component .material-input .country-select:focus .expand-icon {
  color: #2188D9;
}
.phone-input-component .material-input .phone-input {
  flex: 1;
  border: none;
}
.phone-input-component .country-dropdown-list {
  width: inherit;
  margin-top: 8px;
}
.search-box-component {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D0D0D2;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px;
}
.search-box-component:hover {
  border-color: #B8B9BC;
}
.search-box-component:focus-within {
  border-color: #2188D9;
  box-shadow: 0 0 2px 2px rgba(33, 136, 217, 0.3);
}
.search-box-component:focus-within input {
  caret-color: #2188D9;
}
.search-box-component input {
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  width: 100%;
  color: #060C1B;
}
.search-box-component input::placeholder {
  color: #B8B9BC;
}
.search-box-component .mat-icon {
  color: #B8B9BC;
  -webkit-user-select: none;
          user-select: none;
}
.search-box-component .mat-icon.close-icon {
  cursor: pointer;
}
div.second-menu {
  width: 100%;
  height: 50px;
  text-align: center;
}
div.second-menu > div {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  height: 100%;
  padding: 16px 15px 0px 15px;
  cursor: pointer;
  position: relative;
}
div.second-menu > div > div.dropdown-menu {
  position: absolute;
  top: 47px;
  display: none;
  padding: 0px;
  width: -moz-fit-content;
  width: fit-content;
}
div.second-menu > div:hover > div.dropdown-menu {
  display: block;
}
div.second-menu > div > div.dropdown-menu > div {
  text-transform: uppercase;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  padding: 5px;
  white-space: nowrap;
}
div.second-menu > div > div.dropdown-menu > div.active, div.second-menu > div > div.dropdown-menu > div:hover {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.2);
}
div.second-menu > div.active {
  border-bottom: 2px solid;
  border-color: transparent;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.2);
}
div.second-menu > div > span {
  text-transform: uppercase;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
}
div.second-menu > div.active > span {
  font-weight: 600;
}
@media (max-width: 1670px) {
  div.second-menu > div > span {
    font-size: 14px;
  }
}
@media (max-width: 1570px) {
  div.second-menu > div {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 1370px) {
  div.second-menu > div {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 1270px) {
  div.second-menu > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1170px) {
  div.second-menu > div {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 1070px) {
  div.second-menu > div > span {
    font-size: 12px;
  }
}
@media (max-width: 950px) {
  div.second-menu > div > span {
    font-size: 11px;
  }
}
@media (max-width: 880px) {
  div.second-menu > div {
    height: 50%;
    padding-top: 0px;
  }
}
.app-select {
  width: 100%;
  position: relative;
}
.app-select ::-webkit-scrollbar-thumb {
  background-color: #2188D9;
}
.app-select .app-select-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  transition: 0.3s;
  width: 100%;
  background: #FFFFFF;
  -webkit-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #D0D0D2;
  padding: 0 0 8px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18.2px;
  color: #4F4F4F;
}
.app-select .app-select-toggle .app-select-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
}
.app-select .app-select-toggle .app-select-label .placeholder {
  color: #B8B9BC;
}
.app-select .app-select-toggle .app-select-label .selected-item {
  color: #4F4F4F;
}
.app-select .app-select-toggle .app-select-icon {
  color: #60636C;
  transition: 0.3s;
}
.app-select .app-select-toggle:focus {
  border-color: #2188D9;
}
.app-select .app-select-toggle:focus .app-select-icon {
  color: #2188D9;
}
.app-select .app-select-toggle[readonly], .app-select .app-select-toggle[disabled] {
  cursor: not-allowed;
  color: #B8B9BC;
  border-color: #D0D0D2;
}
.app-select .app-select-toggle.active {
  border-color: #2188D9;
}
.app-select .app-select-toggle.active .app-select-icon {
  transform: rotate(180deg);
  color: #2188D9;
}
.app-select .app-select-dropdown-wrapper {
  top: 115%;
  width: inherit;
}
.app-select .app-select-dropdown-wrapper .action-menu-body {
  max-height: 256px;
  overflow: auto;
}
.app-select .app-select-dropdown-wrapper .no-options-found {
  background: #FFFFFF;
  color: #B8B9BC;
  padding: 8px 16px;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.app-select .app-select-dropdown-wrapper .select-all {
  font-weight: 500;
}
.app-select .view-form-icon {
  position: absolute;
  right: 30px;
  top: 0;
  color: #b8b9bc;
  cursor: pointer;
}
.app-select .view-form-icon:hover {
  color: #2188D9;
}
.app-select .preview-form-tooltip {
  width: 120px;
}
.sort-icon-component {
  display: inline-block;
  position: relative;
}
.sort-icon-component .select-box {
  display: flex;
  flex-direction: row;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #60636c;
  gap: 4px;
  align-items: center;
}
.sort-icon-component .select-box .sort-name {
  font-size: 16px;
  color: #2188D9;
}
.sort-icon-component .select-box .mat-icon {
  font-size: 24px;
  color: #2188D9;
}
.sort-option {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.sort-option .sort-icon {
  display: flex;
  color: #CFE9FD;
  height: 10px;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  transition: 0.3s;
}
.sort-option .sort-icon-active {
  color: #2188D9;
}
.sort-icon-componet img {
  cursor: pointer;
}
.time-picker-component .app-select-toggle {
  background: transparent;
  z-index: 1;
}
.time-picker-component .app-select-icon {
  visibility: hidden;
}
.time-picker-component .timer-icon {
  position: absolute;
  right: 0;
  top: 25px;
  color: #D0D0D2;
  transition: 0.3s;
}
.time-picker-component:focus-within .timer-icon {
  color: #2188D9;
}
.toggle-component {
  display: inline-block;
}
.toggle-component-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  color: #2188D9;
  cursor: pointer;
}
.toggle-component .toggle-state {
  border: 1px solid #2188D9;
  padding: 7px;
  min-width: 70px;
  text-align: center;
}
.toggle-component .toggle-state-left {
  border-radius: 4px 0 0 4px;
}
.toggle-component .toggle-state-right {
  border-radius: 0 4px 4px 0;
}
.toggle-component .toggle-active {
  background-color: #2188D9;
  color: white;
}
.toggle-slide-component-old {
  position: relative;
  padding: 8px;
}
.toggle-slide-component-old .toggle-slider {
  position: relative;
  height: 24px;
  width: 42px;
  cursor: pointer;
  background: #B8B9BC;
  transition: 0.4s;
  border-radius: 24px;
  padding: 0;
  text-decoration: none;
  outline: none;
  border: none;
}
.toggle-slide-component-old .toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  top: 2px;
  background-color: #FFFFFF;
  transition: 0.4s;
  border-radius: 50%;
}
.toggle-slide-component-old .toggle-slider:hover {
  background: #A5A5A7;
}
.toggle-slide-component-old .toggle-slider:focus {
  background: #BED2E2;
  box-shadow: 0px 0px 2px 2px rgba(33, 136, 217, 0.3);
}
.toggle-slide-component-old .toggle-slider.active {
  background-color: #2188D9;
}
.toggle-slide-component-old .toggle-slider.active:before {
  transform: translateX(18px);
}
.toggle-slide-component-old .toggle-slider.active:hover {
  background-color: #0D74C5;
}
.toggle-slide-component-old .toggle-slider.active:focus {
  background-color: #0D74C5;
}
.toggle-slide-component-old .toggle-slider[readonly], .toggle-slide-component-old .toggle-slider[disabled] {
  background-color: #D0D0D2;
  box-shadow: none;
  cursor: not-allowed;
}
.toggle-slide-component-old .toggle-slider[readonly]:hover, .toggle-slide-component-old .toggle-slider[disabled]:hover {
  background-color: #D0D0D2;
}
.toggle-slide-component-old .toggle-slider[readonly]:focus, .toggle-slide-component-old .toggle-slider[disabled]:focus {
  background-color: #D0D0D2;
}
.upload-file-component .upload {
  border: 2px dashed #b8b9bc;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.upload-file-component .upload .file-preview {
  width: 60px;
  border-radius: 50px;
  height: 60px;
  padding: 0px;
}
.upload-file-component .upload span {
  font-family: Roboto;
  font-style: normal;
  font-size: 16px;
  line-height: 130%;
  color: #060c1b;
}
.upload-file-component .upload span .underline {
  text-decoration: underline;
}
.upload-file-component .upload span .highlight {
  color: #3d97de;
}
.upload-file-component .upload span label {
  cursor: pointer;
}
.upload-file-component .upload span.title {
  font-weight: 500;
}
.upload-file-component .upload span.description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #60636C;
}
.upload-file-component .upload input[type=file] {
  display: none;
}
.user-search-component {
  display: inline-block;
  position: relative;
}
.user-search-component button.dropdown-toggle {
  min-width: 150px;
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  color: rgb(128, 128, 128) !important;
  box-sizing: border-box;
  border-radius: 4px !important;
}
.user-search-component button.dropdown-toggle:hover {
  background-color: transparent !important;
}
.user-search-component .dropdown-header {
  padding: 3px 12px;
  position: relative;
  font-family: "Font Awesome 5 Free";
  /* Style for search icon display */
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
}
/* Search icon from Font Awesome */
.user-search-component .dropdown-header:before {
  content: "\f002";
  position: absolute;
  top: 12px;
  left: 18px;
}
.user-search-component .dropdown-header input {
  width: 100%;
  padding-left: 21px;
  background-color: #F1F2F5 !important;
  color: rgba(6, 12, 27, 0.4) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  font-family: Roboto;
  font-weight: normal;
}
.coaching-component {
  padding: 20px;
}
.coaching-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.coaching-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191C;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.coaching-component .date-picker-wrapper {
  margin: 0 10px;
}
.coaching-component .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.coaching-component .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.coaching-component .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.coaching-component .info-tooltip {
  display: inline-block;
  cursor: help;
}
.coaching-component .info-tooltip img {
  width: 20px;
  filter: contrast(0.2);
}
.coaching-component .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.coaching-component .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  padding-left: 5px;
}
@media (max-width: 767px) {
  .coaching-component .filter-wrapper > * {
    margin-bottom: 5px !important;
  }
}
.coaching-component .filter-wrapper > * {
  margin: 0px 10px 0px 0px;
}
.coaching-component .filter-wrapper > *:last-child {
  margin: 0px;
}
.coaching-component .tab-content {
  margin-top: 20px;
}
.coaching-component .data-table {
  border-top: 1px solid rgba(6, 12, 27, 0.2);
}
.coaching-component .star-icon {
  display: none;
  height: 20px;
  overflow: hidden;
}
.coaching-component tr:hover .star-icon {
  display: block;
}
.coaching-component .start-highlight {
  color: #FE620B;
  display: block !important;
}
.coaching-component .data-table tr td {
  vertical-align: middle;
}
.coaching-component .data-table tr td a {
  cursor: pointer;
}
.coaching-component .score {
  display: inline-block;
  margin: 2px 3px;
  padding: 1px 10px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
  min-width: 45px;
  border: 1px solid;
  text-align: center;
}
.coaching-component .high-score {
  color: #24B833;
  border-color: #24B833;
  background: rgba(36, 184, 51, 0.1);
}
.coaching-component .mid-score {
  color: #8E23CF;
  border-color: #8E23CF;
  background: rgba(142, 35, 207, 0.1);
}
.coaching-component .low-score {
  color: #FF0000;
  border-color: #FF0000;
  background: rgba(255, 0, 0, 0.1);
}
.coaching-component .distance-limit {
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: 5px 10px 4px 10px;
}
.coaching-component .distance-limit > input {
  color: black !important;
  width: 40px;
  margin-right: 5px;
}
.coaching-component .manage-link {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  align-items: center;
  text-decoration-line: underline;
  cursor: pointer;
}
.container-dashboard .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container-dashboard .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191C;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.container-dashboard .date-picker-wrapper {
  margin: 0 10px;
}
.container-dashboard .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.container-dashboard {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}
.container-dashboard .grid-stack-item-content {
  background-color: white;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
}
.container-dashboard .widget-heading {
  color: black;
  font-size: 18px;
  text-align: left;
  padding-top: 10px;
  margin-left: 10px;
}
.container-dashboard .summary-value {
  display: table;
  margin-left: auto;
  margin-right: auto;
  line-height: 1em;
  white-space: nowrap;
}
.container-dashboard .summary-sub {
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.3em;
  white-space: nowrap;
}
.container-dashboard .widget-total {
  font-size: 2.8em;
}
.table-attrs td {
  padding: 10px;
}
.widget-preview {
  width: 100%;
}
.widget-preview .widget-body {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  border: 1px solid #dcdcdc;
}
.widget-body {
  height: calc(100% - 70px);
  width: 100%;
  overflow-y: auto;
}
.full-size {
  height: 100% !important;
  width: 100% !important;
}
.widget-preview .dashboard-widget {
  height: 100%;
  width: 100%;
  display: block;
}
.show-on-hover {
  display: none;
}
.dashboard-panel:hover .show-on-hover {
  display: block;
}
.container-dashboard .widget-pie-lbl {
  margin-top: 10px;
}
.widget-total .pecent-text {
  font-size: 0.5em;
}
.widget-total .header-text {
  font-size: 0.3em;
}
.widget-total .summary-value-container {
  line-height: 1em;
  white-space: nowrap;
}
.dashboard-filter-component {
  position: relative;
  font-family: Roboto;
}
.dashboard-filter-component > div:first-child {
  border: 1px solid rgba(6, 12, 27, 0.4);
  border-radius: 4px;
  color: rgb(128, 128, 128);
  padding: 6px 10px;
  cursor: pointer;
}
.dashboard-filter-component > div:last-child {
  position: absolute;
  top: 40px;
  left: 0px;
  border: 1px solid rgb(204, 204, 204) !important;
  display: block;
  background-color: white;
  max-height: 350px;
  overflow-y: auto;
  padding: 0px;
  width: 240px;
}
.dashboard-filter-component > div:last-child > div:first-child {
  display: block;
  padding: 10px 10px 0px 10px;
}
.dashboard-filter-component > div:last-child {
  z-index: 100;
}
.dashboard-filter-component > div:last-child > div {
  display: flex;
  flex-direction: row;
  padding: 0px 5px;
  margin: 0px 0px 15px 0px;
  background-color: white;
}
.dashboard-filter-component > div:last-child > div > label {
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  display: flex;
}
.dashboard-filter-component > div:last-child > div > label > input[type=radio] {
  margin-top: 4px;
  margin-right: 10px;
}
.dashboard-filter-component > div:last-child > div.header {
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  font-size: 16px;
}
.dashboard-filter-component > div:last-child > div.separate {
  background-color: rgb(204, 204, 204);
  height: 1px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 0px;
}
.dispatch-content {
  height: calc(100vh - 52px);
  overflow-y: auto;
}
#customer-map,
#job-map {
  width: 90%;
  min-width: 100px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}
.customer-fields-right {
  margin-top: 10px;
  width: 90%;
  min-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.panel-job-details {
  position: absolute;
  top: 52px;
  right: 0px;
  width: 50vw;
  max-width: 1000px;
  height: 100vh;
  height: calc(100vh - 52px);
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  overflow-x: hidden;
}
#panel-map {
  width: 99%;
  min-width: 100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.side-panel-header {
  color: black;
  background-color: #eaeaea;
  border-color: #2196f3;
  height: 37px;
  margin-top: 1rem;
}
.panel-header-label {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 10px;
  display: inline-block;
}
.panel-loader-map {
  position: absolute;
  top: 10px;
  left: 10px;
}
.panel-eta-lbl {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(255, 255, 255, 0.7);
}
.disabled-panel {
  color: #aaa !important;
  cursor: default !important;
}
.td-sel {
  background-color: #e9efff !important;
}
.status-circle {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
}
.disabled-link {
  color: gray;
}
.signature-wrapper {
  border: 1px solid gray;
  position: relative;
  width: 100%;
  min-height: 205px;
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.dispatch-job-audit-component {
  padding: 0 24px 24px 24px;
}
.dispatch-job-audit-component .title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1em;
}
.dispatch-job-audit-component .title-wrapper .download-icon {
  color: #2188D9;
}
.dispatch-job-audit-component .action {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
}
.dispatch-job-audit-component .action .lbl {
  color: #060C1B;
  white-space: pre-line;
}
.dispatch-job-audit-component .action .date {
  color: #333333;
}
.announcement-visible .dispatch-job-new-component {
  height: calc(100vh - 95px);
}
.dispatch-job-new-component {
  width: 100%;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: row;
}
.dispatch-job-new-component .side-panel {
  width: 724px;
  max-width: 80vw;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-shadow: inset -1px 0px 0px #ececed;
}
.dispatch-job-new-component .side-panel .breadcrumbs-wrapper {
  padding: 19px 0px 0px 40px;
}
.dispatch-job-new-component .side-panel dispatch-job-panel {
  height: 100%;
}
.dispatch-job-new-component .side-panel work-order-edit {
  height: calc(100% - 45px);
}
.dispatch-job-new-component .map-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dispatch-job-new-component .map-wrapper .map {
  flex: 1;
  width: 100%;
}
.dispatch-job-new-component .map-wrapper .map-footer {
  background: #ffffff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dispatch-job-new-component .map-wrapper .map-footer .eta-lbl {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
}
.dispatch-job-new-component .map-wrapper .customer-marker {
  transform: translate(-50%, -50%);
  position: relative;
  cursor: pointer;
}
.dispatch-job-new-component .map-wrapper .customer-marker img {
  height: 34x;
}
.dispatch-job-new-component .map-wrapper .customer-lbl {
  display: none;
  position: absolute;
  background: white;
  white-space: nowrap;
  padding: 16px;
  transform: translate(-50%, 0%);
  bottom: 55px;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  font-size: 16px;
  color: #060c1b;
}
.dispatch-job-forms-component .stop-picker {
  border-bottom: 1px solid #ececed;
  padding: 16px 24px 24px 24px;
}
.dispatch-job-forms-component .form-wrapper {
  padding: 24px;
}
.dispatch-job-forms-component .signature-pad-body {
  background: white;
}
.dispatch-job-forms-component label {
  white-space: initial !important;
}
.dispatch-job-info-component .job-info-content-wrapper {
  height: calc(100% - 200px);
  overflow-y: auto;
  padding: 16px 24px;
}
.dispatch-job-info-component .job-info-content-wrapper .job-title-wrapper .header {
  display: inline-block;
}
.dispatch-job-info-component .job-info-content-wrapper .job-title-wrapper .job-status {
  float: right;
}
.dispatch-job-info-component .jobs-btns-wrappers {
  display: flex;
  gap: 8px;
  border-top: 1px solid #ececed;
  padding: 12px 24px;
}
.dispatch-job-info-component .jobs-btns-wrappers .btn-wrapper {
  justify-content: flex-end;
}
.dispatch-job-info-component .section {
  margin-bottom: 24px;
}
.dispatch-job-info-component .section .header {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
  color: #060c1b;
}
.dispatch-job-info-component .section .text {
  font-size: 16px;
  color: #60636c;
}
.dispatch-job-info-component .section-row {
  display: flex;
  gap: 44px;
}
.dispatch-job-info-component .section-row .first-part {
  width: 55%;
}
.dispatch-job-info-component .section-row .second-part {
  flex: 1;
}
.dispatch-job-info-component .stepper {
  display: flex;
  height: 60px;
  /* regular step */
}
.dispatch-job-info-component .stepper .v-stepper {
  position: relative;
}
.dispatch-job-info-component .stepper .circle {
  border: 1px solid #60636C;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.dispatch-job-info-component .stepper .circle .number {
  font-size: 10px;
  text-align: center;
  color: #60636C;
  padding-top: 1px;
}
.dispatch-job-info-component .stepper .line {
  top: 20px;
  left: 8px;
  height: 64%;
  position: absolute;
  border-left: 1px solid #ECECED;
}
.dispatch-job-info-component .stepper:last-child {
  height: auto;
}
.dispatch-job-info-component .stepper:last-child .line {
  border-left: none;
  z-index: -1;
  /* behind the circle to completely hide */
}
.dispatch-job-info-component .stepper .content {
  margin-left: 10px;
  display: inline-block;
  color: #60636C;
  font-size: 14px;
  width: 100%;
}
.dispatch-job-info-component .stepper .content .stop-name {
  width: 63%;
  display: inline-flex;
}
.dispatch-job-info-component .stepper .content .stop-status {
  display: inline-flex;
}
.dispatch-job-info-component .stepper .content .stop-status .dropdown-link-component div:first-child span {
  font-size: 14px;
  width: 80px;
  display: inline-block;
}
.dispatch-job-info-component .stepper .content .stop-status .dropdown-link-component .dropdown-arrow {
  font-size: 20px;
  color: #333333;
}
.dispatch-job-info-component .stepper .content .stop-status .circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  background: #ececed;
}
.dispatch-job-info-component .stepper .content .stop-status.Completed .circle {
  margin-top: 3px;
  background: #21d933;
  border-color: #e9fbeb;
}
.dispatch-job-info-component .stepper .content .stop-status.Completed_stop .circle {
  margin-top: 3px;
  background: #21d933;
  border-color: #e9fbeb;
}
.dispatch-job-info-component .stepper .content .stop-status.En_route_stop .circle {
  margin-top: 3px;
  background: #d9a521;
  border-color: #fbf6e9;
}
.dispatch-job-info-component .stepper .content .stop-timings {
  font-family: Roboto;
  font-size: 10px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0em;
  text-align: left;
  color: #60636C;
}
.dispatch-job-info-component .stepper .content .stop-timings .stop-text-red {
  color: red;
}
.dispatch-job-info-component .stepper .dropdown-link-component div.items {
  right: 0;
  top: 30px;
  width: 130px;
}
.dispatch-job-info-component .note {
  padding: 0px 0px 16px;
  border-bottom: 1px solid #ececed;
  margin-bottom: 16px;
  color: #60636c;
  font-weight: normal;
  font-size: 16px;
}
.dispatch-job-info-component .note .text {
  display: inline;
}
.dispatch-job-info-component .note .username {
  display: inline;
  float: right;
}
.dispatch-job-info-component .new-note {
  margin-top: 8px;
}
.dispatch-job-info-component .new-note textarea {
  resize: none;
  margin-top: 8px;
}
.dispatch-job-info-component .new-note .btns-wrapper {
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
}
.dispatch-job-info-component .file-wrapper {
  position: relative;
}
.dispatch-job-info-component .file-wrapper img {
  width: 100%;
  border-radius: 4px;
  margin-top: 5px;
}
.dispatch-job-info-component .file-wrapper button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.61);
  color: red;
}
.dispatch-job-info-component .job-status-dropdown {
  padding: 4px 10px;
  height: 32px;
}
.dispatch-job-info-component .job-status-dropdown .dropdown-link-component .items {
  right: -10px;
  top: 40px;
  color: #333333;
  width: 130px;
}
.dispatch-job-info-component .job-status-dropdown .dropdown-link-component div:first-child span {
  color: inherit;
  font-weight: 500;
}
.dispatch-job-info-component .job-status-dropdown .dropdown-link-component .dropdown-arrow {
  font-size: 20px;
  color: #60636C;
}
.confirm-window .modal-content {
  width: auto !important;
}
.delivery-form-complete .modal-title {
  line-height: 40px;
}
.dispatch-job-details-component {
  width: 100%;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: row;
}
.dispatch-job-details-component .job-panel {
  width: 440px;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-shadow: inset -1px 0px 0px #ececed;
}
.dispatch-job-details-component .job-panel .job-header {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #ececed;
  gap: 5px;
}
.dispatch-job-details-component .job-panel .job-header .back-wrapper {
  color: #60636c;
}
.dispatch-job-details-component .job-panel .job-header .job-name {
  flex: 1;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 2px;
  margin-left: 2px;
}
.dispatch-job-details-component .job-panel .tab-header-wrapper {
  padding-top: 16px;
}
.dispatch-job-details-component .job-panel .tab-header-wrapper .tab-header {
  flex: 1;
}
.dispatch-job-details-component .job-panel .tab-body {
  flex: 1;
  overflow: auto;
}
.dispatch-job-details-component .job-panel .tab-body .tab-container {
  height: 100%;
}
.dispatch-job-details-component .map {
  flex: 1;
  height: 100%;
}
.recurring-job-dialog .modal-header {
  padding: 5px 15px !important;
}
.recurring-job-dialog .modal-title {
  line-height: 40px;
}
.jobs-component {
  padding: 24px 40px 0px 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.jobs-component .table-wrapper {
  flex: 1;
}
.jobs-component .table-wrapper table {
  table-layout: fixed;
}
.jobs-component .table-wrapper table th {
  white-space: nowrap;
}
.jobs-component .table-wrapper tbody .assign-vehicle {
  color: #2188d9;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.jobs-component .table-wrapper tbody .assign-vehicle.disabled {
  color: #bed2e2;
  display: inline-flex;
}
.jobs-component .table-wrapper tbody .assign-vehicle .mat-icon {
  font-size: 20px;
  background: #2188d9;
  color: white;
  border-radius: 50%;
  margin-right: 10px;
}
.jobs-component .table-wrapper tbody .status-wrapper {
  display: flex;
}
.dispatch-wo-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.dispatch-wo-component .wo-panel {
  height: calc(100vh - 105px);
  width: 100%;
  overflow-y: initial;
  display: flex;
  flex-direction: column;
}
.dispatch-wo-component .wo-panel .wo-header {
  display: flex;
  align-items: center;
  padding: 6px 40px;
  border-bottom: 1px solid #ececed;
}
.dispatch-wo-component .wo-panel .wo-header .wo-name {
  flex: 1;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 2px;
  margin-left: 2px;
}
.dispatch-wo-component .wo-panel .wo-content {
  padding: 29px 20px 20px 40px;
  flex-grow: 1;
}
.dispatch-wo-component .wo-panel .customer-name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #333333;
}
.dispatch-wo-component .wo-panel .section-header {
  font-weight: 500;
  font-size: 18px;
  color: #060c1b;
}
.dispatch-wo-component .wo-panel .product-type-selection {
  display: flex;
  gap: 23px;
}
.dispatch-wo-component .wo-panel .delete-btn {
  color: #d92c21;
}
.dispatch-wo-component .wo-panel .footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  padding: 20px 20px 20px 40px;
}
.dispatch-wo-component .wo-panel .footer-wrapper .btn-delete {
  background-color: #d92c21;
}
.driver-coaching-chart-component .component-chart {
  width: 100%;
  height: 300px;
}
.driver-coaching-chart-component .picker-wrapper {
  width: 200px;
}
.driver-coaching-chart-component .tagging-rate {
  margin: 10px 0;
  color: rgba(6, 12, 27, 0.4);
  font-size: 14px;
}
.driver-coaching-chart-component .tagging-rate .val {
  color: #2188D9;
  font-weight: 500;
  font-size: 24px;
  padding-left: 10px;
}
.driver-coaching-chart-component .tags-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.driver-coaching-chart-component .tags-wrapper .tag {
  width: 220px;
  border-radius: 4px;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 14px;
  text-align: center;
  padding: 5px;
}
.driver-coaching-chart-component .tags-wrapper .tag-count {
  font-size: 24px;
  font-weight: bold;
}
.driver-coaching-chart-component .toggle {
  font-size: 14px;
  color: rgb(94, 94, 94);
}
.driver-coaching-chart-component .toggle span {
  color: #2188D9;
  cursor: pointer;
}
.driver-coaching-chart-component .toggle span.active {
  font-weight: bold;
}
.driver-coaching-chart-component .toggle span:first-child {
  margin-right: 10px;
}
.driver-coaching-chart-component .toggle span:last-child {
  margin-left: 10px;
}
.driver-coaching-list-component .reviewed {
  background: rgba(36, 184, 51, 0.1);
  color: #24B833;
  border: 1px solid #24B833;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100px;
  padding: 0px;
  text-align: center;
}
.driver-feedback-component .form-control {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  margin-top: 5px;
  padding: 7px !important;
}
.driver-feedback-component .action-btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 15px;
}
.driver-feedback-component .btn-send-training {
  color: #2188D9 !important;
  border: 2px solid #2188D9 !important;
  border-radius: 4px !important;
  width: 176px;
}
.driver-feedback-component .btn-send {
  color: white !important;
  background: #2188D9 !important;
  border-radius: 4px !important;
  width: 150px;
  margin-left: 10px;
}
.driver-feedback-component .item {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
}
.driver-feedback-component .item.review {
  background: rgba(33, 136, 217, 0.1);
}
.driver-feedback-component .item.comment,
.driver-feedback-component .item.profile-comment {
  background: rgba(254, 98, 11, 0.1);
}
.driver-feedback-component .item-content {
  flex: 1;
  border-right: 1px solid rgba(6, 12, 27, 0.4);
  padding: 0 10px;
}
.driver-feedback-component .item-header {
  font-size: 14px;
}
.driver-feedback-component .review .item-header {
  color: #2188D9;
}
.driver-feedback-component .comment .item-header,
.driver-feedback-component .profile-comment .item-header {
  color: #FE620B;
}
.driver-feedback-component .item-sub {
  padding: 0 10px;
  display: flex;
  align-items: center;
  min-width: 155px;
}
.driver-feedback-component .review .item-sub {
  color: #2188D9;
}
.driver-feedback-component .comment .item-sub,
.driver-feedback-component .profile-comment .item-sub {
  color: #FE620B;
}
.driver-feedback-component .item-sub .mat-icon {
  padding-right: 5px;
}
.driver-incidents-chart-component .component-chart {
  width: 100%;
  height: 300px;
}
.driver-incidents-chart-component .picker-wrapper {
  width: 200px;
}
.driver-incidents-chart-component .tagging-rate {
  margin: 10px 0;
  color: #2188D9;
  font-weight: 500;
  font-size: 24px;
  padding-left: 10px;
}
.driver-incidents-chart-component .tags-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.driver-incidents-chart-component .tags-wrapper .tag {
  width: 220px;
  border-radius: 4px;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
  background: rgba(33, 136, 217, 0.1);
  color: #2188D9;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.driver-incidents-chart-component .tags-wrapper .tag-count {
  font-size: 24px;
  font-weight: bold;
}
.driver-incidents-chart-component .toggle {
  font-size: 14px;
  color: rgb(94, 94, 94);
}
.driver-incidents-chart-component .toggle span {
  color: #2188D9;
  cursor: pointer;
}
.driver-incidents-chart-component .toggle span.active {
  font-weight: bold;
}
.driver-incidents-chart-component .toggle span:first-child {
  margin-right: 10px;
}
.driver-incidents-chart-component .toggle span:last-child {
  margin-left: 10px;
}
.driver-incidents-grid-component .component-chart {
  width: 100%;
  height: 300px;
}
.driver-incidents-list-component {
  max-height: 400px;
  overflow-y: auto;
}
.driver-incidents-list-component .view-icon {
  height: 20px;
  overflow: hidden;
  margin-top: -2px;
  color: rgba(6, 12, 27, 0.4);
}
.driver-incidents-list-component .view-icon .mat-icon {
  font-weight: bold;
}
.driver-incidents-list-component .view-highlight {
  color: #2188D9;
}
.driver-speed-chart-component .component-chart {
  width: 100%;
  height: 200px;
}
.driver-summary-component {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 16px;
  margin: 10px;
}
.driver-summary-component .driver-photo {
  width: 100%;
  height: 185px;
  background: url("/Images/Userpic.png") no-repeat center;
  background-size: contain;
}
.driver-summary-component .no-pic {
  background: url("/Images/Userpic.png") no-repeat center;
  background-color: #DCDCDC;
  background-size: contain;
}
.driver-summary-component .driver-name {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.driver-summary-component .driver-name .fullname {
  flex: 1;
}
.driver-summary-component .driver-name .mat-icon {
  color: #2188D9;
  font-size: 22px;
}
.driver-summary-component .scores {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.driver-summary-component .scores .score-val {
  color: #2188D9;
  font-size: 36px;
  font-weight: bold;
}
.driver-summary-component .scores .score-note {
  color: rgba(6, 12, 27, 0.4);
  font-size: 16px;
  padding-left: 5px;
}
.driver-summary-component .note {
  font-weight: 500;
  font-size: 13px;
  color: rgba(6, 12, 27, 0.4);
  margin-top: 10px;
}
.driver-summary-component .line {
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.driver-summary-component .group {
  font-size: 15px;
  font-weight: 500;
}
.driver-summary-component .row-wrapper {
  display: flex;
  flex-direction: row;
}
.driver-summary-component .row-wrapper > div {
  flex: 1;
}
.driver-summary-component .pie-chart {
  width: 100%;
  height: 180px;
}
.driver-summary-component .color-indicator {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.driver-summary-component .data-table td {
  vertical-align: middle;
}
.driver-summary-component .pie-chart .total-val {
  font-weight: 500;
  font-size: 24px;
  color: #2188D9;
  text-align: center;
}
.driver-tags-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.driver-tags-component .driver-tag {
  border: 1px solid rgba(6, 12, 27, 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  width: 160px;
  height: 99px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.driver-tags-component .top-line {
  display: flex;
  position: relative;
  margin: 7px;
}
.driver-tags-component .img-wrapper {
  flex: 1;
}
.driver-tags-component img {
  height: 22px;
  display: block;
  margin: 0 auto;
  /* blue color 2188D9 */
  filter: invert(41%) sepia(95%) saturate(640%) hue-rotate(170deg) brightness(94%) contrast(92%);
}
.driver-tags-component .driver-checkbox {
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #2188D9;
  border-radius: 3px;
  cursor: pointer;
  color: #2188D9;
}
.driver-tags-component .driver-checkbox .mat-icon {
  font-size: 15px;
  font-weight: bold;
  display: block;
}
.driver-tags-component .item-name {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}
.driver-tags-component .item-val {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #2188D9;
  font-size: 24px;
}
.driver-tags-component .item-val .item-percent {
  color: #FF0000;
  font-weight: normal;
  font-size: 16px;
  padding-left: 5px;
  display: flex;
  align-items: center;
}
.driver-tags-component .item-val .mat-icon {
  font-size: 20px;
  margin-bottom: 2px;
}
.driver-tags-component .item-val .item-downward {
  color: #24B833 !important;
}
.driver-profile-page .layout-profile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.driver-profile-page .header-content {
  display: flex;
  flex-direction: row;
}
.driver-profile-page .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.driver-profile-page .header-wrapper h3 {
  font-size: 32px;
  line-height: 37px;
  flex: 1;
  margin: 0;
  margin-left: 10px;
  color: black;
}
.driver-profile-page .back-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
}
.driver-profile-page .header-left-side {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.driver-profile-page .date-picker-wrapper {
  margin: 0 10px;
}
.driver-profile-page .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.driver-profile-page .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.driver-profile-page .tabs-main .tab-header {
  font-size: 18px;
}
.driver-profile-page .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  font-size: 16px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.driver-profile-page .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.driver-profile-page .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.driver-profile-page .tab-content {
  margin-top: 20px;
}
.driver-profile-page .data-table {
  border-top: 1px solid rgba(6, 12, 27, 0.2);
}
.driver-profile-page .driver-summary {
  width: 350px;
}
.driver-profile-page .driver-info {
  flex: 1;
}
.tracker-mobile .driver-profile-page .driver-summary {
  min-width: 50%;
}
.tracker-mobile .driver-profile-page .driver-info {
  min-width: 110%;
}
.driver-profile-page .driver-panel {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 16px;
  margin: 10px;
}
.driver-profile-page .driver-panel h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.driver-profile-page .driver-panel > div.panel {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.driver-profile-page .driver-panel > div.panel > div:first-child {
  width: 100%;
}
.driver-profile-page .driver-panel .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.driver-profile-page .driver-panel .header h3 {
  margin-bottom: 0px;
  flex: 1;
}
.driver-profile-page .mode-buttons {
  display: flex;
  flex-direction: column;
}
.driver-profile-page .mode-buttons .btn {
  margin-left: 10px;
  border-radius: 4px !important;
  background-color: #F6F7F9 !important;
  padding: 8px 10px;
}
.driver-profile-page .mode-buttons .btn img {
  height: 18px;
  /* blue color 2188D9 */
  filter: invert(41%) sepia(95%) saturate(640%) hue-rotate(170deg) brightness(94%) contrast(92%);
}
.driver-profile-page .mode-buttons .btn-active {
  background-color: #2188D9 !important;
}
.driver-profile-page .mode-buttons .btn-active img {
  /* white color */
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(161deg) brightness(108%) contrast(101%);
}
.driver-profile-page .incidents-rate {
  color: rgb(68, 68, 68);
  font-size: 18px;
  margin-bottom: 10px;
}
.driver-profile-page .incidents-rate > div > p {
  color: rgb(68, 68, 68);
  font-size: 12px;
  font-weight: normal;
}
.device-graphic-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.device-graphic-header > select {
  width: 160px;
  height: 48px;
  padding: 0px 10px;
}
.tracker-mobile .exception-info-scroll {
  padding: 0px;
}
.exception-info-scroll {
  padding: 10px;
  background-color: #EDF0F2;
}
.exception-info-scroll .buttons {
  margin-bottom: 10px;
}
.exception-info-scroll .buttons button {
  background-color: rgb(33, 133, 216);
  border: 0px;
  border-radius: 5px;
}
.exception-info-scroll .buttons button:focus {
  outline: none;
}
.exception-info-scroll .buttons button.btn-close {
  color: white;
}
.exception-info-scroll .buttons button.btn-close:hover {
  color: white;
}
.exception-info-scroll .buttons button span {
  color: white;
  font-size: 26px;
  padding: 10px;
}
.exception-info-scroll .buttons button .glyphicon-sun,
.exception-info-scroll .buttons button .glyphicon-moon {
  padding-top: 9px;
}
.exception-info-scroll .exception-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.exception-info-scroll .exception-title > div:first-child {
  color: rgb(63, 151, 220);
  font-size: 14px;
  padding: 10px 20px 15px 20px;
  white-space: nowrap;
  cursor: pointer;
}
.exception-info-scroll .exception-title > div:last-child {
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
}
/*
rewrite styles for snapshot
*/
.exception-info-scroll .tracker-app-video {
  width: 100%;
}
.exception-info-scroll .ex-section {
  background-color: white;
  min-height: 120px;
  width: 95%;
  margin: 10px auto;
  padding: 10px;
}
.tracker-mobile .exception-info-scroll .ex-section {
  padding-left: 5px;
  padding-right: 5px;
}
/* Mobile */
.tracker-mobile .exception-info-scroll .ex-section {
  width: 100%;
  margin: 5px 0px;
}
.exception-info-scroll .ex-section .ex-header {
  font-size: 20px;
  margin-bottom: 10px;
}
.exception-info-scroll incident-map {
  height: 200px;
}
#ex-details-scroll-map {
  width: 100%;
  height: 400px;
}
.exception-info-scroll .video-filter-popup {
  position: absolute;
  z-index: 10;
  right: 0px;
  top: 30px;
}
.exception-info-scroll .share-exception-popup {
  position: absolute;
  z-index: 11;
  right: 0px;
  top: 30px;
}
.tracker-mobile .exception-info-scroll .share-exception-popup {
  right: 10px;
}
.tracker-mobile .exception-info-scroll .share-exception-button {
  margin-right: 10px;
}
.exception-info-scroll button.blue-button {
  background-color: rgb(33, 133, 216) !important;
  color: white !important;
  border-radius: 3px !important;
  padding: 5px 15px;
}
.exception-info-scroll .notice {
  color: rgb(33, 133, 216);
  font-size: 10px;
}
.exception-info-scroll .restore-btn {
  cursor: pointer;
}
.exception-info-scroll .restore-btn label {
  cursor: pointer;
}
.exception-info-scroll .media-status-icon {
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4px;
}
.exception-info-scroll .btn-status-offline {
  color: #B8B9BC !important;
}
.exception-info-scroll .btn-status-offline label {
  color: #B8B9BC !important;
}
.ex-info-panel-component .ex-panel-desc {
  background-color: rgba(33, 136, 217, 0.1);
  display: flex;
  background-color: rgba(33, 136, 217, 0.1);
  flex-direction: row;
  margin: 10px 0;
}
.ex-info-panel-component .ex-cell {
  flex: 1;
  margin: 10px 0;
}
.ex-info-panel-component .ex-cell .head {
  font-size: 16px;
  text-align: center;
  color: #2188D9;
  padding: 3px;
}
.ex-info-panel-component .ex-cell .val {
  text-align: center;
  padding: 3px;
  font-size: 13px;
}
.ex-info-panel-component .ex-cell .addr {
  max-width: 10vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.ex-info-panel-component .assign-wrapper {
  text-align: center;
  font-size: 13px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: -2px;
}
.incident-filter-page .modal-dialog.modal-right-stretch {
  width: 350px;
}
.incident-filter .menu-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: normal;
  font-size: 16px;
}
.incident-filter .list {
  padding: 0px 20px;
  overflow-y: scroll;
  max-height: calc(100vh - 150px);
}
.incident-filter .checkbox-component {
  margin-top: 10px;
  margin-left: 10px;
}
.incident-filter .search-wrapper {
  position: relative;
}
.incident-filter .search-box {
  border: 1px solid #ECECED !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  height: 40px;
  width: 269px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 33px;
}
.incident-filter .search-wrapper .mat-icon {
  position: absolute;
  left: 5px;
  top: 19px;
  color: #B8B9BC;
}
.incident-filter .list .menu-item {
  margin-top: 10px;
}
.incident-filter .list .menu-item .menu-content {
  overflow-y: scroll;
  height: 300px;
}
.incident-filter .footer .reset-filter {
  background: #FFFFFF !important;
  border: 2px solid #B8B9BC !important;
  color: #B8B9BC !important;
  font-size: 20px !important;
  height: 45px !important;
}
.incident-filter .footer .apply-filter {
  height: 45px !important;
}
.incident-filter .footer .not-active {
  background: #B8B9BC !important;
  border: 2px solid #D0D0D2 !important;
  border: none !important;
  font-size: 20px !important;
}
.manage-incidents-component {
  padding: 20px;
}
.manage-incidents-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5px;
}
.manage-incidents-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191C;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.manage-incidents-component .date-picker-wrapper {
  margin: 0 10px;
}
.manage-incidents-component .header-wrapper .material-icons {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.manage-incidents-component .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.manage-incidents-component .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.manage-incidents-component .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.manage-incidents-component .filter-wrapper .left-menu {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.manage-incidents-component .filter-wrapper .left-menu .filter-icon-wrapper {
  display: flex;
  flex-direction: column;
}
.manage-incidents-component .filter-icon-dot {
  color: #2188D9;
  font-size: 6px;
  margin-left: 15px;
}
.manage-incidents-component .filter-icon {
  color: #2188D9;
}
.manage-incidents-component .filter-wrapper .more-option-icon {
  margin-left: 10px;
  height: 38px;
  width: 38px;
  padding: 6px;
  background: #F4F9FD;
  color: #2188D9;
}
.manage-incidents-component .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .manage-incidents-component .filter-wrapper > * {
    margin-bottom: 5px;
    margin-left: 5px;
  }
}
.manage-incidents-component .tab-content {
  margin-top: 20px;
}
.manage-incidents-component .data-table {
  border-top: 1px solid rgba(6, 12, 27, 0.2);
}
.manage-incidents-component .star-icon {
  display: none;
  height: 20px;
  overflow: hidden;
}
.manage-incidents-component tr:hover .star-icon {
  display: block;
}
.manage-incidents-component .start-highlight {
  color: #FE620B;
  display: block !important;
}
.manage-incidents-component .data-table tr {
  cursor: pointer;
}
.manage-incidents-component .data-table tr td {
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-btn {
  width: 125px;
  height: 34px;
  color: #2188D9 !important;
  background: #F4F9FD;
  border: 1px solid #2188D9 !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.filter-btn div {
  display: flex;
  align-items: center;
}
.manage-incidents-component .tag {
  display: inline-block;
  margin: 2px 3px;
  color: #2188D9;
  padding: 1px 10px 1px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #2188D9;
  background: rgba(33, 136, 217, 0.1);
}
.manage-incidents-component .tag .tag-icon {
  height: 20px;
  width: 20px;
  filter: invert(41%) sepia(98%) saturate(696%) hue-rotate(172deg) brightness(92%) contrast(89%);
}
.manage-incidents-component .back-wrapper {
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
}
.manage-incidents-component .header-name {
  font-size: 16px;
  color: black;
  padding-left: 10px;
  font-weight: 500;
}
.incidents-group-rule-component .sort-option {
  display: flex;
  flex-direction: column;
}
.incidents-group-rule-component .sort-option .sort-icon {
  display: flex;
  color: #b8b9bc;
  height: 10px;
  align-items: center;
}
.incidents-group-rule-component .sort-option .sort-icon-active {
  color: #17191C;
}
.incidents-group-rule-component .tag-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.incidents-list-preview-column {
  width: 50px;
}
.incidents-list-back {
  color: rgb(63, 151, 220);
  font-size: 14px;
  padding: 10px 20px 15px 20px;
  white-space: nowrap;
  cursor: pointer;
}
.incidents-group-rule-component .rule-wrapper {
  display: flex;
  align-items: center;
}
.incidents-group-rule-component .media-status {
  min-width: 33px;
  min-height: 33px;
  width: 33px;
  height: 33px;
  background: #ececed;
  border-radius: 3px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.incidents-group-rule-component .media-status-icon {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 7px;
}
.incidents-group-rule-component .rule-lbl {
  margin-left: 10px;
}
.incident-tags-component {
  display: block;
}
.incident-tags-component .tags-icons-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.incident-tags-component .tag-icon {
  height: 20px;
  width: 20px;
  margin: 1px 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: opacity(0.4);
}
.incident-tags-component .tag-icon-active {
  filter: invert(41%) sepia(98%) saturate(696%) hue-rotate(172deg) brightness(92%) contrast(89%);
}
.overview-indoor-details-component {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 100%;
}
.overview-indoor-details-component .view-wrapper {
  flex: 1;
  position: relative;
  height: calc(100vh - 60px);
}
.overview-indoor-details-component .history-wrapper {
  border-right: 1px solid #ddd;
  height: calc(100vh - 60px);
  width: 750px;
}
.overview-indoor-details-component .overview-indoor-list-wrapper {
  height: calc(100vh - 165px);
  overflow-y: auto;
}
.overview-indoor-details-component .list-wrapper {
  border-right: 1px solid #ddd;
  width: 380px;
}
.overview-indoor-details-component .map-container {
  position: relative;
  display: inline-block;
}
.overview-indoor-details-component .list-group {
  height: calc(100vh - 160px);
  margin-bottom: 0px;
  overflow-y: scroll;
  overflow-x: visible;
}
.overview-indoor-details-component .list-group-item {
  border: 0px !important;
  margin-bottom: 0px;
}
.overview-indoor-details-component .container-menu {
  position: relative;
}
.overview-indoor-details-component .indoor-dropdown-wrapper {
  border-bottom: 1px solid #ececed;
}
.indoor-history-list-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 100%;
}
.indoor-history-list-component .item-group {
  display: flex;
  align-items: center;
  background-color: #F4F9FD;
  padding: 10px;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  height: 92px;
  width: 748px;
}
.indoor-history-list-component .item-group-day {
  color: #060C1B;
  font-size: 18px;
  flex: 1;
  display: flex;
  margin-top: -15px;
}
.indoor-history-list-component .item-group-day .mat-icon {
  width: 55px;
  color: #B8B9BC;
  font-size: 24px;
  padding-top: -1px;
  padding-left: 10px;
  margin-right: -14px;
}
.indoor-history-list-component .total-info {
  width: 20%;
  margin-left: 39px;
}
.indoor-history-list-component .total-info > div {
  white-space: nowrap;
  line-height: 20px;
  vertical-align: middle;
  width: 140px;
  margin-top: 8px;
}
.indoor-history-list-component .item-reader-name {
  color: #000000;
  font-size: 14px;
  width: 120px;
}
.indoor-history-list-component .item-sub-lbl {
  color: #60636C;
  font-size: 14px;
  width: 65px;
}
.indoor-history-list-component .total-info .item-sub-lbl {
  min-width: 55px;
  margin-left: -5px;
}
.indoor-history-list-component .item-sub-val {
  color: #2188D9;
  font-size: 14px;
  white-space: nowrap;
  float: right;
  padding-right: 13px;
}
.indoor-history-list-component .item-list-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  width: 748px;
  height: 94px;
  border: 1px solid #ECECED;
}
.indoor-history-list-component .item-number {
  vertical-align: middle;
  background-color: #2188D9;
  color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  font-size: 12px;
  font-weight: lighter;
  width: 22px !important;
  height: 22px !important;
  text-align: center;
}
#stopped-float, #idling-float {
  float: none;
}
.indoor-history-list-component .item-address {
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  overflow-y: hidden;
  margin-bottom: 8px;
}
.indoor-history-list-component .item-desc-content {
  color: #000000;
  width: 350px;
  min-width: 30%;
}
.tracker-mobile .indoor-history-list-component .item-desc-content {
  width: 50%;
}
.indoor-history-list-component .row-wrapper {
  display: flex;
  align-items: center;
}
.indoor-history-list-component .item-desc-end {
  color: rgba(6, 12, 27, 0.6);
  width: 50%;
  white-space: nowrap;
  overflow-x: hidden;
}
.indoor-history-list-component .item-desc-end .item-sub-lbl {
  min-width: 51px;
  display: inline-block;
  margin-left: 22px;
  margin-right: 50px;
}
.indoor-history-list-component .item-desc-end .row-wrapper {
  display: flex;
  margin-top: 5px;
  width: 275px;
  margin-left: 161px;
}
.indoor-history-list-component .item-desc-end .item-sub-val {
  text-align: right;
  flex: 0.675;
  margin-left: -260px;
}
.indoor-history-list-component .item-sub-desc {
  display: flex;
  align-items: center;
}
.indoor-history-list-component .play-btn {
  align-items: center;
  text-align: center;
  width: 33px;
  height: 33px;
  position: sticky;
  left: 490px;
}
.indoor-history-list-component .active-trip {
  background-color: #F7F7F8;
}
.indoor-history-list-component .content-wrapper {
  display: flex;
  flex: 1;
  min-height: 0px; /* IMPORTANT: you need this for non-chrome browsers */
}
.indoor-history-list-component .overflow-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
/* Blue/Tint_01 */
/* Blue/Tint_02 */
/* Blue/Tint_03 */
/* Blue/Tint_04 */
/* Blue/Tint_05 */
/* Blue/Tint_06 */
/* Blue/Tint_07 */
/* Blue/Shade_01 */
/* Blue/Shade_02 */
/* Blue/Shade_03 */
/* Blue/Shade_04 */
/* Blue/Shade_05 */
/* Grayscale/Grey/Primary */
/* Grayscale/Grey/2 */
/* Grayscale/Grey/Shade_01 */
/* Grayscale/Grey/Shade_02 */
/* Grayscale/Grey/Shade_03 */
/* Grayscale/Grey/Shade_04 */
/* Grayscale/Grey/Shade_05 */
/* Grayscale/Grey/Shade_06 */
/* Grayscale/Grey/Shade_07 */
/* Grayscale/White/Primary */
/* Grayscale/White/SideMenu */
/* Success/Tint */
/* Success/Primary */
/* Success/Shade */
/* Error/Tint */
/* Error/Primary */
/* Error/Shade */
/* Alert/Tint */
/* Alert/Primary */
/* Alert/Shade */
/* Secondary/Tint */
/* Secondary/Primary */
/* Secondary/Shade */
.indoor-history-tabs-component .nav-tabs > li > a {
  text-transform: none;
  margin-left: 0px;
  cursor: pointer;
}
.indoor-history-tabs-component .measurement-tab a {
  width: 120px !important;
}
.indoor-history-tabs-component .tab-content {
  position: relative;
  height: calc(100vh - 190px);
  overflow-y: auto;
}
@media print {
  .indoor-history-tabs-component .tab-content {
    height: 100%;
    width: 100%;
    overflow-y: visible;
    overflow-x: visible;
    visibility: visible;
  }
}
.toolbar-wrapper {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--color-white-tint-1, #f2f2f2);
  margin-bottom: 0;
}
.toolbar-wrapper .button-icon {
  padding: 0 8px;
}
.toolbar-wrapper .button-icon .back-icon {
  display: block;
  background-color: var(--color-grey-primary, #4f4f4f);
}
.toolbar-wrapper .picker-wrapper {
  flex: 1;
}
.toolbar-wrapper .date-range-component {
  height: 40px !important;
  border-color: var(--color-white-tint-3, #e0e0e0) !important;
}
.indoor-reader-history-component .nav-tabs > li > a {
  text-transform: none;
  margin-left: 0px;
  cursor: pointer;
}
.indoor-reader-history-component .tab-toolbar {
  margin-left: 570px;
  padding-right: 0px;
}
.indoor-reader-history-component .indoor-reader-history-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 100%;
}
.indoor-reader-history-component .indoor-reader-history-list .item-group {
  display: flex;
  align-items: center;
  background-color: #F4F9FD;
  padding: 10px;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  height: 92px;
  width: 748px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-group-day {
  color: #060C1B;
  font-size: 18px;
  flex: 1;
  display: flex;
  margin-top: -15px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-group-day .mat-icon {
  width: 55px;
  color: #B8B9BC;
  font-size: 24px;
  padding-top: -1px;
  padding-left: 10px;
  margin-right: -14px;
}
.indoor-reader-history-component .indoor-reader-history-list .total-info {
  width: 20%;
  margin-left: 39px;
}
.indoor-reader-history-component .indoor-reader-history-list .total-info > div {
  white-space: nowrap;
  line-height: 20px;
  vertical-align: middle;
  width: 140px;
  margin-top: 8px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-reader-name {
  color: #000000;
  font-size: 14px;
  width: 120px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-sub-lbl {
  color: #60636C;
  font-size: 14px;
  width: 65px;
}
.indoor-reader-history-component .indoor-reader-history-list .total-info .item-sub-lbl {
  min-width: 55px;
  margin-left: -5px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-sub-val {
  color: #2188D9;
  font-size: 14px;
  white-space: nowrap;
  float: right;
  padding-right: 13px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-list-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  width: 748px;
  height: 94px;
  border: 1px solid #ECECED;
}
.indoor-reader-history-component .indoor-reader-history-list .item-number {
  vertical-align: middle;
  background-color: #2188D9;
  color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  font-size: 12px;
  font-weight: lighter;
  width: 22px !important;
  height: 22px !important;
  text-align: center;
}
.indoor-reader-history-component .indoor-reader-history-list .item-address {
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  overflow-y: hidden;
  margin-bottom: 8px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-desc-content {
  color: #000000;
  width: 350px;
  min-width: 30%;
}
.tracker-mobile .indoor-reader-history-component .indoor-reader-history-list .item-desc-content {
  width: 50%;
}
.indoor-reader-history-component .indoor-reader-history-list .row-wrapper {
  display: flex;
  align-items: center;
}
.indoor-reader-history-component .indoor-reader-history-list .item-desc-end {
  color: rgba(6, 12, 27, 0.6);
  width: 50%;
  white-space: nowrap;
  overflow-x: hidden;
}
.indoor-reader-history-component .indoor-reader-history-list .item-desc-end .item-sub-lbl {
  min-width: 51px;
  display: inline-block;
  margin-left: 22px;
  margin-right: 50px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-desc-end .row-wrapper {
  display: flex;
  margin-top: 5px;
  width: 275px;
  margin-left: 161px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-desc-end .item-sub-val {
  text-align: right;
  flex: 0.675;
  margin-left: -260px;
}
.indoor-reader-history-component .indoor-reader-history-list .item-sub-desc {
  display: flex;
  align-items: center;
}
.indoor-reader-history-component .indoor-reader-history-list .play-btn {
  align-items: center;
  text-align: center;
  width: 33px;
  height: 33px;
  position: sticky;
  left: 490px;
}
.indoor-reader-history-component .indoor-reader-history-list .active-trip {
  background-color: #F7F7F8;
}
.indoor-reader-history-component .indoor-reader-history-list .content-wrapper {
  display: flex;
  flex: 1;
  min-height: 0px; /* IMPORTANT: you need this for non-chrome browsers */
}
.indoor-reader-history-component .indoor-reader-history-list .overflow-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.indoor-reader-history-component .picker-wrapper .device-search-component {
  width: 300px;
}
.indoor-reader-history-component .measurement-tab a {
  width: 120px !important;
}
.indoor-reader-history-component .tab-content {
  position: relative;
  height: calc(100vh - 190px);
  overflow-y: auto;
}
@media print {
  .indoor-reader-history-component .tab-content {
    height: 100%;
    width: 100%;
    overflow-y: visible;
    overflow-x: visible;
    visibility: visible;
  }
}
.toolbar-wrapper {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--color-white-tint-1, #f2f2f2);
  margin-bottom: 0;
}
.toolbar-wrapper .button-icon {
  padding: 0 8px;
}
.toolbar-wrapper .button-icon .back-icon {
  display: block;
  background-color: var(--color-grey-primary, #4f4f4f);
}
.toolbar-wrapper .picker-wrapper {
  flex: 1;
}
.toolbar-wrapper .date-range-component {
  height: 40px !important;
  border-color: var(--color-white-tint-3, #e0e0e0) !important;
}
.manage-assign-driver-component .add-driver-link {
  color: rgb(64, 64, 255);
  cursor: pointer;
  text-decoration: underline;
}
.manage-assign-driver-component .add-driver-text {
  font-weight: normal;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  cursor: pointer;
}
.manage-assign-driver-component .notice {
  cursor: pointer;
  text-decoration: underline;
  font-size: 13px;
  color: #898989;
  margin-top: 10px;
}
.manage-assign-driver-component .processing {
  color: #898989;
}
.manage-assign-driver-component .edited {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.manage-escalated-component .incidents-badge {
  display: inline-block;
  padding: 1px 10px;
  color: #24B833;
  background: rgba(36, 184, 51, 0.1);
  border: 1px solid #24B833;
  box-sizing: border-box;
  font-weight: 500;
  border-radius: 4px;
}
.manage-escalated-component .incidents-badge.nonew {
  color: #2188D9;
  background: rgba(33, 136, 217, 0.1);
  border: 1px solid #2188D9;
  box-sizing: border-box;
  border-radius: 4px;
}
.manage-escalated-component .tag {
  display: inline-block;
  margin: 0 3px;
  color: rgb(125, 132, 150);
  background: #F1F2F5;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
}
.manage-escalated-component .manage-link {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  align-items: center;
  text-decoration-line: underline;
  cursor: pointer;
}
.manage-escalated-component .manage-link:hover {
  color: blue;
}
.issue-select-window .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.issue-select-window .ex-header {
  font-size: 18px;
  margin-bottom: 10px;
}
.issue-select-window .no-media {
  margin-bottom: 10px;
}
.issue-select-window .issues-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.issue-select-window .issues-list {
  width: 500px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.issue-select-window .issues-list .radio {
  width: calc(50% - 20px);
  margin-top: 10px;
}
.issue-select-window .btn-detail-wrapper .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.issue-select-window .ex-section {
  min-height: 200px;
  width: 100%;
}
.issue-select-window .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.issue-select-window .modal-header > div:first-child {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.issue-select-window .modal-header > div:first-child > a {
  color: rgb(33, 136, 217);
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
}
.issue-select-window .modal-body .content {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.issue-select-window .modal-body .content > div:last-child {
  width: 100%;
}
@media (max-width: 767px) {
  .issue-select-window .modal-header {
    width: calc(100vw - 20px);
  }
  .issue-select-window .modal-body {
    width: calc(100vw - 20px);
    overflow-x: hidden;
  }
  .issue-select-window .modal-footer {
    width: calc(100vw - 20px);
  }
  .issue-select-window .modal-body .content {
    flex-direction: column;
    overflow-x: hidden;
  }
  .issue-select-window .issues-list {
    width: 100vw;
  }
}
.issue-select-window .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.issue-select-window .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.issue-select-window .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.issue-select-window .video-block > div {
  height: 300px;
}
.manage-component {
  padding: 20px;
}
.manage-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.manage-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191C;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.manage-component .date-picker-wrapper {
  margin: 0 10px;
}
.manage-component .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.manage-component .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.manage-component .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.manage-component .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.manage-component .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .manage-component .filter-wrapper > * {
    margin-bottom: 5px;
    margin-left: 5px;
  }
}
.manage-component app-user-search, .manage-component app-device-search {
  margin: 0 10px;
}
.manage-component .tab-content {
  margin-top: 20px;
}
.manage-component .data-table {
  border-top: 1px solid rgba(6, 12, 27, 0.2);
}
.manage-exs-component .manage-link {
  font-weight: normal;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  cursor: pointer;
}
.manage-exs-component .star-icon {
  display: none;
  height: 20px;
  overflow: hidden;
}
.manage-exs-component tr:hover .star-icon {
  display: block;
}
.manage-exs-component .start-highlight {
  color: #FE620B;
  display: block !important;
}
.manage-exs-component .manage-assign-driver-component {
  display: inline-block;
}
.manage-select-tag .name span {
  color: blue;
}
.manage-select-tag .name.edited span {
  text-decoration: underline;
  cursor: pointer;
}
.manage-select-tag .edit {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.map-options-component {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  width: 230px;
  background: #FFFFFF;
  order: 1;
}
.map-options-component .headings {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  margin-top: 4%;
  display: flex;
  color: #060C1B;
}
.map-options-component .value {
  width: 55px;
  height: 21px;
  padding-left: 8px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  flex: auto;
  line-height: 130%;
  align-items: center;
  color: #060C1B;
}
.map-options-component .map-menu-list input {
  left: 8.33%;
  right: 8.33%;
  top: 8.33%;
  bottom: 8.33%;
}
.map-options-component .map-menu-list > div {
  margin-top: 4%;
}
.message-bar-component {
  background: rgba(33, 136, 217, 0.1);
  border-left: 4px solid #2188D9;
  padding: 10px;
  margin: 10px 0;
}
.message-bar-component .msg-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.message-bar-component .msg-header {
  color: #060C1B;
  font-size: 16px;
}
.message-bar-component .msg-text {
  color: rgba(6, 12, 27, 0.4);
  font-size: 14px;
}
.message-bar-component .info-icon {
  color: #2188D9;
  margin-right: 10px;
}
.message-bar-component .msg-dismiss {
  cursor: pointer;
}
.message-bar-component .msg-content {
  flex: 1;
}
.number-range-picker-component .line {
  height: 8px;
  border: 0px;
  background-color: rgba(33, 136, 217, 0.3);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.number-range-picker-component .line .filled {
  background-color: #2188D9;
  position: relative;
  height: 8px;
  border-radius: 4px;
}
.number-range-picker-component .line .filled .pointer {
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #2188D9;
  cursor: pointer;
  top: -4px;
  right: -8px;
  z-index: 1;
}
.number-range-picker-component .line .line-work {
  position: absolute;
  top: -5px;
  left: 0px;
  height: calc(100% + 10px);
  width: 100%;
  background-color: transparent;
  z-index: 2;
}
.number-range-picker-component .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.number-range-picker-component .title > span {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  color: rgb(6, 12, 27);
}
.proximity-devices-list-component {
  border-right: 1px solid rgba(6, 12, 27, 0.2);
  height: calc(100vh - 60px);
}
.proximity-devices-list-component .back-proximity {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: rgba(6, 12, 27, 0.4);
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 0px;
  padding-top: 10px;
}
.proximity-devices-list-component .back-proximity > img {
  margin-right: 5px;
}
.proximity-devices-list-component > div {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.proximity-devices-list-component > div.device-search-button {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  height: 40px;
  display: flex;
  flex-direction: row;
}
.proximity-devices-list-component > div.device-search-button > img {
  margin-right: 10px;
  margin-left: 10px;
}
.proximity-devices-list-component > div.device-search-button > input {
  border: 0px !important;
  width: 100%;
}
.proximity-devices-list-component .devices-list {
  font-family: "Roboto";
  font-style: normal;
  margin-left: 0px;
  margin-right: 0px;
  height: calc(100vh - 240px);
  overflow-y: auto;
}
.proximity-devices-list-component .devices-list > div {
  border-top: 1px solid rgba(6, 12, 27, 0.2);
  padding: 10px;
  cursor: pointer;
}
.proximity-devices-list-component .devices-list > div:last-child {
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
}
.proximity-devices-list-component .devices-list .device-name {
  font-weight: 500;
  font-size: 18px;
  color: #060C1B;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.proximity-devices-list-component .devices-list .trips {
  display: none;
  cursor: default;
}
.proximity-devices-list-component .devices-list > div.active .trips {
  display: block;
}
.proximity-devices-list-component .devices-list .trips > div {
  font-weight: 400;
  font-size: 12px;
  color: rgba(6, 12, 27, 0.8);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}
.proximity-devices-list-component .devices-list .trips > div:hover {
  background-color: #F8F9FA;
}
.proximity-devices-list-component .trips-count {
  width: 32px;
  height: 20px;
  background: #24B833;
  border-radius: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.audit-component {
  padding: 20px;
}
.audit-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.audit-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191C;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.audit-component .date-picker-wrapper {
  margin: 0 10px;
}
.audit-component .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.audit-component .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.audit-component app-user-search {
  margin-left: 10px;
}
.audit-component app-device-search {
  margin-left: 10px;
}
.audit-component .tabs-headers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
  overflow-x: auto;
}
.audit-component .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.audit-component .tab-header-active {
  color: #2188d9;
  border-bottom: 1px solid #2188d9;
}
.audit-component .btn-restore {
  cursor: pointer;
  color: #2188d9;
  background: #f4f9fd;
  border: 2px solid #f4f9fd;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-top: 10px;
}
.audit-component .btn-restore .mat-icon {
  font-size: 22px;
}
.audit-component .status-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.job-trips-report-component {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.job-trips-report-component .content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.job-trips-report-component .content-wrapper .job-trips-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.job-trips-report-component .content-wrapper .job-trips-content .table-wrapper {
  flex: 1;
}
.job-trips-report-component .toolbar-wrapper .toggle-state {
  padding: 9px;
}
.job-trips-report-component .status-wrapper {
  display: flex;
  flex-direction: column;
  margin: 4px 0;
}
.job-trips-report-component .status-wrapper .status-bar {
  margin: 4px 0;
  display: flex;
  align-items: center;
}
.job-trips-report-component .status-wrapper .status-bar .status-lbl {
  width: 64px;
  margin-right: 16px;
}
.job-trips-report-component .status-wrapper .status-bar job-trips-progress {
  flex: 1;
}
.job-trips-progres-component {
  width: 100%;
}
.job-trips-progres-component .job-bar-wrapper {
  width: 100%;
  min-width: 300px;
  position: relative;
  height: 12px;
  border-radius: 24px;
}
.job-trips-progres-component .job-bar-wrapper.mode-eta {
  background: #bed2e2;
}
.job-trips-progres-component .job-bar-wrapper.mode-eta .job-progress-bar {
  background: #16598d;
}
.job-trips-progres-component .job-bar-wrapper.mode-actual {
  background: #e9f3fb;
}
.job-trips-progres-component .job-bar-wrapper.mode-actual .job-progress-bar {
  background: #2188d9;
}
.job-trips-progres-component .job-bar-wrapper .job-progress-bar {
  height: 12px;
  border-radius: 24px;
  position: absolute;
  left: 0;
}
.job-trips-progres-component .job-bar-wrapper .progress-tooltip {
  position: fixed;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  z-index: 9;
  max-width: 200px;
  overflow-y: auto;
  margin-top: -5rem;
  margin-left: 8px;
}
.job-trips-progres-component .job-bar-wrapper .bar-popup {
  display: none;
  position: fixed;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  padding: 4px 16px 13px 16px;
  z-index: 10;
}
.job-trips-progres-component .job-bar-wrapper .bar-popup .bar-lbl {
  color: #60636c;
  font-weight: 500;
  font-size: 14px;
  margin-top: 12px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.job-trips-progres-component .job-bar-wrapper .bar-popup .bar-val {
  color: #060c1b;
  font-size: 16px;
}
.job-trips-progres-component .job-bar-wrapper .flag-start {
  position: absolute;
  bottom: -7px;
  margin-left: 2px;
}
.job-trips-progres-component .job-bar-wrapper .flag-start .mat-icon {
  font-size: 13px;
  color: white;
}
.job-trips-progres-component .job-bar-wrapper .flag-start .bar-popup {
  width: 105px;
}
.job-trips-progres-component .job-bar-wrapper .flag-start:hover .bar-popup {
  display: block;
}
.job-trips-progres-component .job-bar-wrapper .job-stop {
  position: absolute;
  bottom: 0;
  margin-left: -7px;
}
.job-trips-progres-component .job-bar-wrapper .job-stop .job-pin {
  background-color: white;
  border-radius: 50%;
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  position: absolute;
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 9px;
  display: block;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.job-trips-progres-component .job-bar-wrapper .job-stop .job-pin span {
  font-weight: 500;
  font-size: 10px;
  position: relative;
  bottom: 6px;
}
.job-trips-progres-component .job-bar-wrapper .job-stop .bar-popup {
  width: 200px;
}
.job-trips-progres-component .job-bar-wrapper .job-stop:hover .bar-popup {
  display: block;
}
.job-trips-progres-component .job-bar-wrapper .job-stop img {
  height: 20px;
}
.insights-component {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.insights-component .tab-headers-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(6, 12, 27, 0.2);
  margin: 10px 0;
}
.insights-component .tab-headers-wrapper .tab-header {
  color: rgba(6, 12, 27, 0.4);
  padding: 10px 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.insights-component .tab-headers-wrapper .tab-header-active {
  color: #2188D9;
  border-bottom: 1px solid #2188D9;
}
.insights-component .sort-option {
  display: flex;
  flex-direction: column;
}
.insights-component .sort-option .sort-icon {
  display: flex;
  color: #b8b9bc;
  height: 10px;
  align-items: center;
}
.insights-component .sort-option .sort-icon-active {
  color: #17191C;
}
.insights-sidebar-wrapper {
  width: 220px;
  height: calc(100vh - 60px);
  overflow-y: auto;
  background-color: #F6F7F9;
}
.insights-content {
  flex: 1;
  font-family: Roboto;
  width: 100%;
}
.insights-content .groups-picker {
  width: 170px;
}
.tracker-mobile .insights-content {
  padding: 20px 0px;
}
.tracker-mobile .insights-content .groups-picker {
  padding-left: 5px;
}
.advance-picker button.dropdown-toggle {
  min-width: 100px;
  border: 1px solid rgba(6, 12, 27, 0.4) !important;
  color: rgb(128, 128, 128) !important;
  box-sizing: border-box;
  border-radius: 4px !important;
}
.advance-picker button.dropdown-toggle:hover {
  background-color: transparent !important;
}
.advance-picker .dropdown-header {
  padding: 3px 12px;
  position: relative;
  font-family: "Font Awesome 5 Free";
  /* Style for search icon display */
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
}
/* Search icon from Font Awesome */
.advance-picker .dropdown-header:before {
  content: "\f002";
  position: absolute;
  top: 12px;
  left: 18px;
}
.advance-picker .dropdown-header input {
  width: 100%;
  padding-left: 21px;
  background-color: #F1F2F5 !important;
  color: rgba(6, 12, 27, 0.4) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  font-family: Roboto;
  font-weight: normal;
}
.advance-picker.select-statuses .dropdown-menu {
  width: 190px !important;
}
.no-hover {
  background-color: transparent !important;
}
div.page-component > div.content table.toolbar {
  width: 100%;
}
div.page-component > div.content table.toolbar > tbody > tr > td.left-tools > * {
  float: left;
}
div.page-component > div.content table.toolbar > tbody > tr > td.right-tools > * {
  float: right;
}
div.page-component > div.content table.toolbar > tbody > tr > td > * {
  margin-left: 10px;
  margin-right: 10px;
}
.insights-component .report-table {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 220px);
}
.insights-component .back-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
}
.insights-component .header-name {
  font-size: 16px;
  color: black;
  padding-left: 10px;
  font-weight: 500;
}
.insights-sidebar {
  padding: 10px;
  font-family: Roboto;
}
.insights-sidebar .menu-item {
  margin-bottom: 10px;
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  font-size: 18px;
  padding: 10px;
}
.insights-sidebar .menu-item a {
  color: rgba(6, 12, 27, 0.4);
}
.insights-sidebar .active-item {
  background: rgba(33, 136, 217, 0.1);
  border-radius: 4px;
}
.insights-sidebar .active-item a {
  color: #2188D9;
}
.insights-sidebar .menu-item img {
  height: 24px;
  filter: opacity(0.4);
}
.insights-sidebar .active-item img {
  /* change color to blue */
  filter: invert(41%) sepia(98%) saturate(696%) hue-rotate(172deg) brightness(92%) contrast(89%);
}
.insights-sidebar .section-note {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: rgba(6, 12, 27, 0.3);
  margin-left: 10px;
  text-transform: uppercase;
}
.insights-sidebar .active-category {
  color: #2188D9;
}
.insights-sidebar .item-content {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.insights-sidebar .item-text {
  padding-left: 10px;
  flex: 1;
}
.insights-sidebar a {
  text-decoration: none !important;
}
.reports-trips-component {
  /* Trips device*/
}
.reports-trips-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.reports-trips-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #333333;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.reports-trips-component .filter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #ececed;
  padding: 10px 10px 10px 10px;
}
.reports-trips-component .filter-wrapper .left-menu {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.reports-trips-component .filter-wrapper .left-menu .filter-icon-wrapper {
  display: flex;
  flex-direction: column;
}
.reports-trips-component .filter-wrapper .search-wrapper {
  width: 280px;
}
.reports-trips-component .filter-wrapper .more-option-icon {
  margin-left: 10px;
  height: 38px;
  width: 38px;
  padding: 6px;
  background: #f4f9fd;
  color: #2188d9;
}
.reports-trips-component .date-picker-wrapper {
  margin: 0 10px;
}
.reports-trips-component .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.reports-trips-component .trips-device {
  border: 1px solid gray;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
}
.reports-trips-component .trips-device table {
  width: 100%;
}
.reports-trips-component .trips-device table td.device-name {
  width: 200px;
}
.reports-trips-component .trips-device table td.lines {
  padding: 0px 10px;
}
.reports-trips-component .trips-device table td.device-name span {
  cursor: pointer;
  border-bottom: 1px solid;
}
.reports-trips-component .trips-device table td.chart {
  width: 250px;
}
.reports-trips-component .table-wrapper .table tbody tr:hover {
  background-color: #e5e5e5;
  cursor: pointer;
}
.reports-trips-component .trips-device table td.lines table td.icon {
  width: 16px;
  text-align: center;
  vertical-align: center;
}
.reports-trips-component .trips-incident {
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.reports-trips-component .trips-incident img {
  margin-right: 10px;
}
.reports-trips-component .table-wrapper {
  height: calc(100vh - 310px);
}
.reports-trips-component .data-table tbody td {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  color: #17191c;
}
.reports-trips-component .data-table thead th {
  color: #17191c;
}
.reports-trips-component .data-table tbody td .goto-device {
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}
.reports-trips-component .group-column {
  max-width: 300px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.reports-visits-component .table-wrapper {
  height: calc(100vh - 235px);
}
.reports-visits-component .header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.reports-visits-component .header-wrapper h3 {
  font-size: 32px;
  flex: 1;
  margin: 0;
  color: #17191c;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
}
.reports-visits-component .date-picker-wrapper {
  margin: 0 10px;
}
.reports-visits-component .header-wrapper .mat-icon {
  color: rgba(6, 12, 27, 0.4);
  cursor: pointer;
  margin: 0 5px;
}
.reports-visits-component .wrap-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  max-width: 200px;
}
.visits-list-component .back-wrapper {
  flex: initial;
}
.search-tag-rules-component {
  position: relative;
}
.search-tag-rules-component > div:first-child {
  border: 1px solid rgba(6, 12, 27, 0.4);
  border-radius: 4px;
  color: rgb(128, 128, 128);
  padding: 6px 10px;
  cursor: pointer;
}
.search-tag-rules-component > div:last-child {
  position: absolute;
  top: 40px;
  left: 0px;
  border: 1px solid rgb(204, 204, 204) !important;
  display: block;
  background-color: white;
  max-height: 350px;
  overflow-y: auto;
  padding: 0px;
  width: 240px;
  z-index: 10;
}
.search-tag-rules-component > div:last-child > div:first-child {
  display: block;
  padding: 10px 10px 0px 10px;
}
.search-tag-rules-component > div:last-child > div {
  display: flex;
  flex-direction: row;
  padding: 0px 5px;
  margin: 0px 0px 15px 0px;
}
.search-tag-rules-component > div:last-child > div > span {
  margin-left: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
}
.search-tag-rules-component > div:last-child > div.header {
  margin: 0px 0px 20px 0px;
}
.search-tag-rules-component > div:last-child > div.header > span {
  font-weight: bold;
}
.search-tag-rules-component > div:last-child > div.separate {
  background-color: rgb(204, 204, 204);
  height: 1px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 0px;
}
.search-tag-rules-component > div:last-child > div:first-child > input[type=text] {
  background-color: rgb(241, 242, 245) !important;
  border-radius: 2px !important;
  border: 1px solid rgb(241, 242, 245) !important;
  color: rgba(6, 12, 27, 0.4) !important;
  padding-left: 25px;
  background-image: url(/assets/svg/search.svg);
  background-repeat: no-repeat;
  background-position: 5px 7px;
  background-size: 14px;
  width: 100%;
  padding: 5px 5px 5px 25px;
  border-radius: 4px !important;
}
.company-settings-component {
  margin-top: 10px;
}
.company-settings-component td.button-td {
  padding-left: 10px;
}
.company-settings-component select {
  padding-top: 0px;
  height: 25px;
}
.import-zones-component .header > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.import-zones-component .header > div > img {
  margin-right: 10px;
}
.import-zones-component .example {
  margin-top: 20px;
  margin-bottom: 10px;
}
.import-zones-component .example h1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #060C1B;
  margin-top: 0px;
  margin-bottom: 16px;
}
.import-zones-component .example > div {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #060C1B;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.import-zones-component .example > div > a {
  margin-left: 10px;
  text-decoration: none;
}
.import-zones-component .example > img {
  width: 100%;
  display: block;
}
.import-zones-component .example > span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #FF0000;
}
.zone-settings-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}
.zone-settings-list .table-wrapper .checkbox-column {
  width: 56px;
}
.zone-settings-list .table-wrapper .zone-name-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zone-settings-list .info-tip {
  position: relative;
  display: inline-block;
}
.zone-settings-list .info-tip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  left: 125%;
  top: 50%;
  transform: translate(0, -50%);
  padding: 5px;
  opacity: 0;
  transition: opacity 0.3s;
}
.zone-settings-list .info-tip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  transform: rotate(90deg);
}
.zone-settings-list .info-tip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.zone-settings-list .size-12 {
  font-size: 12px;
  font-weight: lighter;
}
.zone-settings-list .padding-10 {
  padding: 10px;
}
.custom-maps-edit-beacons-component {
  display: flex;
}
.custom-maps-edit-beacons-component .view-wrapper {
  flex: 1;
}
.custom-maps-edit-beacons-component .map-container {
  position: relative;
  width: 100%;
}
.custom-maps-edit-beacons-component .background {
  width: 100%;
  max-height: calc(100vh - 100px);
  -webkit-user-select: none;
          user-select: none;
  min-height: 300px;
}
.custom-maps-edit-beacons-component .content-wrapper {
  height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
  width: 500px;
  max-width: 80vw;
  border-left: 1px solid #ececed;
}
.custom-maps-edit-beacons-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececed;
  padding: 15px;
}
.custom-maps-edit-beacons-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-edit-beacons-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-edit-beacons-component .sub-title {
  font-size: 18px;
  padding: 15px;
}
.custom-maps-edit-beacons-component .filter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px;
}
.custom-maps-edit-beacons-component .input-wrapper {
  width: 100%;
  max-width: 40vw;
  position: relative;
}
.custom-maps-edit-beacons-component .filter-wrapper input {
  padding-left: 32px;
}
.custom-maps-edit-beacons-component .input-wrapper .mat-icon {
  position: absolute;
  left: 0;
  top: 0;
  color: #b8b9bc;
}
.custom-maps-edit-beacons-component .info-panel {
  background-color: #e9f3fb;
  color: #2188d9;
  border-radius: 4px;
  border: 1px solid #2188d9;
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 10px;
}
.custom-maps-edit-beacons-component .devices-list {
  margin: 10px;
}
.custom-maps-edit-beacons-component .list-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ececed;
  border-top: 1px solid #ececed;
}
.custom-maps-edit-beacons-component .name-item {
  flex: 1;
}
.custom-maps-edit-beacons-component .group-item {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.custom-maps-edit-beacons-component .device-row {
  border-bottom: 1px solid #ececed;
  padding: 10px;
  display: flex;
  align-items: center;
}
.custom-maps-edit-beacons-component .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #2188d9;
}
.custom-maps-edit-beacons-component .icon-wrapper {
  color: #2188d9;
  width: 85px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-maps-edit-beacons-component .icon-space {
  width: 85px;
}
.custom-maps-edit-beacons-component .icon-wrapper .fas {
  margin-right: 5px;
  font-size: 17px;
}
.custom-maps-edit-beacons-component .devices-content {
  flex: 1;
  overflow-y: auto;
}
.custom-maps-edit-beacons-component .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 10px;
}
.custom-maps-edit-readers-drag-preview {
  /* Positioning the draggable element outside of the current viewport */
  top: -1000px;
  position: absolute;
  background: transparent;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #2188d9;
}
.custom-maps-edit-beacons-component .dragged-item {
  opacity: 0.5;
}
.custom-maps-edit-beacons-component .map-item {
  position: absolute;
  background: transparent;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #2188d9;
  margin-right: -10px;
  margin-top: -10px;
}
.custom-maps-edit-beacons-component .delete-btn {
  cursor: pointer;
  color: #707070;
}
.custom-maps-edit-indoor-component {
  display: flex;
}
.custom-maps-edit-indoor-component .map-wrapper {
  height: calc(100vh - 70px);
  flex: 1;
}
.custom-maps-edit-indoor-component .content-wrapper {
  height: 100%;
  width: 500px;
  max-width: 80vw;
}
.custom-maps-edit-indoor-component .content-form {
  padding: 24px;
  height: calc(100vh - 240px);
}
.custom-maps-edit-indoor-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececed;
  padding: 24px;
}
.custom-maps-edit-indoor-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-edit-indoor-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-edit-indoor-component .info-panel {
  background-color: #e9f3fb;
  padding: 10px;
  color: #2188d9;
  border-radius: 4px;
  border: 1px solid #2188d9;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.custom-maps-edit-indoor-component .template-wrapper {
  margin-top: 5px;
}
.custom-maps-edit-indoor-component .template-wrapper select {
  border: 1px solid #b8b9bc !important;
  border-radius: 4px !important;
  padding-left: 10px;
  background: transparent;
  margin-top: 10px;
  padding: 6px;
  width: 100%;
  outline: none !important;
  color: #a4a4a4;
}
.custom-maps-edit-indoor-component .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 24px;
}
.custom-maps-edit-indoor-component .readers-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.custom-maps-edit-indoor-component .readers-wrapper .item {
  flex: 1;
}
.custom-maps-edit-indoor-component .readers-wrapper .lbl {
  height: 15px;
}
.custom-maps-edit-indoor-component .readers-wrapper .item-content {
  height: 80px;
  color: #2188D9;
  display: flex;
  align-items: center;
}
.custom-maps-edit-indoor-component .preview {
  max-width: 150px;
  height: 80px;
}
.custom-maps-edit-readers-component {
  display: flex;
}
.custom-maps-edit-readers-component .view-wrapper {
  flex: 1;
}
.custom-maps-edit-readers-component .map-container {
  position: relative;
  width: 100%;
}
.custom-maps-edit-readers-component .background {
  width: 100%;
  max-height: calc(100vh - 100px);
  -webkit-user-select: none;
          user-select: none;
  min-height: 300px;
}
.custom-maps-edit-readers-component .content-wrapper {
  height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
  width: 500px;
  max-width: 80vw;
  border-left: 1px solid #ececed;
}
.custom-maps-edit-readers-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececed;
  padding: 15px;
}
.custom-maps-edit-readers-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-edit-readers-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-edit-readers-component .sub-title {
  font-size: 18px;
  padding: 15px;
}
.custom-maps-edit-readers-component .filter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px;
}
.custom-maps-edit-readers-component .input-wrapper {
  width: 100%;
  max-width: 40vw;
  position: relative;
}
.custom-maps-edit-readers-component .filter-wrapper input {
  padding-left: 32px;
}
.custom-maps-edit-readers-component .input-wrapper .mat-icon {
  position: absolute;
  left: 0;
  top: 0;
  color: #b8b9bc;
}
.custom-maps-edit-readers-component .info-panel {
  background-color: #e9f3fb;
  color: #2188d9;
  border-radius: 4px;
  border: 1px solid #2188d9;
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 10px;
}
.custom-maps-edit-readers-component .devices-list {
  margin: 10px;
}
.custom-maps-edit-readers-component .list-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ececed;
  border-top: 1px solid #ececed;
}
.custom-maps-edit-readers-component .name-item {
  flex: 1;
}
.custom-maps-edit-readers-component .group-item {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.custom-maps-edit-readers-component .device-row {
  border-bottom: 1px solid #ececed;
  padding: 10px;
  display: flex;
  align-items: center;
}
.custom-maps-edit-readers-component .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #2188d9;
}
.custom-maps-edit-readers-component .icon-wrapper {
  color: #2188d9;
  width: 85px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-maps-edit-readers-component .icon-space {
  width: 85px;
}
.custom-maps-edit-readers-component .icon-wrapper .fas {
  margin-right: 5px;
  font-size: 17px;
}
.custom-maps-edit-readers-component .devices-content {
  flex: 1;
  overflow-y: auto;
}
.custom-maps-edit-readers-component .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 10px;
}
.custom-maps-edit-readers-drag-preview {
  /* Positioning the draggable element outside of the current viewport */
  top: -1000px;
  position: absolute;
  background: transparent;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #2188d9;
}
.custom-maps-edit-readers-component .dragged-item {
  opacity: 0.5;
}
.custom-maps-edit-readers-component .map-item {
  position: absolute;
  background: transparent;
  z-index: 0;
  width: 20px;
  height: 20px;
  margin-right: -10px;
  margin-top: -10px;
  border-radius: 50%;
  background-color: #2188d9;
}
.custom-maps-edit-readers-component .delete-btn {
  cursor: pointer;
  color: #707070;
}
.custom-maps-edit-select-component {
  display: flex;
}
.custom-maps-edit-select-component .map-wrapper {
  height: calc(100vh - 70px);
  flex: 1;
}
.custom-maps-edit-select-component .content-wrapper {
  height: 100%;
  width: 500px;
  max-width: 80vw;
}
.custom-maps-edit-select-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECECED;
  padding: 15px;
}
.custom-maps-edit-select-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-edit-select-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-edit-select-component .sub-title {
  font-size: 18px;
  padding: 15px;
}
.custom-maps-edit-select-component .select-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.custom-maps-edit-select-component .select-wrapper:hover {
  background: #ccc;
}
.custom-maps-edit-select-component .select-wrapper img {
  width: 152px;
  height: 108px;
  margin: 10px;
  border: 2px solid #2188d9;
  border-radius: 4px;
}
.custom-maps-edit-select-component .select-wrapper .title {
  font-size: 16px;
}
.custom-maps-edit-web-component {
  display: flex;
  /* make margin to remove whitesapce around map  */
  margin: -20px;
}
.custom-maps-edit-web-component .map-wrapper {
  height: calc(100vh - 70px);
  flex: 1;
}
.custom-maps-edit-web-component .content-wrapper {
  height: 100%;
  width: 500px;
  max-width: 80vw;
}
.custom-maps-edit-web-component .content-form {
  padding: 24px;
  height: calc(100vh - 240px);
}
.custom-maps-edit-web-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececed;
  padding: 24px;
}
.custom-maps-edit-web-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-edit-web-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-edit-web-component .info-panel {
  background-color: #e9f3fb;
  padding: 10px;
  color: #2188d9;
  border-radius: 4px;
  border: 1px solid #2188d9;
  display: flex;
  align-items: center;
}
.custom-maps-edit-web-component .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 24px;
}
.custom-maps-list-component .toolbar-wrapper {
  margin-bottom: 12px;
}
.custom-maps-list-component .map-preview {
  width: 200px;
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
}
.custom-maps-list-component .map-preview-column {
  width: 235px;
}
.custom-maps-list-component .input-wrapper {
  width: 350px;
  max-width: 40vw;
  position: relative;
  margin-right: 10px;
}
.custom-maps-list-component .input-wrapper .mat-icon {
  position: absolute;
  left: 3px;
  top: 10px;
  color: #b8b9bc;
}
.custom-maps-list-component .info-panel {
  width: 700px;
  max-width: 50vw;
  background-color: #e9f3fb;
  padding: 10px;
  color: #2188d9;
  border-radius: 4px;
  border: 1px solid #2188d9;
  display: flex;
  align-items: center;
}
.custom-maps-list-component .info-panel .mat-icon {
  margin-right: 15px;
}
.custom-maps-list-component .map-item .drag-icon {
  display: none;
}
.custom-maps-list-component .map-item:hover .drag-icon {
  display: block;
}
.custom-maps-list-component .map-item .map-order-handle {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.custom-maps-upload-component {
  display: flex;
  /* make margin to remove whitesapce around map  */
  margin: -20px -20px 0 -20px;
}
.custom-maps-upload-component .map-wrapper {
  height: 100%;
  flex: 1;
  height: calc(100vh - 61px);
  flex: 1;
}
.custom-maps-upload-component .content-wrapper {
  height: 100%;
  width: 500px;
  max-width: 80vw;
}
.custom-maps-upload-component .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececed;
  padding: 15px;
}
.custom-maps-upload-component .title-wrapper .title {
  font-size: 20px;
}
.custom-maps-upload-component .title-wrapper .mat-icon {
  cursor: pointer;
}
.custom-maps-upload-component .sub-title {
  font-size: 18px;
  padding: 15px;
}
.custom-maps-upload-component .upload-wrapper {
  border: 2px dashed #ccc;
  margin: 10px;
  padding: 20px;
}
.custom-maps-upload-component .upload-wrapper img {
  display: block;
  margin: 0 auto;
}
.custom-maps-upload-component .browse-link {
  cursor: pointer;
  color: #2188d9;
  text-decoration: underline;
}
.custom-maps-upload-component .text {
  text-align: center;
  font-size: 18px;
  padding: 10px;
}
.custom-maps-upload-component .note {
  color: #b8b9bc;
  text-align: center;
}
.exit-promt-dialog .icon-exit {
  text-align: center;
  padding: 20px;
}
.exit-promt-dialog .icon-exit .mat-icon {
  font-size: 50px;
  color: #2188d9;
}
.exit-promt-dialog .main-title {
  font-size: 24px;
  text-align: center;
}
.exit-promt-dialog .main-text {
  font-size: 18px;
  text-align: center;
}
.exit-promt-dialog .btns-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 10px;
}
.group-edit-component > div {
  padding-left: 24px;
  padding-right: 24px;
}
.group-edit-component .header {
  padding: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ECECED;
}
.group-edit-component .header span {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  color: #060C1B;
}
.group-edit-component .body {
  border-bottom: 1px solid #ECECED;
  padding-top: 24px;
}
.group-edit-component .body h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #060C1B;
  padding-top: 24px;
}
.group-edit-component .images {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ECECED;
  height: 400px;
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.group-edit-component .images > div {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  height: 120px;
  background: #FFFFFF;
  border: 1px solid #ECECED;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 5px;
  padding: 5px;
  text-align: center;
}
.group-edit-component .images > div.checked {
  background: #F4F9FD;
  border: 1px solid #2188D9;
}
.group-edit-component .images > div > div.icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgb(33, 136, 217);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.group-edit-component .images > div > div.icon > img {
  width: 30px;
  height: 30px;
}
.group-edit-component .images > div > div.check-icon {
  width: 100%;
  text-align: right;
}
.group-edit-component .images > div > div.check-icon > img {
  visibility: hidden;
}
.group-edit-component .images > div.checked > div.check-icon > img {
  visibility: visible;
}
.group-edit-component .images > div > span:last-child {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  margin-top: 5px;
}
.group-edit-component .footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 24px;
}
.group-tree-component > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.group-tree-component .node {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  height: 66px;
}
.group-tree-component .node .logo {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgb(33, 136, 217);
}
.group-tree-component .node .logo img {
  width: 30px;
  cursor: pointer;
}
.group-tree-component .node .indent {
  height: 0px;
  border: 1px solid #ECECED;
  width: 40px;
}
.group-tree-component .node .name {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  color: #333333;
}
.group-tree-component .child {
  margin-left: 24px;
}
.group-tree-component .child:last-child > group-tree > .group-tree-component > div > .line > div:last-child {
  border-left: 0px;
}
.group-tree-component .child.indent {
  margin-left: 64px;
}
.group-tree-component .line {
  width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 66px;
}
.group-tree-component .line > div {
  height: 50%;
  border-left: 1px solid #ECECED;
}
.drill .mat-icon {
  font-size: 24px;
  transition: 0.3s;
}
.drill .mat-icon.expanded {
  transform: rotate(180deg);
}
.settings-groups-component .group-tree {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececed;
}
.product-edit .footer {
  padding: 24px 0 0 0 !important;
}
.products-list-component {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.products-list-component .table-wrapper {
  margin: 0;
  padding: 0;
  flex: 1;
}
.products-list-component pagination-bar {
  margin: 24px 0;
}
.report-send-window .modal-dialog {
  top: 25%;
}
.report-send {
  padding: 10px;
  min-height: 200px;
}
.report-send .header {
  font-size: 26px;
}
.report-send .header .close {
  top: 4%;
}
.report-send .body {
  height: 140px;
  overflow-y: visible;
}
.scheduled-reports-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}
.settings-page {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.settings-page .sidebar-wrapper {
  height: 100%;
  overflow-y: auto;
}
.settings-page .settings-content {
  flex: 1;
  overflow-y: auto;
}
.settings-page .settings-padding {
  padding: 24px 24px 0px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.settings-page .toolbar-wrapper .tools-container .dropdown-wrapper select {
  width: 200px;
  height: 40px;
  color: #60636c;
  background: #ffffff;
  border: 1px solid #ececed;
  box-sizing: border-box;
  border-radius: 4px;
  background: url(/assets/svg/arrow-down.svg) no-repeat;
  background-position: right 8px top 50%;
  -webkit-appearance: none;
          appearance: none;
  padding: 8px;
  cursor: pointer;
}
.settings-page .capitalize {
  text-transform: capitalize;
}
.system-settings-page .settings-form {
  gap: 24px;
}
.system-settings-page .settings-form .settings-row-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.system-settings-page .settings-form .settings-row-element label {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #60636C;
}
.system-settings-page .settings-form .settings-row-element .toggle-slide-component {
  padding-right: 0;
}
.system-settings-page .settings-form .settings-row-element .app-select {
  width: 60px;
}
.system-settings-page .settings-form .settings-row-element.with-description {
  align-items: unset;
}
.system-settings-page .settings-form .settings-row-element.with-description label {
  color: #060C1B;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.system-settings-page .settings-form .settings-row-element.with-description .description {
  color: #60636C;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
.system-settings-page .settings-form .settings-row-element.with-description .toggle-slide-component {
  padding: 0;
}
.system-settings-page .working-hours-component {
  max-width: 530px;
}
.system-settings-page .upload-file-component .upload {
  width: 700px;
  height: 150px;
}
.system-settings-page .footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
}
.system-settings-page .tooltip .tooltip-inner {
  width: 250px;
}
.share-map-component .body {
  height: calc(100vh - 130px);
}
.share-map-component .dropdown-header {
  width: 100%;
}
.share-map-component .element.clipboard-icon {
  position: relative;
}
.share-map-component .element.clipboard-icon > img {
  position: absolute;
  top: 40px;
  right: 10px;
  cursor: pointer;
}
.share-map-component .element.destination {
  position: relative;
}
.share-map-component .element.destination .typeahead-spinner {
  top: 41px;
}
.snapshot-player-component {
  width: 100%;
  height: 100%;
  position: relative;
}
.snapshot-player-component .image {
  width: 100%;
  height: 100%;
  background-color: black;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
}
.snapshot-player-component .video-settings {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  border-radius: 4px;
}
.snapshot-player-component > .video-filter {
  position: absolute;
  right: 20px;
  top: 50px;
}
.snapshot-player-component .full-screen {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.unsaved-changes-confirm-window .modal-content {
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 4px;
}
.unsaved-changes-confirm-window .modal-dialog {
  top: 25%;
}
.close-button {
  width: 191px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #2188d9 !important;
  color: #2188d9 !important;
  border-radius: 4px !important;
}
.close-button:hover,
.close-button:focus,
.close-button.focus {
  color: none !important;
  background: none !important;
}
.keep-editing {
  color: #ffffff !important;
  width: 140px;
  height: 56px;
  border-radius: 4px !important;
  background-color: #2188d9 !important;
}
.keep-editing:hover,
.keep-editing:focus,
.keep-editing.focus {
  background: #2188d9 !important;
}
.modal-confirm-footer {
  display: flex;
}
.modal-confirm-footer button {
  margin-right: 8px;
}
.modal-footer-align-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.delete-confirm-window .modal-content {
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 4px;
}
.delete-confirm-window .modal-dialog {
  top: 25%;
}
.delete-confirm-window .modal-body {
  padding: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.delete-confirm-window .modal-body .mat-icon {
  color: #d92c21;
  font-size: 40px;
  margin-bottom: 20px;
}
.delete-confirm-window .modal-body .text {
  font-size: 18px;
  font-weight: bold;
}
.delete-confirm-window .modal-body .cancel {
  color: #2188d9;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #2188d9;
  box-sizing: border-box;
  border-radius: 4px;
  width: 171px;
  height: 40px;
  background-color: #ffffff;
}
.delete-confirm-window .modal-body .delete {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  background-color: #d92c21;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  width: 171px;
  height: 40px;
}
.assign-confirm-window .modal-content {
  width: 708px;
  height: 242px;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 16px;
}
.assign-confirm-window .modal-dialog {
  top: 25%;
}
.assign-confirm-window .modal-body {
  padding: 20px 89px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.assign-confirm-window .modal-body .mat-icon {
  color: #d9a521;
  font-size: 40px;
  margin-bottom: 20px;
}
.assign-confirm-window .modal-body .text {
  font-weight: bold;
  font-size: 24px;
  color: #060c1b;
  text-align: center;
}
.confirm-window .modal-content {
  width: 708px;
  min-height: 222px;
  max-height: 270px;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 16px;
}
.confirm-window .max-height {
  max-height: 100%;
}
.confirm-window .modal-dialog {
  top: 25%;
}
.confirm-window .modal-body {
  padding: 20px 89px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.confirm-window .modal-body .mat-icon {
  color: #D9A521;
  font-size: 40px;
  margin-bottom: 10px;
}
.confirm-window .modal-body .title {
  font-weight: bold;
  font-size: 24px;
  color: #060C1B;
  line-height: 140%;
}
.confirm-window .modal-body .text-body {
  display: flex;
  max-width: 600px;
  font-weight: normal;
  font-size: 22px;
  color: #060C1B;
  line-height: 140%;
}
.confirm-window .modal-body .text-body p {
  text-align: center;
}
.message-box-window .modal-content {
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 8px;
  width: 500px;
}
.message-box-window .modal-dialog {
  top: 25%;
}
.message-box-window .modal-header {
  border-bottom: none;
}
.message-box-window .modal-header .close {
  color: #060c1b;
}
.message-box-window .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 74px;
}
.message-box-window .icon-wrapper-error {
  color: #d92c21;
}
.message-box-window .icon-wrapper-error .mat-icon {
  font-size: 37px;
}
.message-box-window .icon-wrapper-success {
  color: #21d933;
}
.message-box-window .icon-wrapper-success .mat-icon {
  font-size: 37px;
}
.message-box-window .message-text {
  font-size: 24px;
  font-weight: 500;
}
.video-filter-component-settings {
  width: 375px;
  min-height: 102.5px;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 4px;
}
.video-filter-component-settings > div:first-child {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
}
.video-filter-component-settings > div:first-child > button.active {
  border: 1px solid #2188D9 !important;
  color: #2188D9 !important;
}
.video-filter-component-settings > div:first-child > button {
  border: 1px solid #D0D0D2 !important;
  color: #D0D0D2 !important;
  border-radius: 8px !important;
  text-transform: capitalize;
  flex: 0 1 100px;
  padding: 5px;
  margin-right: 16px;
}
.video-filter-component-settings > div:first-child > button:last-child {
  margin-right: 16px;
}
.video-filter-component-settings > div:first-child > button:first-child {
  margin-left: 16px;
  margin-right: 16px;
  height: 40px !important;
}
.video-filter-component-settings > div:last-child {
  padding: 5px;
}
.btn-settings-format {
  width: 97px !important;
}
.video-popup-filter-component {
  width: 340px;
  background-color: #f5f5f5;
  padding: 10px;
  float: none;
  margin: 0px;
}
.video-popup-filter-component > div:first-child {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.video-popup-filter-component > div:first-child > button {
  border: 1px solid rgb(128, 128, 128) !important;
  color: rgb(128, 128, 128) !important;
  border-radius: 5px !important;
  text-transform: uppercase;
  flex: 0 1 100px;
  padding: 5px;
}
.video-popup-filter-component > div:first-child > button.active {
  border: 1px solid black !important;
  color: black !important;
}
.video-popup-filter-component > div:first-child > button:last-child {
  margin-right: 5px;
}
.video-popup-filter-component > div:first-child > button:first-child {
  margin-left: 5px;
}
.video-popup-filter-component > div:last-child {
  padding: 5px;
}
.video-block-component {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
}
.video-block-component .video-wrapper {
  width: calc(50% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.video-block-component .video-wrapper:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .video-block-component {
    flex-direction: column;
  }
  .video-block-component .video-wrapper {
    width: calc(100vw - 50px);
  }
}
.web-rtc-player {
  position: relative;
  background-color: black;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  /* min-height: 100px; */
}
.web-rtc-player .web-rtc-player-id {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.web-rtc-player .live-loading {
  position: absolute;
  top: 52px;
  left: calc(50% - 88px);
}
.web-rtc-player > img {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  border-radius: 4px;
}
.web-rtc-player > .video-filter {
  position: absolute;
  right: 20px;
  top: 50px;
}
/* 
	convert color to filter https://codepen.io/sosuke/pen/Pjoqqp
*/
.svg-color.white {
  filter: invert(100%) sepia(4%) saturate(1%) hue-rotate(347deg) brightness(105%) contrast(100%);
}
.svg-color.red {
  filter: invert(27%) sepia(53%) saturate(6108%) hue-rotate(350deg) brightness(87%) contrast(141%);
}
.svg-color.primary {
  filter: invert(64%) sepia(68%) saturate(4216%) hue-rotate(180deg) brightness(85%) contrast(99%);
}
.svg-color.gray {
  filter: invert(52%) sepia(5%) saturate(6%) hue-rotate(331deg) brightness(98%) contrast(87%);
}
.mat-dialog-container {
  padding: 0px !important;
}
.mat-tooltip {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 8px 16px !important;
  background: #60636c;
  border-radius: 10px !important;
  min-width: 100px;
  text-align: center;
  overflow: visible !important;
  position: relative;
}
.mat-tooltip-panel-right .mat-tooltip {
  margin: 0 0 0 14px !important;
}
.mat-tooltip-panel-right .mat-tooltip::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: #60636c;
  clip-path: polygon(50% 0, 0 50%, 50% 100%);
  left: -7px;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.mat-tooltip-panel-left .mat-tooltip {
  margin: 0 14px 0 0 !important;
}
.mat-tooltip-panel-left .mat-tooltip::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: #60636c;
  clip-path: polygon(50% 0, 0 50%, 50% 100%);
  width: 15px;
  height: 15px;
  right: -7px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.mat-tooltip-panel-above .mat-tooltip {
  margin: 0 0 14px 0 !important;
}
.mat-tooltip-panel-above .mat-tooltip::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: #60636c;
  clip-path: polygon(50% 0, 0 50%, 50% 100%);
  bottom: -7px;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
}
.mat-tooltip-panel-below .mat-tooltip {
  margin: 14px 0 0 0 !important;
}
.mat-tooltip-panel-below .mat-tooltip::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: #60636c;
  clip-path: polygon(50% 0, 0 50%, 50% 100%);
  top: -7px;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
.button-tooltip {
  max-width: 140px !important;
}
.mat-tooltip-no-wrap {
  white-space: nowrap;
  max-width: unset !important;
}
.mat-slider.mat-accent .mat-slider-track-fill {
  background-color: #2188D9 !important;
}
.mat-slider-track-background {
  background-color: #CFE9FD !important;
}
.mat-slider-thumb {
  box-shadow: 0px 0px 10px #99D2FF;
}
.settings-modal {
  overflow: auto !important;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
}
.settings-modal .header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 1;
}
.settings-modal .header .heading-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid #ececed;
}
.settings-modal .header .heading-wrapper .heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #060c1b;
  flex: 1;
}
.settings-modal .header .header-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #b8b9bc;
}
.settings-modal .header .header-tabs .header-tab {
  width: 100%;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  text-align: center;
  padding: 16px 0 13px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #b8b9bc;
}
.settings-modal .header .header-tabs .header-tab.header-tab-active {
  font-weight: 500;
  color: #2188d9;
  border-bottom: 3px solid #2188d9;
}
.settings-modal .body {
  padding: 24px;
}
.settings-modal .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 24px;
  gap: 16px;
}
/* Blue/Tint_01 */
/* Blue/Tint_02 */
/* Blue/Tint_03 */
/* Blue/Tint_04 */
/* Blue/Tint_05 */
/* Blue/Tint_06 */
/* Blue/Tint_07 */
/* Blue/Shade_01 */
/* Blue/Shade_02 */
/* Blue/Shade_03 */
/* Blue/Shade_04 */
/* Blue/Shade_05 */
/* Grayscale/Grey/Primary */
/* Grayscale/Grey/2 */
/* Grayscale/Grey/Shade_01 */
/* Grayscale/Grey/Shade_02 */
/* Grayscale/Grey/Shade_03 */
/* Grayscale/Grey/Shade_04 */
/* Grayscale/Grey/Shade_05 */
/* Grayscale/Grey/Shade_06 */
/* Grayscale/Grey/Shade_07 */
/* Grayscale/White/Primary */
/* Grayscale/White/SideMenu */
/* Success/Tint */
/* Success/Primary */
/* Success/Shade */
/* Error/Tint */
/* Error/Primary */
/* Error/Shade */
/* Alert/Tint */
/* Alert/Primary */
/* Alert/Shade */
/* Secondary/Tint */
/* Secondary/Primary */
/* Secondary/Shade */
.mat-snack-bar-container {
  width: auto;
  min-width: auto !important;
  padding: 16px 24px !important;
  margin: 0 !important;
}
.mat-snack-bar-container .bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.mat-snack-bar-container .snack-message {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  white-space: pre-line;
}
.mat-snack-bar-container.min-snack .snack-message {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.snack-success {
  background-color: var(--color-white-primary, #ffffff);
  color: var(--color-success-primary, #5cbb3a);
  box-shadow: 0 4px 10px rgba(6, 12, 27, 0.15);
}
.snack-success .mat-simple-snackbar-action {
  color: var(--color-success-primary, #5cbb3a) !important;
}
.snack-success zen-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-color: var(--color-success-primary, #5cbb3a);
}
.snack-success .dismiss-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 34px;
  padding: 0 7px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #828282;
  background: var(--color-white-primary, #ffffff);
}
.snack-success .dismiss-btn .mat-icon {
  font-size: 20px;
}
.snack-success .dismiss-btn:hover {
  color: #5b5b5b;
}
.snack-success.min-snack {
  background-color: var(--color-success-tint, #e2f8db);
  box-shadow: unset;
  color: var(--color-success-shade, #328614) !important;
}
.snack-success.min-snack zen-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-color: var(--color-success-shade, #328614);
}
.snack-success.min-snack .dismiss-btn {
  height: 18px;
  padding: 0;
  background: var(--color-success-tint, #e2f8db);
}
.snack-success.min-snack .dismiss-btn .mat-icon {
  font-size: 18px;
}
.snack-warn {
  background-color: var(--color-white-primary, #ffffff);
  color: var(--color-alert-primary, #f1b10b);
  box-shadow: 0 4px 10px rgba(6, 12, 27, 0.15);
}
.snack-warn .mat-simple-snackbar-action {
  color: var(--color-alert-primary, #f1b10b) !important;
}
.snack-warn zen-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-color: var(--color-alert-primary, #f1b10b);
}
.snack-warn .dismiss-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 34px;
  padding: 0 7px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #828282;
  background: var(--color-white-primary, #ffffff);
}
.snack-warn .dismiss-btn .mat-icon {
  font-size: 20px;
}
.snack-warn .dismiss-btn:hover {
  color: #5b5b5b;
}
.snack-warn.min-snack {
  background-color: var(--color-alert-tint, #fff2de);
  box-shadow: unset;
  color: var(--color-alert-shade, #c77916) !important;
}
.snack-warn.min-snack zen-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-color: var(--color-alert-shade, #c77916);
}
.snack-warn.min-snack .dismiss-btn {
  height: 18px;
  padding: 0;
  background: var(--color-alert-tint, #fff2de);
}
.snack-warn.min-snack .dismiss-btn .mat-icon {
  font-size: 18px;
}
.snack-error {
  background-color: var(--color-white-primary, #ffffff);
  color: var(--color-error-primary, #dc3e33);
  box-shadow: 0 4px 10px rgba(6, 12, 27, 0.15);
}
.snack-error .mat-simple-snackbar-action {
  color: var(--color-error-primary, #dc3e33) !important;
}
.snack-error zen-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-color: var(--color-error-primary, #dc3e33);
}
.snack-error .dismiss-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 34px;
  padding: 0 7px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #828282;
  background: var(--color-white-primary, #ffffff);
}
.snack-error .dismiss-btn .mat-icon {
  font-size: 20px;
}
.snack-error .dismiss-btn:hover {
  color: #5b5b5b;
}
.snack-error.min-snack {
  background-color: var(--color-error-tint, #ffe6e3);
  box-shadow: unset;
  color: var(--color-error-shade, #972c25) !important;
}
.snack-error.min-snack zen-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-color: var(--color-error-shade, #972c25);
}
.snack-error.min-snack .dismiss-btn {
  height: 18px;
  padding: 0;
  background: var(--color-error-tint, #ffe6e3);
}
.snack-error.min-snack .dismiss-btn .mat-icon {
  font-size: 18px;
}
.snack-info {
  background-color: var(--color-white-primary, #ffffff);
  color: var(--color-blue-primary, #2188d9);
  box-shadow: 0 4px 10px rgba(6, 12, 27, 0.15);
}
.snack-info .mat-simple-snackbar-action {
  color: var(--color-blue-primary, #2188d9) !important;
}
.snack-info zen-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-color: var(--color-blue-primary, #2188d9);
}
.snack-info .dismiss-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 34px;
  padding: 0 7px;
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  color: #828282;
  background: var(--color-white-primary, #ffffff);
}
.snack-info .dismiss-btn .mat-icon {
  font-size: 20px;
}
.snack-info .dismiss-btn:hover {
  color: #5b5b5b;
}
.snack-info.min-snack {
  background-color: var(--color-blue-tint-1, #f4f9fd);
  box-shadow: unset;
  color: var(--color-blue-primary, #2188d9) !important;
}
.snack-info.min-snack zen-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-color: var(--color-blue-primary, #2188d9);
}
.snack-info.min-snack .dismiss-btn {
  height: 18px;
  padding: 0;
  background: var(--color-blue-tint-1, #f4f9fd);
}
.snack-info.min-snack .dismiss-btn .mat-icon {
  font-size: 18px;
}
/* Blue/Tint_01 */
/* Blue/Tint_02 */
/* Blue/Tint_03 */
/* Blue/Tint_04 */
/* Blue/Tint_05 */
/* Blue/Tint_06 */
/* Blue/Tint_07 */
/* Blue/Shade_01 */
/* Blue/Shade_02 */
/* Blue/Shade_03 */
/* Blue/Shade_04 */
/* Blue/Shade_05 */
/* Grayscale/Grey/Primary */
/* Grayscale/Grey/2 */
/* Grayscale/Grey/Shade_01 */
/* Grayscale/Grey/Shade_02 */
/* Grayscale/Grey/Shade_03 */
/* Grayscale/Grey/Shade_04 */
/* Grayscale/Grey/Shade_05 */
/* Grayscale/Grey/Shade_06 */
/* Grayscale/Grey/Shade_07 */
/* Grayscale/White/Primary */
/* Grayscale/White/SideMenu */
/* Success/Tint */
/* Success/Primary */
/* Success/Shade */
/* Error/Tint */
/* Error/Primary */
/* Error/Shade */
/* Alert/Tint */
/* Alert/Primary */
/* Alert/Shade */
/* Secondary/Tint */
/* Secondary/Primary */
/* Secondary/Shade */
.main-wrapper {
  display: flex;
  flex-direction: row;
}
.main-wrapper #main-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: calc(100% - 170px);
  flex: 1;
}
.main-wrapper #main-container.main-container-collapsed {
  width: calc(100vw - 50px);
}
.main-wrapper #main-container #main-body {
  flex: 1;
  overflow-y: auto;
}
.main-wrapper #main-container #main-body.remove-overflow {
  overflow: unset;
}
.submitted .ng-invalid,
.submitted .ng-invalid:hover {
  border-bottom: 1px solid red !important;
}
.product-page-wrapper {
  font-family: Roboto;
  padding: 20px 20px 0px 20px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.btn {
  display: inline-flex;
  align-items: center;
}
.mat-tooltip {
  text-align: center;
  padding: 8px !important;
  font-size: 12px;
  border-radius: 2px !important;
  background: var(--color-grey-shade-2, #828282);
}
.mat-tooltip::before {
  background-color: var(--color-grey-shade-2, #828282) !important;
}
.device-status-icon {
  background: #828282;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-status-icon.online {
  background: #2188d9;
}
.device-status-icon.errors {
  background: #dc3e33;
}
.device-status-icon.moving, .device-status-icon.moving-camera {
  border-radius: 50%;
}
.device-status-icon img {
  width: 12px;
}
.gateway-icon {
  width: 22px;
  height: 22px;
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.building-icon {
  width: 22px;
  height: 22px;
  background: #2188d9;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.building-icon.errors {
  background: #dc3e33;
}
.building-icon img {
  width: 22px;
}
.building-icon.large {
  width: 36px;
  height: 36px;
}
.building-icon.large img {
  width: 36px;
}
.tutorial-backdrop {
  background: #ccc;
  opacity: 0.5;
  position: fixed;
  z-index: 1050;
}
.tutorial-middle {
  position: fixed;
  display: flex;
}
.tutorial-middle .tutorial-target {
  background: none;
}
.tutorial-middle .tutorial-bg {
  background: #ccc;
}
/* Blue/Tint_01 */
/* Blue/Tint_02 */
/* Blue/Tint_03 */
/* Blue/Tint_04 */
/* Blue/Tint_05 */
/* Blue/Tint_06 */
/* Blue/Tint_07 */
/* Blue/Shade_01 */
/* Blue/Shade_02 */
/* Blue/Shade_03 */
/* Blue/Shade_04 */
/* Blue/Shade_05 */
/* Grayscale/Grey/Primary */
/* Grayscale/Grey/2 */
/* Grayscale/Grey/Shade_01 */
/* Grayscale/Grey/Shade_02 */
/* Grayscale/Grey/Shade_03 */
/* Grayscale/Grey/Shade_04 */
/* Grayscale/Grey/Shade_05 */
/* Grayscale/Grey/Shade_06 */
/* Grayscale/Grey/Shade_07 */
/* Grayscale/White/Primary */
/* Grayscale/White/SideMenu */
/* Success/Tint */
/* Success/Primary */
/* Success/Shade */
/* Error/Tint */
/* Error/Primary */
/* Error/Shade */
/* Alert/Tint */
/* Alert/Primary */
/* Alert/Shade */
/* Secondary/Tint */
/* Secondary/Primary */
/* Secondary/Shade */
.context-menu {
  position: absolute;
  background-color: white;
  padding: 8px 0px;
  border: 1px solid #ececed;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.16);
  border-radius: 8px;
  width: 320px;
}
.context-sub-menu {
  width: unset !important;
}
.context-menu > div:hover {
  background-color: rgb(244, 249, 253);
  color: #4f4f4f;
}
.context-menu > div:hover .map-menu-icon:not(.no-hover) {
  filter: brightness(50%);
}
.context-menu > div {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #828282;
  min-width: 200px;
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  padding: 0px 16px;
  gap: 8px;
}
.context-menu > div > i {
  /* padding-right: 10px; */
  max-width: 40px;
  font-size: 20px;
}
.context-menu > div > span {
  flex: 1;
  text-transform: capitalize;
}
.map-menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
}
.video-request-map .H_zoom {
  right: -15px;
}
.video-request-map .H_zoom .H_btn {
  height: 24px;
  width: 24px;
}
.video-request-map .H_zoom .H_btn:after {
  width: 24px;
  left: 0;
}
.video-request-map .H_zoom .H_icon {
  height: 18px;
  width: 18px;
}
.video-request-map .H_scalebar {
  display: none;
}
.video-request-map-marker {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  background: var(--color-white-primary, #ffffff);
  border: 1.6px solid var(--color-error-primary, #dc3e33);
  border-radius: 50%;
  top: -6px;
  left: -6px;
}
.video-request-map-marker .video-request-map-icon {
  width: 8px;
  height: 8px;
  background-color: var(--color-error-primary, #dc3e33);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
  mask-image: url("/assets/svg/exception-filled.svg");
  -webkit-mask-image: url("/assets/svg/exception-filled.svg");
}
.map-grip-marker {
  width: 32px;
  height: 32px;
  background: #fffcfc;
  border: 2px solid #60636c;
  padding: 3px;
  border-radius: 4px;
  color: #60636c;
  margin-left: -16px;
  margin-top: -16px;
  cursor: pointer;
  /* user-select: none; */
  font-size: 18px;
  text-align: center;
}
.gm-style iframe + div {
  border: none !important;
}
.marker-pin {
  position: relative;
  margin-top: -56px;
  margin-left: -16px;
}
.marker-pin img {
  width: 32px;
  height: 56px;
}
.marker-pin span {
  position: absolute;
  top: 6px;
  left: 0px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.gotrax-marker-address {
  color: blue;
  text-align: center;
  white-space: nowrap;
  display: block;
  margin: auto;
  font-size: 13px;
  font-weight: bold;
}
.g-marker-vehilce-wrapper {
  position: absolute;
  width: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: -27px;
  /* icon size is 30px, so make an offset -15px  */
  bottom: -15px;
  pointer-events: auto;
}
.g-dom-marker-wrapper {
  pointer-events: auto !important;
}
.gotrax-label-wrapper {
  position: absolute;
  bottom: 42px;
  width: 400px;
  left: -200px;
  display: flex;
}
.gotrax-label {
  font-weight: 400;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: white;
  position: absolute;
  top: -28px;
  padding: 0 12px;
  line-height: 18px;
}
.g-marker-address {
  font-weight: bold;
  font-size: 13px;
  border: 1px solid green;
  border-radius: 3px;
  background-color: white;
  padding: 3px;
}
.gotrax-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.g-marker-vehilce {
  position: relative;
  cursor: pointer;
}
.no-of-jobs {
  position: absolute;
  right: -6px;
  bottom: -6px;
  margin-bottom: 0;
  width: 16px;
  height: 16px;
  background: #2188d9;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gotrax-img > .g-marker-icon {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.direction-arrow {
  height: 72px;
  width: 72px;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: top;
  position: absolute;
}
.gotrax-label.moving-camera,
.gotrax-label.moving,
.gotrax-label.stopped-camera {
  background-color: #2188d9;
}
.gotrax-label.stopped {
  background-color: #828282;
}
.gotrax-label.idle {
  background-color: #2188d9;
}
.gotrax-label.moving-camera.active-exception,
.gotrax-label.moving.active-exception,
.gotrax-label.stopped-camera.active-exception,
.gotrax-label.stopped.active-exception {
  background-color: #dc3e33;
}
.gotrax-img > .g-marker-icon.moving-camera,
.gotrax-img > .g-marker-icon.moving {
  border-radius: 50%;
  background-color: #2188d9;
  width: 36px;
  height: 36px;
}
.gotrax-img > .g-marker-icon.stopped-camera {
  background-color: #2188d9;
}
.gotrax-img > .g-marker-icon.stopped {
  background-color: #828282;
}
.gotrax-img > .g-marker-icon.idle {
  background-color: #2188d9;
}
.gotrax-img > .moving-camera.active-exception,
.gotrax-img > .moving.active-exception,
.gotrax-img > .stopped-camera.active-exception,
.gotrax-img > .stopped.active-exception {
  background-color: #dc3e33;
}
@keyframes deviceMarkerPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(33, 136, 217, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(33, 136, 217, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(33, 136, 217, 0);
  }
}
@keyframes deviceMarkerPulseException {
  0% {
    box-shadow: 0 0 0 0 rgba(220, 62, 51, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(220, 62, 51, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(220, 62, 51, 0);
  }
}
.gotrax-img > .g-marker-icon.deviceMarkerPulse {
  animation: deviceMarkerPulse 2s infinite;
}
.gotrax-img > .g-marker-icon.deviceMarkerPulse.active-exception {
  animation: deviceMarkerPulseException 2s infinite;
}
.g-marker-img {
  display: block;
  margin: auto;
  height: 15px;
}
.g-marker-pin {
  display: block;
  margin: auto;
  width: 64px;
}
.driving-marker {
  border: 1px solid green;
}
.cluster-tooltip-wrapper {
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 5px;
  z-index: 25;
  width: 92px;
  margin-left: -27px;
}
.cluster-tooltip-wrapper > div {
  max-width: 130px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.cluster-marker {
  position: absolute;
  /*half of svg image */
  bottom: -21px;
  left: -21px;
  cursor: pointer;
}
.cluster-marker-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 42px;
  text-align: center;
  padding: 15px 0px 0px 0px;
  width: 42px;
  font-weight: bold;
  font-size: 11px;
  color: black;
}
.grip-marker {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.geofence-map .H_imprint {
  z-index: 0 !important;
}
.job-stop-marker {
  transform: translate(-50%, -50%);
  position: relative;
}
.job-stop-marker .flag-marker-icon {
  filter: invert(43%) sepia(87%) saturate(2276%) hue-rotate(185deg) brightness(93%) contrast(83%);
}
.job-stop-marker .pin-lbl {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 3px;
  left: 3px;
  color: var(--color-white-primary, #ffffff);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
}
.job-stop-marker-lbl {
  display: none;
  position: absolute;
  padding: 16px;
  transform: translate(-50%, 0%);
  width: 344px;
  background: var(--color-white-primary, #ffffff);
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  bottom: 40px;
}
.job-stop-marker-lbl .stop-name-row {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-stop-marker-lbl .stop-name-row .stop-name {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-grey-primary, #4f4f4f);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.job-stop-marker-lbl .stop-name-row img {
  width: 24px;
  height: 24px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .eta-error-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-error-primary, #dc3e33);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
  background: var(--color-error-tint, #ffe6e3);
  border-radius: 4px;
  padding: 8px 12px;
}
.job-stop-marker-lbl .eta-error-row img {
  filter: invert(32%) sepia(35%) saturate(5550%) hue-rotate(345deg) brightness(92%) contrast(87%);
}
.job-stop-marker-lbl .address-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-shade-2, #828282);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.job-stop-marker-lbl .address-row img {
  width: 16px;
  height: 16px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .contact-details-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-shade-2, #828282);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
  align-items: flex-start;
}
.job-stop-marker-lbl .contact-details-row img {
  width: 16px;
  height: 16px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .work-order-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-shade-2, #828282);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.job-stop-marker-lbl .work-order-row img {
  width: 16px;
  height: 16px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .work-order-row a {
  cursor: pointer;
}
.job-stop-marker-lbl .eta-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-shade-2, #828282);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.job-stop-marker-lbl .eta-row img {
  width: 16px;
  height: 16px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .eta-row .inside-value {
  color: var(--color-white-tint-6, #bebebe);
}
.job-stop-marker-lbl .duration-row {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-shade-2, #828282);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.job-stop-marker-lbl .duration-row img {
  width: 16px;
  height: 16px;
  filter: invert(42%) sepia(86%) saturate(590%) hue-rotate(167deg) brightness(93%) contrast(95%);
}
.job-stop-marker-lbl .duration-row .inside-value {
  color: var(--color-white-tint-6, #bebebe);
}
.text-heading01 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
}
.text-heading03 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.text-heading04 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
}
.text-body03 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  overflow-y: hidden !important;
  font-display: block !important;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.cdk-overlay-container {
  z-index: 20000 !important;
}
@media print {
  body * {
    visibility: hidden;
    position: unset !important;
  }
  .print-no-scroll {
    visibility: visible;
    width: 100% !important;
    position: absolute !important;
    top: 0;
    right: 0;
    max-height: none !important;
    overflow-y: inherit !important;
  }
  .print-no-scroll * {
    visibility: visible;
  }
  .print-no-scroll table {
    page-break-inside: auto;
  }
  .print-no-scroll tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
}
.and-or-btns app-radio-as-tabs .app-radio-button-label {
  min-width: 75px;
  text-align: center;
}
.customer-marker-new {
  transform: translate(-50%, -50%);
  position: relative;
  cursor: pointer;
}
.customer-marker-new img {
  height: 34px;
}
.customer-lbl-new {
  visibility: hidden;
  position: absolute;
  background: white;
  white-space: nowrap;
  padding: 16px;
  transform: translate(-50%, 0%);
  bottom: 55px;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(6, 12, 27, 0.15);
  border-radius: 4px;
  font-size: 16px;
  color: #060c1b;
}
.coach-driver-dialog-wrapper .items-wrapper {
  max-height: 280px !important;
}
.video-request-dialog .mat-dialog-container {
  overflow: visible;
}
body .cdk-overlay-pane .mat-option .search-option-text {
  color: var(--color-grey-primary, #4f4f4f);
  font-weight: 400px;
}
body .cdk-overlay-pane .custom-view-option-menu.mat-menu-panel {
  margin-top: -36px;
  margin-left: 55px;
  min-height: unset;
}
body .cdk-overlay-pane .custom-view-option-menu.mat-menu-panel .mat-menu-content:not(:empty) {
  padding-top: 0px;
  padding-bottom: 0;
}
body .cdk-overlay-pane.pdf-download {
  height: 100%;
  width: 100%;
  max-width: 100vw !important;
}
.snack-processing {
  background-color: var(--color-white-primary, #ffffff) !important;
  box-shadow: unset;
  color: var(--color-alert-primary, #f1b10b) !important;
  box-shadow: 0px 4px 10px 0px rgba(6, 12, 27, 0.15);
}
.snack-processing zen-icon {
  background-color: var(--color-alert-primary, #f1b10b) !important;
}
.ngx-ic-overlay {
  --cropper-overlay-color: black;
  --cropper-outline-color: black;
}
image-cropper {
  height: calc(100vh - 266px) !important;
  align-items: center;
}
.cdk-virtual-scroll-viewport-custom .cdk-virtual-scroll-content-wrapper {
  width: calc(100vw - 32px);
}
.nearby-marker {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  position: relative;
  top: 108px;
}
.nearby-marker img {
  width: 50px;
  height: 52px;
}
.nearby-marker .title-wrapper {
  height: 100px;
}
.nearby-marker .title-wrapper .nearby-marker-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  letter-spacing: 0.01em;
  text-align: center;
  background-color: #2188d9;
  color: white;
  border-radius: 2px;
  padding: 0 4px;
}
.token-expired-sheet .mat-bottom-sheet-container,
.table-view-picker-mobile-panel .mat-bottom-sheet-container,
.mobile-more-options-bottom-sheet .mat-bottom-sheet-container,
.mobile-list-filter-and-sort-bottom-sheet .mat-bottom-sheet-container,
.mobile-item-picker-bottom-sheet .mat-bottom-sheet-container {
  padding: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.mobile-more-options-bottom-sheet .mat-bottom-sheet-container {
  overflow: hidden;
}
@media (max-width: 700px) {
  .H_zoom,
.gm-bundled-control-on-bottom {
    display: none;
  }
  .video-request-dialog {
    width: 80vw;
  }
}
.repair-assign-dialog {
  min-width: 565px;
  min-height: 515px;
}
.maintenance-cancel-dialog .dialog-wrapper .dialog-container {
  align-items: normal !important;
}
.maintenance-cancel-dialog .dialog-wrapper .dialog-container .confirm-title {
  margin-bottom: 0 !important;
  justify-content: center;
}
.maintenance-cancel-dialog .dialog-wrapper .dialog-container .confirm-title zen-icon {
  width: 24px !important;
  height: 24px !important;
  padding: 0;
}
.maintenance-cancel-dialog .dialog-wrapper .dialog-container .text-wrapper.cancel-text {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}
.maintenance-cancel-dialog .dialog-wrapper .dialog-container .defaultCancel {
  text-align: left;
  width: 100%;
  margin: 12px 0;
}
.maintenance-cancel-dialog .cancel-item {
  color: var(--color-grey-shade-3, #6d6c6c);
  font-weight: 500;
}
.maintenance-cancel-dialog .warning-text {
  color: var(--color-error-primary, #dc3e33);
  font-weight: 500;
  display: block;
}
.maintenance-cancel-dialog .additional-text {
  display: block;
}
.maintenace-module-dialog .dialog-wrapper {
  width: auto !important;
}
.maintenace-module-dialog .dialog-wrapper .dialog-container .confirm-title zen-icon {
  width: 24px !important;
  height: 24px !important;
  padding: 0;
}
.maintenace-module-dialog .dialog-wrapper .text-wrapper {
  margin: 4px 0 8px;
}
.maintenace-module-dialog .dialog-wrapper .title-text {
  text-align: left !important;
  white-space: normal !important;
  max-width: 317px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.technician-modal-view {
  min-width: 980px;
  min-height: 50vh;
}
.vendor-modal-view {
  flex: 1;
  max-width: 1071px !important;
}
.repair-assign-dialog .mat-dialog-container {
  overflow: visible;
}
.create-none-rule-dialog .mat-dialog-container {
  overflow: visible;
}
.snapshot-interval-dialog .dialog-wrapper {
  width: auto !important;
}
.snapshot-interval-dialog .dialog-wrapper .confirm-title {
  align-items: flex-start !important;
}
.snapshot-interval-dialog .dialog-wrapper .title-text {
  max-width: 290px !important;
  text-align: left !important;
  overflow: unset !important;
  white-space: normal !important;
}
.snapshot-interval-dialog .dialog-wrapper .text-wrapper {
  max-width: 230px !important;
  text-align: left !important;
  margin-left: -16px;
  margin-bottom: 10px !important;
}
.app-lang-text-rtl .lang-text-align {
  text-align: right !important;
}

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