@charset "UTF-8";
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
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: 0.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: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: 0.35em 0.625em 0.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;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]: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;
  }
  select {
    background: #fff !important;
  }
  .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("./fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("./fonts/glyphicons-halflings-regular.woff") format("woff");
}
.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: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.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: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.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: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

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;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.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: 0.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 {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover {
  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: "— ";
}

.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: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

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: 0.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] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
}

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

.radio + .radio,
.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, .form-group div[class*=textBox] > .control-label,
.form-group div[class*=textArea] > .control-label,
.form-group div[class*=datePicker] > .control-label {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg, .form-group div[class*=textBox] > .input-lg.control-label,
.form-group div[class*=textArea] > .input-lg.control-label,
.form-group div[class*=datePicker] > .input-lg.control-label,
.form-control-static.input-sm,
.form-group div[class*=textBox] > .input-sm.control-label,
.form-group div[class*=textArea] > .input-sm.control-label,
.form-group div[class*=datePicker] > .input-sm.control-label {
  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;
}

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}

.form-group-sm .form-control-static, .form-group-sm .form-group div[class*=textBox] > .control-label, .form-group .form-group-sm div[class*=textBox] > .control-label,
.form-group-sm .form-group div[class*=textArea] > .control-label,
.form-group .form-group-sm div[class*=textArea] > .control-label,
.form-group-sm .form-group div[class*=datePicker] > .control-label,
.form-group .form-group-sm div[class*=datePicker] > .control-label {
  height: 30px;
  min-height: 32px;
  padding: 5px 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;
}

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}

.form-group-lg .form-control-static, .form-group-lg .form-group div[class*=textBox] > .control-label, .form-group .form-group-lg div[class*=textBox] > .control-label,
.form-group-lg .form-group div[class*=textArea] > .control-label,
.form-group .form-group-lg div[class*=textArea] > .control-label,
.form-group-lg .form-group div[class*=datePicker] > .control-label,
.form-group .form-group-lg div[class*=datePicker] > .control-label {
  height: 46px;
  min-height: 38px;
  padding: 10px 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 {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 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, .form-inline .form-group div[class*=textBox] > .control-label, .form-group .form-inline div[class*=textBox] > .control-label,
  .form-inline .form-group div[class*=textArea] > .control-label,
  .form-group .form-inline div[class*=textArea] > .control-label,
  .form-inline .form-group div[class*=datePicker] > .control-label,
  .form-group .form-inline div[class*=datePicker] > .control-label {
    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: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn: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;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary, .datagrid-fullsearch.mx-grid .mx-grid-search-button {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover, .datagrid-fullsearch.mx-grid .mx-grid-search-button:hover,
.btn-primary:focus,
.datagrid-fullsearch.mx-grid .mx-grid-search-button:focus,
.btn-primary.focus,
.datagrid-fullsearch.mx-grid .focus.mx-grid-search-button,
.btn-primary:active,
.datagrid-fullsearch.mx-grid .mx-grid-search-button:active,
.btn-primary.active,
.datagrid-fullsearch.mx-grid .active.mx-grid-search-button,
.open > .dropdown-toggle.btn-primary,
.datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active, .datagrid-fullsearch.mx-grid .mx-grid-search-button:active,
.btn-primary.active,
.datagrid-fullsearch.mx-grid .active.mx-grid-search-button,
.open > .dropdown-toggle.btn-primary,
.datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  background-image: none;
}

.btn-primary.disabled, .datagrid-fullsearch.mx-grid .disabled.mx-grid-search-button,
.btn-primary[disabled],
.datagrid-fullsearch.mx-grid [disabled].mx-grid-search-button,
fieldset[disabled] .btn-primary,
fieldset[disabled] .datagrid-fullsearch.mx-grid .mx-grid-search-button,
.datagrid-fullsearch.mx-grid fieldset[disabled] .mx-grid-search-button,
.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,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge, .datagrid-fullsearch.mx-grid .mx-grid-search-button .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  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:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  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:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  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:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 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 solid;
}

.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-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-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-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-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 {
  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;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-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;
    -webkit-box-shadow: none;
    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;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.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, .navbar-form .form-group div[class*=textBox] > .control-label, .form-group .navbar-form div[class*=textBox] > .control-label,
  .navbar-form .form-group div[class*=textArea] > .control-label,
  .form-group .navbar-form div[class*=textArea] > .control-label,
  .navbar-form .form-group div[class*=datePicker] > .control-label,
  .form-group .navbar-form div[class*=datePicker] > .control-label {
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand: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: "/ ";
}

.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 {
  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: 2;
  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;
}

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

.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: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.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: baseline;
  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: 30px 15px;
  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 {
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.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-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.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-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 {
  color: #555;
}

a.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.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 {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.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 {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.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 {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.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;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 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-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: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive 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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.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 {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 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: 0.5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 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-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.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;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  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, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

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

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.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 {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 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: 0.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;
}

.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;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: "‹";
}

.carousel-control .icon-next:before {
  content: "›";
}

.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, 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: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .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-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-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;
}

@-ms-viewport {
  width: device-width;
}
.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;
  }
  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;
  }
  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;
  }
  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;
  }
  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;
  }
  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;
  }
}
/*******************************************************************************
 *              bootstrap-rtl (version 3.3.4)
 *      Author: Morteza Ansarinia (http://github.com/morteza)
 *  Created on: August 13,2015
 *     Project: bootstrap-rtl
 *   Copyright: Unlicensed Public Domain
 *******************************************************************************/
[dir=rtl] .flip.text-left {
  text-align: right;
}
[dir=rtl] .flip.text-right {
  text-align: left;
}
[dir=rtl] .list-unstyled {
  padding-right: 0;
  padding-left: initial;
}
[dir=rtl] .list-inline {
  padding-right: 0;
  padding-left: initial;
  margin-right: -5px;
  margin-left: 0;
}
[dir=rtl] dd {
  margin-right: 0;
  margin-left: initial;
}
@media (min-width: 768px) {
  [dir=rtl] .dl-horizontal dt {
    float: right;
    clear: right;
    text-align: left;
  }
  [dir=rtl] .dl-horizontal dd {
    margin-right: 180px;
    margin-left: 0;
  }
}
[dir=rtl] blockquote {
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
[dir=rtl] .blockquote-reverse,
[dir=rtl] blockquote.pull-left {
  padding-left: 15px;
  padding-right: 0;
  border-left: 5px solid #eeeeee;
  border-right: 0;
  text-align: left;
}
[dir=rtl] .col-xs-1,
[dir=rtl] .col-sm-1,
[dir=rtl] .col-md-1,
[dir=rtl] .col-lg-1,
[dir=rtl] .col-xs-2,
[dir=rtl] .col-sm-2,
[dir=rtl] .col-md-2,
[dir=rtl] .col-lg-2,
[dir=rtl] .col-xs-3,
[dir=rtl] .col-sm-3,
[dir=rtl] .col-md-3,
[dir=rtl] .col-lg-3,
[dir=rtl] .col-xs-4,
[dir=rtl] .col-sm-4,
[dir=rtl] .col-md-4,
[dir=rtl] .col-lg-4,
[dir=rtl] .col-xs-5,
[dir=rtl] .col-sm-5,
[dir=rtl] .col-md-5,
[dir=rtl] .col-lg-5,
[dir=rtl] .col-xs-6,
[dir=rtl] .col-sm-6,
[dir=rtl] .col-md-6,
[dir=rtl] .col-lg-6,
[dir=rtl] .col-xs-7,
[dir=rtl] .col-sm-7,
[dir=rtl] .col-md-7,
[dir=rtl] .col-lg-7,
[dir=rtl] .col-xs-8,
[dir=rtl] .col-sm-8,
[dir=rtl] .col-md-8,
[dir=rtl] .col-lg-8,
[dir=rtl] .col-xs-9,
[dir=rtl] .col-sm-9,
[dir=rtl] .col-md-9,
[dir=rtl] .col-lg-9,
[dir=rtl] .col-xs-10,
[dir=rtl] .col-sm-10,
[dir=rtl] .col-md-10,
[dir=rtl] .col-lg-10,
[dir=rtl] .col-xs-11,
[dir=rtl] .col-sm-11,
[dir=rtl] .col-md-11,
[dir=rtl] .col-lg-11,
[dir=rtl] .col-xs-12,
[dir=rtl] .col-sm-12,
[dir=rtl] .col-md-12,
[dir=rtl] .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .col-xs-1,
[dir=rtl] .col-xs-2,
[dir=rtl] .col-xs-3,
[dir=rtl] .col-xs-4,
[dir=rtl] .col-xs-5,
[dir=rtl] .col-xs-6,
[dir=rtl] .col-xs-7,
[dir=rtl] .col-xs-8,
[dir=rtl] .col-xs-9,
[dir=rtl] .col-xs-10,
[dir=rtl] .col-xs-11,
[dir=rtl] .col-xs-12 {
  float: right;
}
[dir=rtl] .col-xs-12 {
  width: 100%;
}
[dir=rtl] .col-xs-11 {
  width: 91.66666667%;
}
[dir=rtl] .col-xs-10 {
  width: 83.33333333%;
}
[dir=rtl] .col-xs-9 {
  width: 75%;
}
[dir=rtl] .col-xs-8 {
  width: 66.66666667%;
}
[dir=rtl] .col-xs-7 {
  width: 58.33333333%;
}
[dir=rtl] .col-xs-6 {
  width: 50%;
}
[dir=rtl] .col-xs-5 {
  width: 41.66666667%;
}
[dir=rtl] .col-xs-4 {
  width: 33.33333333%;
}
[dir=rtl] .col-xs-3 {
  width: 25%;
}
[dir=rtl] .col-xs-2 {
  width: 16.66666667%;
}
[dir=rtl] .col-xs-1 {
  width: 8.33333333%;
}
[dir=rtl] .col-xs-pull-12 {
  left: 100%;
  right: auto;
}
[dir=rtl] .col-xs-pull-11 {
  left: 91.66666667%;
  right: auto;
}
[dir=rtl] .col-xs-pull-10 {
  left: 83.33333333%;
  right: auto;
}
[dir=rtl] .col-xs-pull-9 {
  left: 75%;
  right: auto;
}
[dir=rtl] .col-xs-pull-8 {
  left: 66.66666667%;
  right: auto;
}
[dir=rtl] .col-xs-pull-7 {
  left: 58.33333333%;
  right: auto;
}
[dir=rtl] .col-xs-pull-6 {
  left: 50%;
  right: auto;
}
[dir=rtl] .col-xs-pull-5 {
  left: 41.66666667%;
  right: auto;
}
[dir=rtl] .col-xs-pull-4 {
  left: 33.33333333%;
  right: auto;
}
[dir=rtl] .col-xs-pull-3 {
  left: 25%;
  right: auto;
}
[dir=rtl] .col-xs-pull-2 {
  left: 16.66666667%;
  right: auto;
}
[dir=rtl] .col-xs-pull-1 {
  left: 8.33333333%;
  right: auto;
}
[dir=rtl] .col-xs-pull-0 {
  left: auto;
  right: auto;
}
[dir=rtl] .col-xs-push-12 {
  right: 100%;
  left: 0;
}
[dir=rtl] .col-xs-push-11 {
  right: 91.66666667%;
  left: 0;
}
[dir=rtl] .col-xs-push-10 {
  right: 83.33333333%;
  left: 0;
}
[dir=rtl] .col-xs-push-9 {
  right: 75%;
  left: 0;
}
[dir=rtl] .col-xs-push-8 {
  right: 66.66666667%;
  left: 0;
}
[dir=rtl] .col-xs-push-7 {
  right: 58.33333333%;
  left: 0;
}
[dir=rtl] .col-xs-push-6 {
  right: 50%;
  left: 0;
}
[dir=rtl] .col-xs-push-5 {
  right: 41.66666667%;
  left: 0;
}
[dir=rtl] .col-xs-push-4 {
  right: 33.33333333%;
  left: 0;
}
[dir=rtl] .col-xs-push-3 {
  right: 25%;
  left: 0;
}
[dir=rtl] .col-xs-push-2 {
  right: 16.66666667%;
  left: 0;
}
[dir=rtl] .col-xs-push-1 {
  right: 8.33333333%;
  left: 0;
}
[dir=rtl] .col-xs-push-0 {
  right: auto;
  left: 0;
}
[dir=rtl] .col-xs-offset-12 {
  margin-right: 100%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-11 {
  margin-right: 91.66666667%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-10 {
  margin-right: 83.33333333%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-9 {
  margin-right: 75%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-8 {
  margin-right: 66.66666667%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-7 {
  margin-right: 58.33333333%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-6 {
  margin-right: 50%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-5 {
  margin-right: 41.66666667%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-4 {
  margin-right: 33.33333333%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-3 {
  margin-right: 25%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-2 {
  margin-right: 16.66666667%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-1 {
  margin-right: 8.33333333%;
  margin-left: 0;
}
[dir=rtl] .col-xs-offset-0 {
  margin-right: 0%;
  margin-left: 0;
}
@media (min-width: 768px) {
  [dir=rtl] .col-sm-1,
  [dir=rtl] .col-sm-2,
  [dir=rtl] .col-sm-3,
  [dir=rtl] .col-sm-4,
  [dir=rtl] .col-sm-5,
  [dir=rtl] .col-sm-6,
  [dir=rtl] .col-sm-7,
  [dir=rtl] .col-sm-8,
  [dir=rtl] .col-sm-9,
  [dir=rtl] .col-sm-10,
  [dir=rtl] .col-sm-11,
  [dir=rtl] .col-sm-12 {
    float: right;
  }
  [dir=rtl] .col-sm-12 {
    width: 100%;
  }
  [dir=rtl] .col-sm-11 {
    width: 91.66666667%;
  }
  [dir=rtl] .col-sm-10 {
    width: 83.33333333%;
  }
  [dir=rtl] .col-sm-9 {
    width: 75%;
  }
  [dir=rtl] .col-sm-8 {
    width: 66.66666667%;
  }
  [dir=rtl] .col-sm-7 {
    width: 58.33333333%;
  }
  [dir=rtl] .col-sm-6 {
    width: 50%;
  }
  [dir=rtl] .col-sm-5 {
    width: 41.66666667%;
  }
  [dir=rtl] .col-sm-4 {
    width: 33.33333333%;
  }
  [dir=rtl] .col-sm-3 {
    width: 25%;
  }
  [dir=rtl] .col-sm-2 {
    width: 16.66666667%;
  }
  [dir=rtl] .col-sm-1 {
    width: 8.33333333%;
  }
  [dir=rtl] .col-sm-pull-12 {
    left: 100%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-11 {
    left: 91.66666667%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-10 {
    left: 83.33333333%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-9 {
    left: 75%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-8 {
    left: 66.66666667%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-7 {
    left: 58.33333333%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-6 {
    left: 50%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-5 {
    left: 41.66666667%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-4 {
    left: 33.33333333%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-3 {
    left: 25%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-2 {
    left: 16.66666667%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-1 {
    left: 8.33333333%;
    right: auto;
  }
  [dir=rtl] .col-sm-pull-0 {
    left: auto;
    right: auto;
  }
  [dir=rtl] .col-sm-push-12 {
    right: 100%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-11 {
    right: 91.66666667%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-10 {
    right: 83.33333333%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-9 {
    right: 75%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-8 {
    right: 66.66666667%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-7 {
    right: 58.33333333%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-6 {
    right: 50%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-5 {
    right: 41.66666667%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-4 {
    right: 33.33333333%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-3 {
    right: 25%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-2 {
    right: 16.66666667%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-1 {
    right: 8.33333333%;
    left: 0;
  }
  [dir=rtl] .col-sm-push-0 {
    right: auto;
    left: 0;
  }
  [dir=rtl] .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-sm-offset-0 {
    margin-right: 0%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  [dir=rtl] .col-md-1,
  [dir=rtl] .col-md-2,
  [dir=rtl] .col-md-3,
  [dir=rtl] .col-md-4,
  [dir=rtl] .col-md-5,
  [dir=rtl] .col-md-6,
  [dir=rtl] .col-md-7,
  [dir=rtl] .col-md-8,
  [dir=rtl] .col-md-9,
  [dir=rtl] .col-md-10,
  [dir=rtl] .col-md-11,
  [dir=rtl] .col-md-12 {
    float: right;
  }
  [dir=rtl] .col-md-12 {
    width: 100%;
  }
  [dir=rtl] .col-md-11 {
    width: 91.66666667%;
  }
  [dir=rtl] .col-md-10 {
    width: 83.33333333%;
  }
  [dir=rtl] .col-md-9 {
    width: 75%;
  }
  [dir=rtl] .col-md-8 {
    width: 66.66666667%;
  }
  [dir=rtl] .col-md-7 {
    width: 58.33333333%;
  }
  [dir=rtl] .col-md-6 {
    width: 50%;
  }
  [dir=rtl] .col-md-5 {
    width: 41.66666667%;
  }
  [dir=rtl] .col-md-4 {
    width: 33.33333333%;
  }
  [dir=rtl] .col-md-3 {
    width: 25%;
  }
  [dir=rtl] .col-md-2 {
    width: 16.66666667%;
  }
  [dir=rtl] .col-md-1 {
    width: 8.33333333%;
  }
  [dir=rtl] .col-md-pull-12 {
    left: 100%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-11 {
    left: 91.66666667%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-10 {
    left: 83.33333333%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-9 {
    left: 75%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-8 {
    left: 66.66666667%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-7 {
    left: 58.33333333%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-6 {
    left: 50%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-5 {
    left: 41.66666667%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-4 {
    left: 33.33333333%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-3 {
    left: 25%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-2 {
    left: 16.66666667%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-1 {
    left: 8.33333333%;
    right: auto;
  }
  [dir=rtl] .col-md-pull-0 {
    left: auto;
    right: auto;
  }
  [dir=rtl] .col-md-push-12 {
    right: 100%;
    left: 0;
  }
  [dir=rtl] .col-md-push-11 {
    right: 91.66666667%;
    left: 0;
  }
  [dir=rtl] .col-md-push-10 {
    right: 83.33333333%;
    left: 0;
  }
  [dir=rtl] .col-md-push-9 {
    right: 75%;
    left: 0;
  }
  [dir=rtl] .col-md-push-8 {
    right: 66.66666667%;
    left: 0;
  }
  [dir=rtl] .col-md-push-7 {
    right: 58.33333333%;
    left: 0;
  }
  [dir=rtl] .col-md-push-6 {
    right: 50%;
    left: 0;
  }
  [dir=rtl] .col-md-push-5 {
    right: 41.66666667%;
    left: 0;
  }
  [dir=rtl] .col-md-push-4 {
    right: 33.33333333%;
    left: 0;
  }
  [dir=rtl] .col-md-push-3 {
    right: 25%;
    left: 0;
  }
  [dir=rtl] .col-md-push-2 {
    right: 16.66666667%;
    left: 0;
  }
  [dir=rtl] .col-md-push-1 {
    right: 8.33333333%;
    left: 0;
  }
  [dir=rtl] .col-md-push-0 {
    right: auto;
    left: 0;
  }
  [dir=rtl] .col-md-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-md-offset-0 {
    margin-right: 0%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  [dir=rtl] .col-lg-1,
  [dir=rtl] .col-lg-2,
  [dir=rtl] .col-lg-3,
  [dir=rtl] .col-lg-4,
  [dir=rtl] .col-lg-5,
  [dir=rtl] .col-lg-6,
  [dir=rtl] .col-lg-7,
  [dir=rtl] .col-lg-8,
  [dir=rtl] .col-lg-9,
  [dir=rtl] .col-lg-10,
  [dir=rtl] .col-lg-11,
  [dir=rtl] .col-lg-12 {
    float: right;
  }
  [dir=rtl] .col-lg-12 {
    width: 100%;
  }
  [dir=rtl] .col-lg-11 {
    width: 91.66666667%;
  }
  [dir=rtl] .col-lg-10 {
    width: 83.33333333%;
  }
  [dir=rtl] .col-lg-9 {
    width: 75%;
  }
  [dir=rtl] .col-lg-8 {
    width: 66.66666667%;
  }
  [dir=rtl] .col-lg-7 {
    width: 58.33333333%;
  }
  [dir=rtl] .col-lg-6 {
    width: 50%;
  }
  [dir=rtl] .col-lg-5 {
    width: 41.66666667%;
  }
  [dir=rtl] .col-lg-4 {
    width: 33.33333333%;
  }
  [dir=rtl] .col-lg-3 {
    width: 25%;
  }
  [dir=rtl] .col-lg-2 {
    width: 16.66666667%;
  }
  [dir=rtl] .col-lg-1 {
    width: 8.33333333%;
  }
  [dir=rtl] .col-lg-pull-12 {
    left: 100%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-11 {
    left: 91.66666667%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-10 {
    left: 83.33333333%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-9 {
    left: 75%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-8 {
    left: 66.66666667%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-7 {
    left: 58.33333333%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-6 {
    left: 50%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-5 {
    left: 41.66666667%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-4 {
    left: 33.33333333%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-3 {
    left: 25%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-2 {
    left: 16.66666667%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-1 {
    left: 8.33333333%;
    right: auto;
  }
  [dir=rtl] .col-lg-pull-0 {
    left: auto;
    right: auto;
  }
  [dir=rtl] .col-lg-push-12 {
    right: 100%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-11 {
    right: 91.66666667%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-10 {
    right: 83.33333333%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-9 {
    right: 75%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-8 {
    right: 66.66666667%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-7 {
    right: 58.33333333%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-6 {
    right: 50%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-5 {
    right: 41.66666667%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-4 {
    right: 33.33333333%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-3 {
    right: 25%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-2 {
    right: 16.66666667%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-1 {
    right: 8.33333333%;
    left: 0;
  }
  [dir=rtl] .col-lg-push-0 {
    right: auto;
    left: 0;
  }
  [dir=rtl] .col-lg-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  [dir=rtl] .col-lg-offset-0 {
    margin-right: 0%;
    margin-left: 0;
  }
}
[dir=rtl] caption {
  text-align: right;
}
[dir=rtl] th:not(.mx-left-aligned) {
  text-align: right;
}
@media screen and (max-width: 767px) {
  [dir=rtl] .table-responsive > .table-bordered {
    border: 0;
  }
  [dir=rtl] .table-responsive > .table-bordered > thead > tr > th:first-child,
  [dir=rtl] .table-responsive > .table-bordered > tbody > tr > th:first-child,
  [dir=rtl] .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  [dir=rtl] .table-responsive > .table-bordered > thead > tr > td:first-child,
  [dir=rtl] .table-responsive > .table-bordered > tbody > tr > td:first-child,
  [dir=rtl] .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
    border-left: initial;
  }
  [dir=rtl] .table-responsive > .table-bordered > thead > tr > th:last-child,
  [dir=rtl] .table-responsive > .table-bordered > tbody > tr > th:last-child,
  [dir=rtl] .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  [dir=rtl] .table-responsive > .table-bordered > thead > tr > td:last-child,
  [dir=rtl] .table-responsive > .table-bordered > tbody > tr > td:last-child,
  [dir=rtl] .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-left: 0;
    border-right: initial;
  }
}
[dir=rtl] .radio label,
[dir=rtl] .checkbox label {
  padding-right: 20px;
  padding-left: initial;
}
[dir=rtl] .radio input[type=radio],
[dir=rtl] .radio-inline input[type=radio],
[dir=rtl] .checkbox input[type=checkbox],
[dir=rtl] .checkbox-inline input[type=checkbox] {
  margin-right: -20px;
  margin-left: auto;
}
[dir=rtl] .radio-inline,
[dir=rtl] .checkbox-inline {
  padding-right: 20px;
  padding-left: 0;
}
[dir=rtl] .radio-inline + .radio-inline,
[dir=rtl] .checkbox-inline + .checkbox-inline {
  margin-right: 10px;
  margin-left: 0;
}
[dir=rtl] .has-feedback .form-control {
  padding-left: 42.5px;
  padding-right: 12px;
}
[dir=rtl] .form-control-feedback {
  left: 0;
  right: auto;
}
@media (min-width: 768px) {
  [dir=rtl] .form-inline label {
    padding-right: 0;
    padding-left: initial;
  }
  [dir=rtl] .form-inline .radio input[type=radio],
  [dir=rtl] .form-inline .checkbox input[type=checkbox] {
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .form-horizontal .control-label {
    text-align: left;
  }
}
[dir=rtl] .form-horizontal .has-feedback .form-control-feedback {
  left: 15px;
  right: auto;
}
[dir=rtl] .caret {
  margin-right: 2px;
  margin-left: 0;
}
[dir=rtl] .dropdown-menu {
  right: 0;
  left: auto;
  float: left;
  text-align: right;
}
[dir=rtl] .dropdown-menu.pull-right {
  left: 0;
  right: auto;
  float: right;
}
[dir=rtl] .dropdown-menu-right {
  left: auto;
  right: 0;
}
[dir=rtl] .dropdown-menu-left {
  left: 0;
  right: auto;
}
@media (min-width: 768px) {
  [dir=rtl] .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  [dir=rtl] .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
[dir=rtl] .btn-group > .btn,
[dir=rtl] .btn-group-vertical > .btn {
  float: right;
}
[dir=rtl] .btn-group .btn + .btn,
[dir=rtl] .btn-group .btn + .btn-group,
[dir=rtl] .btn-group .btn-group + .btn,
[dir=rtl] .btn-group .btn-group + .btn-group {
  margin-right: -1px;
  margin-left: 0px;
}
[dir=rtl] .btn-toolbar {
  margin-right: -5px;
  margin-left: 0px;
}
[dir=rtl] .btn-toolbar .btn-group,
[dir=rtl] .btn-toolbar .input-group {
  float: right;
}
[dir=rtl] .btn-toolbar > .btn,
[dir=rtl] .btn-toolbar > .btn-group,
[dir=rtl] .btn-toolbar > .input-group {
  margin-right: 5px;
  margin-left: 0px;
}
[dir=rtl] .btn-group > .btn:first-child {
  margin-right: 0;
}
[dir=rtl] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] .btn-group > .btn:last-child:not(:first-child),
[dir=rtl] .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .btn-group > .btn-group {
  float: right;
}
[dir=rtl] .btn-group.btn-group-justified > .btn,
[dir=rtl] .btn-group.btn-group-justified > .btn-group {
  float: none;
}
[dir=rtl] .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
[dir=rtl] .btn-group > .btn-group:first-child > .btn:last-child,
[dir=rtl] .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] .btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .btn .caret {
  margin-right: 0;
}
[dir=rtl] .btn-group-vertical > .btn + .btn,
[dir=rtl] .btn-group-vertical > .btn + .btn-group,
[dir=rtl] .btn-group-vertical > .btn-group + .btn,
[dir=rtl] .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-right: 0;
}
[dir=rtl] .input-group .form-control {
  float: right;
}
[dir=rtl] .input-group .form-control:first-child,
[dir=rtl] .input-group-addon:first-child,
[dir=rtl] .input-group-btn:first-child > .btn,
[dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
[dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] .input-group-addon:first-child {
  border-left: 0px;
  border-right: 1px solid;
}
[dir=rtl] .input-group .form-control:last-child,
[dir=rtl] .input-group-addon:last-child,
[dir=rtl] .input-group-btn:last-child > .btn,
[dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
[dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .input-group-addon:last-child {
  border-left-width: 1px;
  border-left-style: solid;
  border-right: 0px;
}
[dir=rtl] .input-group-btn > .btn + .btn {
  margin-right: -1px;
  margin-left: auto;
}
[dir=rtl] .input-group-btn:first-child > .btn,
[dir=rtl] .input-group-btn:first-child > .btn-group {
  margin-left: -1px;
  margin-right: auto;
}
[dir=rtl] .input-group-btn:last-child > .btn,
[dir=rtl] .input-group-btn:last-child > .btn-group {
  margin-right: -1px;
  margin-left: auto;
}
[dir=rtl] .nav {
  padding-right: 0;
  padding-left: initial;
}
[dir=rtl] .nav-tabs > li {
  float: right;
}
[dir=rtl] .nav-tabs > li > a {
  margin-left: auto;
  margin-right: -2px;
  border-radius: 4px 4px 0 0;
}
[dir=rtl] .nav-pills > li {
  float: right;
}
[dir=rtl] .nav-pills > li > a {
  border-radius: 4px;
}
[dir=rtl] .nav-pills > li + li {
  margin-right: 2px;
  margin-left: auto;
}
[dir=rtl] .nav-stacked > li {
  float: none;
}
[dir=rtl] .nav-stacked > li + li {
  margin-right: 0;
  margin-left: auto;
}
[dir=rtl] .nav-justified > .dropdown .dropdown-menu {
  right: auto;
}
[dir=rtl] .nav-tabs-justified > li > a {
  margin-left: 0;
  margin-right: auto;
}
@media (min-width: 768px) {
  [dir=rtl] .nav-tabs-justified > li > a {
    border-radius: 4px 4px 0 0;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .navbar-header {
    float: right;
  }
}
[dir=rtl] .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
}
[dir=rtl] .navbar-brand {
  float: right;
}
@media (min-width: 768px) {
  [dir=rtl] .navbar > .container .navbar-brand,
  [dir=rtl] .navbar > .container-fluid .navbar-brand {
    margin-right: -15px;
    margin-left: auto;
  }
}
[dir=rtl] .navbar-toggle {
  float: left;
  margin-left: 15px;
  margin-right: auto;
}
@media (max-width: 767px) {
  [dir=rtl] .navbar-nav .open .dropdown-menu > li > a,
  [dir=rtl] .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 25px 5px 15px;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .navbar-nav {
    float: right;
  }
  [dir=rtl] .navbar-nav > li {
    float: right;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .navbar-left.flip {
    float: right !important;
  }
  [dir=rtl] .navbar-right:last-child {
    margin-left: -15px;
    margin-right: auto;
  }
  [dir=rtl] .navbar-right.flip {
    float: left !important;
    margin-left: -15px;
    margin-right: auto;
  }
  [dir=rtl] .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  [dir=rtl] .navbar-text {
    float: right;
  }
  [dir=rtl] .navbar-text.navbar-right:last-child {
    margin-left: 0;
    margin-right: auto;
  }
}
[dir=rtl] .pagination {
  padding-right: 0;
}
[dir=rtl] .pagination > li > a,
[dir=rtl] .pagination > li > span {
  float: right;
  margin-right: -1px;
  margin-left: 0px;
}
[dir=rtl] .pagination > li:first-child > a,
[dir=rtl] .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] .pagination > li:last-child > a,
[dir=rtl] .pagination > li:last-child > span {
  margin-right: -1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .pager {
  padding-right: 0;
  padding-left: initial;
}
[dir=rtl] .pager .next > a,
[dir=rtl] .pager .next > span {
  float: left;
}
[dir=rtl] .pager .previous > a,
[dir=rtl] .pager .previous > span {
  float: right;
}
[dir=rtl] .nav-pills > li > a > .badge {
  margin-left: 0px;
  margin-right: 3px;
}
[dir=rtl] .list-group-item > .badge {
  float: left;
}
[dir=rtl] .list-group-item > .badge + .badge {
  margin-left: 5px;
  margin-right: auto;
}
[dir=rtl] .alert-dismissable,
[dir=rtl] .alert-dismissible {
  padding-left: 35px;
  padding-right: 15px;
}
[dir=rtl] .alert-dismissable .close,
[dir=rtl] .alert-dismissible .close {
  right: auto;
  left: -21px;
}
[dir=rtl] .progress-bar {
  float: right;
}
[dir=rtl] .media > .pull-left {
  margin-right: 10px;
}
[dir=rtl] .media > .pull-left.flip {
  margin-right: 0;
  margin-left: 10px;
}
[dir=rtl] .media > .pull-right {
  margin-left: 10px;
}
[dir=rtl] .media > .pull-right.flip {
  margin-left: 0;
  margin-right: 10px;
}
[dir=rtl] .media-right,
[dir=rtl] .media > .pull-right {
  padding-right: 10px;
  padding-left: initial;
}
[dir=rtl] .media-left,
[dir=rtl] .media > .pull-left {
  padding-left: 10px;
  padding-right: initial;
}
[dir=rtl] .media-list {
  padding-right: 0;
  padding-left: initial;
  list-style: none;
}
[dir=rtl] .list-group {
  padding-right: 0;
  padding-left: initial;
}
[dir=rtl] .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
[dir=rtl] .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
[dir=rtl] .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
[dir=rtl] .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 0;
}
[dir=rtl] .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
[dir=rtl] .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
[dir=rtl] .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
[dir=rtl] .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
[dir=rtl] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
}
[dir=rtl] .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
[dir=rtl] .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
[dir=rtl] .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
[dir=rtl] .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
}
[dir=rtl] .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
[dir=rtl] .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
[dir=rtl] .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
[dir=rtl] .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
[dir=rtl] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
}
[dir=rtl] .panel > .table-bordered > thead > tr > th:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
[dir=rtl] .panel > .table-bordered > tbody > tr > th:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
[dir=rtl] .panel > .table-bordered > tfoot > tr > th:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
[dir=rtl] .panel > .table-bordered > thead > tr > td:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
[dir=rtl] .panel > .table-bordered > tbody > tr > td:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
[dir=rtl] .panel > .table-bordered > tfoot > tr > td:first-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-right: 0;
  border-left: none;
}
[dir=rtl] .panel > .table-bordered > thead > tr > th:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
[dir=rtl] .panel > .table-bordered > tbody > tr > th:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
[dir=rtl] .panel > .table-bordered > tfoot > tr > th:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
[dir=rtl] .panel > .table-bordered > thead > tr > td:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
[dir=rtl] .panel > .table-bordered > tbody > tr > td:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
[dir=rtl] .panel > .table-bordered > tfoot > tr > td:last-child,
[dir=rtl] .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: none;
  border-left: 0;
}
[dir=rtl] .embed-responsive .embed-responsive-item,
[dir=rtl] .embed-responsive iframe,
[dir=rtl] .embed-responsive embed,
[dir=rtl] .embed-responsive object {
  right: 0;
  left: auto;
}
[dir=rtl] .close {
  float: left;
}
[dir=rtl] .modal-footer {
  text-align: left;
}
[dir=rtl] .modal-footer.flip {
  text-align: right;
}
[dir=rtl] .modal-footer .btn + .btn {
  margin-left: auto;
  margin-right: 5px;
}
[dir=rtl] .modal-footer .btn-group .btn + .btn {
  margin-right: -1px;
  margin-left: auto;
}
[dir=rtl] .modal-footer .btn-block + .btn-block {
  margin-right: 0;
  margin-left: auto;
}
[dir=rtl] .popover {
  left: auto;
  text-align: right;
}
[dir=rtl] .popover.top > .arrow {
  right: 50%;
  left: auto;
  margin-right: -11px;
  margin-left: auto;
}
[dir=rtl] .popover.top > .arrow:after {
  margin-right: -10px;
  margin-left: auto;
}
[dir=rtl] .popover.bottom > .arrow {
  right: 50%;
  left: auto;
  margin-right: -11px;
  margin-left: auto;
}
[dir=rtl] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: auto;
}
[dir=rtl] .carousel-control {
  right: 0;
  bottom: 0;
}
[dir=rtl] .carousel-control.left {
  right: auto;
  left: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
[dir=rtl] .carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
[dir=rtl] .carousel-control .icon-prev,
[dir=rtl] .carousel-control .glyphicon-chevron-left {
  left: 50%;
  right: auto;
  margin-right: -10px;
}
[dir=rtl] .carousel-control .icon-next,
[dir=rtl] .carousel-control .glyphicon-chevron-right {
  right: 50%;
  left: auto;
  margin-left: -10px;
}
[dir=rtl] .carousel-indicators {
  right: 50%;
  left: 0;
  margin-right: -30%;
  margin-left: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  [dir=rtl] .carousel-control .glyphicon-chevron-left,
  [dir=rtl] .carousel-control .icon-prev {
    margin-left: 0;
    margin-right: -15px;
  }
  [dir=rtl] .carousel-control .glyphicon-chevron-right,
  [dir=rtl] .carousel-control .icon-next {
    margin-left: 0;
    margin-right: -15px;
  }
  [dir=rtl] .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
}
[dir=rtl] .pull-right.flip {
  float: left !important;
}
[dir=rtl] .pull-left.flip {
  float: right !important;
}

/* @preserve
    Copyright (c) 2005-2016, Mendix bv. All rights reserved.
    See mxclientsystem/licenses.txt for third party licenses that apply.
*/
/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/
/****
		GENERIC PIECES
 ****/
.dijitReset {
  /* Use this style to null out padding, margin, border in your template elements
  	so that page specific styles don't break them.
  	- Use in all TABLE, TR and TD tags.
  */
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  line-height: normal;
  color: inherit;
}

.dj_a11y .dijitReset {
  -moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
}

.dijitInline {
  /*  To inline block elements.
  	Similar to InlineBox below, but this has fewer side-effects in Moz.
  	Also, apparently works on a DIV as well as a FIELDSET.
  */
  display: inline-block; /* webkit and FF3 */
  border: 0;
  padding: 0;
  vertical-align: middle;
}

table.dijitInline {
  /* To inline tables with a given width set */
  display: inline-table;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.dijitHidden {
  /* To hide unselected panes in StackContainer etc. */
  position: absolute; /* remove from normal document flow to simulate display: none */
  visibility: hidden; /* hide element from view, but don't break scrolling, see #18612 */
}

.dijitHidden * {
  visibility: hidden !important; /* hide visibility:visible descendants of class=dijitHidden nodes, see #18799 */
}

.dijitVisible {
  /* To show selected pane in StackContainer etc. */
  display: block !important; /* override user's display:none setting via style setting or indirectly via class */
  position: relative; /* to support setting width/height, see #2033 */
  visibility: visible;
}

.dj_ie6 .dijitComboBox .dijitInputContainer,
.dijitInputContainer {
  /* for positioning of placeHolder */
  overflow: hidden;
  float: none !important; /* needed to squeeze the INPUT in */
  position: relative;
}

.dj_ie7 .dijitInputContainer {
  float: left !important; /* needed by IE to squeeze the INPUT in */
  clear: left;
  display: inline-block !important; /* to fix wrong text alignment in textdir=rtl text box */
}

.dj_ie .dijitSelect input,
.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
  font-size: 100%;
}

.dijitSelect .dijitButtonText {
  float: left;
  vertical-align: top;
}

TABLE.dijitSelect {
  padding: 0 !important; /* messes up border alignment */
  border-collapse: separate; /* so jsfiddle works with Normalized CSS checked */
}

.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitValidationTextBox .dijitValidationContainer {
  float: right;
  text-align: center;
}

.dijitSelect input.dijitInputField,
.dijitTextBox input.dijitInputField {
  /* override unreasonable user styling of buttons and icons */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dijitValidationTextBox .dijitValidationContainer {
  display: none;
}

.dijitTeeny {
  font-size: 1px;
  line-height: 1px;
}

.dijitOffScreen { /* these class attributes should supersede any inline positioning style */
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
  position: absolute;
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.dijitPositionOnly {
  /* Null out all position-related properties */
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  height: auto !important;
  width: auto !important;
}

.dijitNonPositionOnly {
  /* Null position-related properties */
  float: none !important;
  position: static !important;
  margin: 0 0 0 0 !important;
  vertical-align: middle !important;
}

.dijitBackgroundIframe {
  /* iframe used to prevent problems with PDF or other applets overlaying menus etc */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 0;
  padding: 0;
  margin: 0;
}

.dijitDisplayNone {
  /* hide something.  Use this as a class rather than element.style so another class can override */
  display: none !important;
}

.dijitContainer {
  /* for all layout containers */
  overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dj_a11y .dijitIcon,
.dj_a11y div.dijitArrowButtonInner,
.dj_a11y span.dijitArrowButtonInner,
.dj_a11y img.dijitArrowButtonInner,
.dj_a11y .dijitCalendarIncrementControl,
.dj_a11y .dijitTreeExpando {
  /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents
   * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */
  display: none;
}

.dijitSpinner div.dijitArrowButtonInner {
  display: block; /* override previous rule */
}

.dj_a11y .dijitA11ySideArrow {
  display: inline !important; /* display text instead */
  cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dj_a11y .dijitCalendarDateLabel {
  padding: 1px;
  border: 0px !important;
}

.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
  border-style: solid !important;
  border-width: 1px !important;
  padding: 0;
}

.dj_a11y .dijitCalendarDateTemplate {
  padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */
  border: 0px !important;
}

.dj_a11y .dijitButtonNode {
  border: black outset medium !important;
  /* In claro, hovering a toolbar button reduces padding and adds a border.
   * Not needed in a11y mode since Toolbar buttons always have a border.
   */
  padding: 0 !important;
}

.dj_a11y .dijitArrowButton {
  padding: 0 !important;
}

.dj_a11y .dijitButtonContents {
  margin: 0.15em; /* Margin needed to make focus outline visible */
}

.dj_a11y .dijitTextBoxReadOnly .dijitInputField,
.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode {
  border-style: outset !important;
  border-width: medium !important;
  border-color: #999 !important;
  color: #999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
  vertical-align: middle;
}

.dijitSelect .dijitArrowButtonInner,
.dijitButtonNode .dijitArrowButtonInner {
  /* the arrow icon node */
  background: no-repeat center;
  width: 12px;
  height: 12px;
  direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/
.dijitLeft {
  /* Left part of a 3-element border */
  background-position: left top;
  background-repeat: no-repeat;
}

.dijitStretch {
  /* Middle (stretchy) part of a 3-element border */
  white-space: nowrap; /* MOW: move somewhere else */
  background-repeat: repeat-x;
}

.dijitRight {
  /* Right part of a 3-element border */
  background-position: right top;
  background-repeat: no-repeat;
}

/* Buttons */
.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode {
  opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
  /* outside of button */
  margin: 0.2em;
  vertical-align: middle;
}

.dijitButtonContents {
  display: block; /* to make focus border rectangular */
}

td.dijitButtonContents {
  display: table-cell; /* but don't affect Select, ComboButton */
}

.dijitButtonNode img {
  /* make text and images line up cleanly */
  vertical-align: middle;
  /*margin-bottom:.2em;*/
}

.dijitToolbar .dijitComboButton {
  /* because Toolbar only draws a border around the hovered thing */
  border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
  margin: 0;
}

.dijitToolbar .dijitButtonContents {
  /* just because it used to be this way */
  padding: 1px 2px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
  padding-left: 0.3em;
}

.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
  padding: 0;
}

.dijitSelect {
  border: 1px solid gray;
}

.dijitButtonNode {
  /* Node that is acting as a button -- may or may not be a BUTTON element */
  border: 1px solid gray;
  margin: 0;
  line-height: normal;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}

.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
  /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
  can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
  line-height: inherit;
}

.dijitTextBox .dijitButtonNode {
  border-width: 0;
}

.dijitSelect,
.dijitSelect *,
.dijitButtonNode,
.dijitButtonNode * {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dj_ie .dijitButtonNode {
  /* ensure hasLayout */
  zoom: 1;
}

.dj_ie .dijitButtonNode button {
  /*
  	disgusting hack to get rid of spurious padding around button elements
  	on IE. MSIE is truly the web's boat anchor.
  */
  overflow: visible;
}

div.dijitArrowButton {
  float: right;
}

/******
	TextBox related.
	Everything that has an <input>
*******/
.dijitTextBox {
  border: solid black 1px;
  width: 15em; /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
  vertical-align: middle;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
  color: gray;
}

.dj_safari .dijitTextBoxDisabled input {
  color: #B0B0B0; /* because Safari lightens disabled input/textarea no matter what color you specify */
}

.dj_safari textarea.dijitTextAreaDisabled {
  color: #333; /* because Safari lightens disabled input/textarea no matter what color you specify */
}

.dj_gecko .dijitTextBoxReadOnly input.dijitInputField,
.dj_gecko .dijitTextBoxDisabled input {
  -moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

.dijitPlaceHolder {
  /* hint text that appears in a textbox until user starts typing */
  color: #AAAAAA;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  pointer-events: none; /* so cut/paste context menu shows up when right clicking */
}

.dijitTimeTextBox {
  width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
  outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}

.dijitTextBoxFocused {
  outline: 5px -webkit-focus-ring-color;
}

.dijitSelect input,
.dijitTextBox input {
  float: left; /* needed by IE to remove secret margin */
}

.dj_ie6 input.dijitTextBox,
.dj_ie6 .dijitTextBox input {
  float: none;
}

.dijitInputInner {
  /* for when an <input> is embedded inside an inline-block <div> with a size and border */
  border: 0 !important;
  background-color: transparent !important;
  width: 100% !important;
  /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dj_a11y .dijitTextBox input {
  margin: 0 !important;
}

.dijitValidationTextBoxError input.dijitValidationInner,
.dijitSelect input,
.dijitTextBox input.dijitArrowButtonInner {
  /* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
   * The css below is a trick to hide the character in non-high-contrast mode
   */
  text-indent: -2em !important;
  direction: ltr !important;
  text-align: left !important;
  height: auto !important;
}

.dj_ie .dijitSelect input,
.dj_ie .dijitTextBox input,
.dj_ie input.dijitTextBox {
  overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */
  line-height: normal; /* strict mode */
}

.dijitSelect .dijitSelectLabel span {
  line-height: 100%;
}

.dj_ie .dijitSelect .dijitSelectLabel {
  line-height: normal;
}

.dj_ie6 .dijitSelect .dijitSelectLabel,
.dj_ie7 .dijitSelect .dijitSelectLabel,
.dj_ie8 .dijitSelect .dijitSelectLabel,
.dj_iequirks .dijitSelect .dijitSelectLabel,
.dijitSelect td,
.dj_ie6 .dijitSelect input,
.dj_iequirks .dijitSelect input,
.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
  line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}

.dj_a11y input.dijitValidationInner,
.dj_a11y input.dijitArrowButtonInner {
  /* (in high contrast mode) revert rules from above so character displays */
  text-indent: 0 !important;
  width: 1em !important;
  color: black !important;
}

.dijitValidationTextBoxError .dijitValidationContainer {
  display: inline;
  cursor: default;
}

/* ComboBox & Spinner */
.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer {
  /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
  border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}

.dj_a11y .dijitSelect .dijitArrowButtonContainer,
.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
  /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
  border-width: 0 !important;
}

.dijitComboBoxMenu {
  /* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */
  list-style-type: none;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
  /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
  border-width: 0;
}

.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
  clear: both; /* IE workaround */
}

.dj_ie .dijitToolbar .dijitComboBox {
  /* make combobox buttons align properly with other buttons in a toolbar */
  vertical-align: middle;
}

/* Spinner */
.dijitTextBox .dijitSpinnerButtonContainer {
  width: 1em;
  position: relative !important;
  overflow: hidden;
}

.dijitSpinner .dijitSpinnerButtonInner {
  width: 1em;
  visibility: hidden !important; /* just a sizing element */
  overflow-x: hidden;
}

.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
  border-width: 0;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
  border-width: 0px !important;
  border-style: solid !important;
}

.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dj_a11y .dijitSpinner .dijitArrowButtonInner,
.dj_a11y .dijitSpinnerButtonContainer input {
  width: 1em !important;
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner {
  margin: 0 auto !important; /* should auto-center */
}

.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  padding-left: 0.3em !important;
  padding-right: 0.3em !important;
  margin-left: 0.3em !important;
  margin-right: 0.3em !important;
  width: 1.4em !important;
}

.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */
  padding-right: 0 !important;
  width: 1em !important;
}

.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  margin-left: 0.1em !important;
  margin-right: 0.1em !important;
  width: 1em !important;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 2em !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
  /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
   * for dijit.form.Button
   */
  padding: 0;
  position: absolute !important;
  right: 0;
  float: none;
  height: 50%;
  width: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}

.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
  width: auto;
}

.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
  overflow: visible !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
  top: 50%;
  border-top-width: 1px !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
  top: 0;
}

.dijitSpinner .dijitArrowButtonInner {
  margin: auto;
  overflow-x: hidden;
  height: 100% !important;
}

.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
  height: auto !important;
}

.dijitSpinner .dijitArrowButtonInner .dijitInputField {
  -moz-transform: scale(0.5);
  -moz-transform-origin: center top;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: center top;
  -o-transform: scale(0.5);
  -o-transform-origin: center top;
  transform: scale(0.5);
  transform-origin: left top;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  visibility: hidden;
}

.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  zoom: 50%; /* emulate transform: scale(0.5) */
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
  overflow: hidden;
}

.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
  width: 100%;
}

.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
  width: 1em; /* matches .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}

.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  vertical-align: top;
  visibility: visible;
}

.dj_a11y .dijitSpinnerButtonContainer {
  width: 1em;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/
.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
  padding: 0;
  border: 0;
  width: 16px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.dijitCheckBox input,
.dijitRadio input {
  margin: 0;
  padding: 0;
  display: block;
}

.dijitCheckBoxInput {
  /* place the actual input on top, but invisible */
  opacity: 0;
}

.dj_ie .dijitCheckBoxInput {
  filter: alpha(opacity=0);
}

.dj_a11y .dijitCheckBox,
.dj_a11y .dijitRadio {
  /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
  width: auto !important;
  height: auto !important;
}

.dj_a11y .dijitCheckBoxInput {
  opacity: 1;
  filter: none;
  width: auto;
  height: auto;
}

.dj_a11y .dijitFocusedLabel {
  /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/
  border: 1px dotted;
  outline: 0px !important;
}

/****
		dijit.ProgressBar
 ****/
.dijitProgressBar {
  z-index: 0; /* so z-index settings below have no effect outside of the ProgressBar */
}

.dijitProgressBarEmpty {
  /* outer container and background of the bar that's not finished yet*/
  position: relative;
  overflow: hidden;
  border: 1px solid black; /* a11y: border necessary for high-contrast mode */
  z-index: 0; /* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
  /* outer container for background of bar that is finished */
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  width: 100%;
}

.dj_ie6 .dijitProgressBarFull {
  height: 1.6em;
}

.dijitProgressBarTile {
  /* inner container for finished portion */
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%; /* needed for IE/quirks */
  height: auto;
  background-color: #aaa;
  background-attachment: fixed;
}

.dj_a11y .dijitProgressBarTile {
  /* a11y:  The border provides visibility in high-contrast mode */
  border-width: 2px;
  border-style: solid;
  background-color: transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
  /* width:auto works in IE6 with position:static but not position:absolute */
  position: static;
  /* height:auto or 100% does not work in IE6 */
  height: 1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
  /* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
  display: none;
}

.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.dijitProgressBarLabel {
  display: block;
  position: static;
  width: 100%;
  text-align: center;
  background-color: transparent !important;
}

/****
		dijit.Tooltip
 ****/
.dijitTooltip {
  position: absolute;
  z-index: 2000;
  display: block;
  /* make visible but off screen */
  left: 0;
  top: -10000px;
  overflow: visible;
}

.dijitTooltipContainer {
  border: solid black 2px;
  background: #b8b5b5;
  color: black;
  font-size: small;
}

.dijitTooltipFocusNode {
  padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
  position: absolute;
}

.dj_a11y .dijitTooltipConnector {
  display: none; /* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
  display: none;
}

/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */
.dijitLayoutContainer {
  position: relative;
  display: block;
  overflow: hidden;
}

.dijitAlignTop,
.dijitAlignBottom,
.dijitAlignLeft,
.dijitAlignRight {
  position: absolute;
  overflow: hidden;
}

body .dijitAlignClient {
  position: absolute;
}

/*
 * BorderContainer
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
  position: relative;
  overflow: hidden;
  z-index: 0; /* so z-index settings below have no effect outside of the BorderContainer */
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
  position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */
  z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
  /* On Safari, for SimpleTextArea inside a BorderContainer,
  	don't want to display the grip to resize */
  resize: none;
}

.dijitGutter {
  /* gutter is just a place holder for empty space between panes in BorderContainer */
  position: absolute;
  font-size: 1px; /* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/
.dijitSplitter {
  position: absolute;
  overflow: hidden;
  z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/
  background-color: #fff;
  border-color: gray;
  border-style: solid;
  border-width: 0;
}

.dj_ie .dijitSplitter {
  z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
  z-index: 11 !important;
}

.dijitSplitterCover {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dijitSplitterCoverActive {
  z-index: 3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
  background: white;
  opacity: 0;
}

.dj_ie6 .dijitSplitterCover,
.dj_ie7 .dijitSplitterCover,
.dj_ie8 .dijitSplitterCover {
  filter: alpha(opacity=0);
}

.dijitSplitterH {
  height: 7px;
  border-top: 1px;
  border-bottom: 1px;
  cursor: row-resize;
  -webkit-tap-highlight-color: transparent;
}

.dijitSplitterV {
  width: 7px;
  border-left: 1px;
  border-right: 1px;
  cursor: col-resize;
  -webkit-tap-highlight-color: transparent;
}

.dijitSplitContainer {
  position: relative;
  overflow: hidden;
  display: block;
}

.dijitSplitPane {
  position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
  position: absolute;
  font-size: 1px;
  background-color: ThreeDFace;
  border: 1px solid;
  border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
  margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
  overflow: hidden;
  position: absolute;
  top: 49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
  position: absolute;
  left: 49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
  font-size: 1px;
  background-color: ThreeDShadow;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  margin: 0;
}

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
  cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
  cursor: row-resize;
}

.dj_a11y .dijitSplitterH {
  border-top: 1px solid #d3d3d3 !important;
  border-bottom: 1px solid #d3d3d3 !important;
}

.dj_a11y .dijitSplitterV {
  border-left: 1px solid #d3d3d3 !important;
  border-right: 1px solid #d3d3d3 !important;
}

/* ContentPane */
.dijitContentPane {
  display: block;
  overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
  -webkit-overflow-scrolling: touch;
}

.dijitContentPaneSingleChild {
  /*
   * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
   * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
   */
  overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
  margin-right: 9px;
}

/* TitlePane and Fieldset */
.dijitTitlePane {
  display: block;
  overflow: hidden;
}

.dijitFieldset {
  border: 1px solid gray;
}

.dijitTitlePaneTitle, .dijitFieldsetTitle {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitTitlePaneTitleFixedOpen, .dijitTitlePaneTitleFixedClosed,
.dijitFieldsetTitleFixedOpen, .dijitFieldsetTitleFixedClosed {
  /* TitlePane or Fieldset that cannot be toggled */
  cursor: default;
}

.dijitTitlePaneTitle * {
  vertical-align: middle;
}

.dijitTitlePane .dijitArrowNodeInner, .dijitFieldset .dijitArrowNodeInner {
  /* normally, hide arrow text in favor of icon */
  display: none;
}

.dj_a11y .dijitTitlePane .dijitArrowNodeInner, .dj_a11y .dijitFieldset .dijitArrowNodeInner {
  /* ... except in a11y mode, then show text arrow */
  display: inline;
  font-family: monospace; /* because - and + are different widths */
}

.dj_a11y .dijitTitlePane .dijitArrowNode, .dj_a11y .dijitFieldset .dijitArrowNode {
  /* ... and hide icon (TODO: just point dijitIcon class on the icon, and it hides automatically) */
  display: none;
}

.dijitTitlePaneTitleFixedOpen .dijitArrowNode, .dijitTitlePaneTitleFixedOpen .dijitArrowNodeInner,
.dijitTitlePaneTitleFixedClosed .dijitArrowNode, .dijitTitlePaneTitleFixedClosed .dijitArrowNodeInner,
.dijitFieldsetTitleFixedOpen .dijitArrowNode, .dijitFieldsetTitleFixedOpen .dijitArrowNodeInner,
.dijitFieldsetTitleFixedClosed .dijitArrowNode, .dijitFieldsetTitleFixedClosed .dijitArrowNodeInner {
  /* don't show the open close icon or text arrow; it makes the user think the pane is closable */
  display: none !important; /* !important to override above a11y rules to show text arrow */
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
  /* force hasLayout to ensure borders etc, show up */
  zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */
.dijitColorPalette {
  border: 1px solid #999;
  background: #fff;
  position: relative;
}

.dijitColorPalette .dijitPaletteTable {
  /* Table that holds the palette cells, and overlays image file with color swatches.
   * padding/margin to align table with image.
   */
  padding: 2px 3px 3px 3px;
  position: relative;
  overflow: hidden;
  outline: 0;
  border-collapse: separate;
}

.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
  /* using padding above so that focus border isn't cutoff on moz/webkit,
   * but using margin on IE because padding doesn't seem to work
   */
  padding: 0;
  margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
  /* <td> in the <table> */
  font-size: 1px;
  vertical-align: middle;
  text-align: center;
  background: none;
}

.dijitColorPalette .dijitPaletteImg {
  /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */
  padding: 1px; /* white area between gray border and color swatch */
  border: 1px solid #999;
  margin: 2px 1px;
  cursor: default;
  font-size: 1px; /* prevent <span> from getting bigger just to hold a character */
}

.dj_gecko .dijitColorPalette .dijitPaletteImg {
  padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */
}

.dijitColorPalette .dijitColorPaletteSwatch {
  /* the actual part where the color is */
  width: 14px;
  height: 12px;
}

.dijitPaletteTable td {
  padding: 0;
}

.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
  /* hovered color swatch */
  border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
  border: 2px solid #000;
  margin: 1px 0; /* reduce margin to compensate for increased border */
}

.dj_a11y .dijitColorPalette .dijitPaletteTable,
.dj_a11y .dijitColorPalette .dijitPaletteTable * {
  /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
  background-color: transparent !important;
}

/* AccordionContainer */
.dijitAccordionContainer {
  border: 1px solid #b7b7b7;
  border-top: 0 !important;
}

.dijitAccordionTitle {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitAccordionTitleSelected {
  cursor: default;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
  display: none;
  font-size: 0.65em;
  font-weight: normal !important;
}

.dj_a11y .dijitAccordionTitle .arrowTextUp,
.dj_a11y .dijitAccordionTitleSelected .arrowTextDown {
  display: inline;
}

.dj_a11y .dijitAccordionTitleSelected .arrowTextUp {
  display: none;
}

.dijitAccordionChildWrapper {
  /* this is the node whose height is adjusted */
  overflow: hidden;
}

/* Calendar */
.dijitCalendarContainer table {
  width: auto; /* in case user has specified a width for the TABLE nodes, see #10553 */
  clear: both; /* clear margin created for left/right month arrows; needed on IE10 for CalendarLite */
}

.dijitCalendarContainer th, .dijitCalendarContainer td {
  padding: 0;
  vertical-align: middle;
}

.dijitCalendarMonthContainer {
  text-align: center;
}

.dijitCalendarDecrementArrow {
  float: left;
}

.dijitCalendarIncrementArrow {
  float: right;
}

.dijitCalendarYearLabel {
  white-space: nowrap; /* make sure previous, current, and next year appear on same row */
}

.dijitCalendarNextYear {
  margin: 0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
  margin: 0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
  vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitCalendarDisabledDate {
  color: gray;
  text-decoration: line-through;
  cursor: default;
}

.dijitSpacer {
  /* don't display it, but make it affect the width */
  position: relative;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

/* Styling for month drop down list */
.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  text-align: center;
}

/* Menu */
.dijitMenu {
  border: 1px solid black;
  background-color: white;
}

.dijitMenuTable {
  border-collapse: collapse;
  border-width: 0;
  background-color: white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"] {
  border-right: hidden;
}

.dijitMenuItem {
  text-align: left;
  white-space: nowrap;
  padding: 0.1em 0.2em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/*
No need to show a focus border since it's obvious from the shading, and there's a .dj_a11y .dijitMenuItemSelected
rule below that handles the high contrast case when there's no shading.
Hiding the focus border also works around webkit bug https://code.google.com/p/chromium/issues/detail?id=125779.
*/
.dijitMenuItem:focus {
  outline: none;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
  /*
   * dijitMenuItemHover refers to actual mouse over
   * dijitMenuItemSelected is used after a menu has been "activated" by
   * clicking it, tabbing into it, or being opened from a parent menu,
   * and denotes that the menu item has focus or that focus is on a child
   * menu
   */
  background-color: black;
  color: white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
  background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
  /* for a disabled menu item, just set it to mostly transparent */
  opacity: 0.5;
  cursor: default;
}

.dj_ie .dj_a11y .dijitMenuItemDisabled,
.dj_ie .dj_a11y .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled * {
  color: gray;
  filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
  vertical-align: middle;
}

.dj_a11y .dijitMenuItemSelected {
  border: 1px dotted black !important; /* for 2.0 use outline instead, to prevent jitter */
}

.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
  border-width: 1px;
  border-style: solid;
}

.dj_ie8 .dj_a11y .dijitMenuItemLabel {
  position: static;
}

.dijitMenuExpandA11y {
  display: none;
}

.dj_a11y .dijitMenuExpandA11y {
  display: inline;
}

.dijitMenuSeparator td {
  border: 0;
  padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
  height: 50%;
  margin: 0;
  margin-top: 3px;
  font-size: 1px;
}

.dijitMenuSeparatorBottom {
  height: 50%;
  margin: 0;
  margin-bottom: 3px;
  font-size: 1px;
}

/* CheckedMenuItem and RadioMenuItem */
.dijitMenuItemIconChar {
  display: none; /* don't display except in high contrast mode */
  visibility: hidden; /* for high contrast mode when menuitem is unchecked: leave space for when it is checked */
}

.dj_a11y .dijitMenuItemIconChar {
  display: inline; /* display character in high contrast mode, since icon doesn't show */
}

.dijitCheckedMenuItemChecked .dijitMenuItemIconChar,
.dijitRadioMenuItemChecked .dijitMenuItemIconChar {
  visibility: visible; /* menuitem is checked */
}

.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem {
  /* so bottom border of MenuBar appears on IE7 in high-contrast mode */
  margin: 0;
}

/* StackContainer */
.dijitStackController .dijitToggleButtonChecked * {
  cursor: default; /* because pressing it has no effect */
}

/***
TabContainer

Main class hierarchy:

.dijitTabContainer - the whole TabContainer
   .dijitTabController / .dijitTabListContainer-top - wrapper for tab buttons, scroll buttons
	 .dijitTabListWrapper / .dijitTabContainerTopStrip - outer wrapper for tab buttons (normal width)
		.nowrapTabStrip / .dijitTabContainerTop-tabs - inner wrapper for tab buttons (50K width)
   .dijitTabPaneWrapper - wrapper for content panes, has all borders except the one between content and tabs
***/
.dijitTabContainer {
  z-index: 0; /* so z-index settings below have no effect outside of the TabContainer */
  overflow: visible; /* prevent off-by-one-pixel errors from hiding bottom border (opposite tab labels) */
}

.dj_ie6 .dijitTabContainer {
  /* workaround IE6 problem when tall content overflows TabContainer, see editor/test_FullScreen.html */
  overflow: hidden;
}

.dijitTabContainerNoLayout {
  width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
  z-index: 1;
  overflow: visible !important; /* so tabs can cover up border adjacent to container */
}

.dijitTabController {
  z-index: 1;
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
  z-index: 0;
  overflow: hidden;
  border: 1px solid black;
}

.nowrapTabStrip {
  width: 50000px;
  display: block;
  position: relative;
  text-align: left; /* just in case ancestor has non-standard setting */
  z-index: 1;
}

.dijitTabListWrapper {
  overflow: hidden;
  z-index: 1;
}

.dj_a11y .tabStripButton img {
  /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
  display: none;
}

.dijitTabContainerTop-tabs {
  border-bottom: 1px solid black;
}

.dijitTabContainerTop-container {
  border-top: 0;
}

.dijitTabContainerLeft-tabs {
  border-right: 1px solid black;
  float: left; /* needed for IE7 RTL mode */
}

.dijitTabContainerLeft-container {
  border-left: 0;
}

.dijitTabContainerBottom-tabs {
  border-top: 1px solid black;
}

.dijitTabContainerBottom-container {
  border-bottom: 0;
}

.dijitTabContainerRight-tabs {
  border-left: 1px solid black;
  float: left; /* needed for IE7 RTL mode */
}

.dijitTabContainerRight-container {
  border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
  cursor: auto;
}

.dijitTab {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  z-index: 3;
}

.dijitTab * {
  /* make tab icons and close icon line up w/text */
  vertical-align: middle;
}

.dijitTabChecked {
  cursor: default; /* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
  top: 1px; /* to overlap border on .dijitTabContainerTop-tabs */
}

.dijitTabContainerBottom-tabs .dijitTab {
  top: -1px; /* to overlap border on .dijitTabContainerBottom-tabs */
}

.dijitTabContainerLeft-tabs .dijitTab {
  left: 1px; /* to overlap border on .dijitTabContainerLeft-tabs */
}

.dijitTabContainerRight-tabs .dijitTab {
  left: -1px; /* to overlap border on .dijitTabContainerRight-tabs */
}

.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
  /* Inline-block */
  display: inline-block; /* webkit and FF3 */
}

.tabStripButton {
  z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
  display: none;
}

.dijitTabCloseButton {
  margin-left: 1em;
}

.dijitTabCloseText {
  display: none;
}

.dijitTab .tabLabel {
  /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font.
   * assumes <=15px height for close button icon.
   */
  min-height: 15px;
  display: inline-block;
}

.dijitNoIcon {
  /* applied to <img>/<span> node when there is no icon specified */
  display: none;
}

.dj_ie6 .dijitTab .dijitNoIcon {
  /* because min-height (on .tabLabel, above) doesn't work on IE6 */
  display: inline;
  height: 15px;
  width: 1px;
}

/* images off, high-contrast mode styles */
.dj_a11y .dijitTabCloseButton {
  background-image: none !important;
  width: auto !important;
  height: auto !important;
}

.dj_a11y .dijitTabCloseText {
  display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
  /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
   * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
   */
  border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
  border: 1px solid transparent; /* so keyline (border) on hover can appear without screen jump */
  cursor: text;
}

.dj_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
  /* except that IE6 doesn't support transparent borders, nor does high contrast mode */
  border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dj_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
  /* An InlineEditBox in view mode (click this to edit the text) */
  background-color: #e2ebf2;
  border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
  cursor: default;
}

/* Tree */
.dijitTree {
  overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */
  -webkit-tap-highlight-color: transparent;
}

.dijitTreeContainer {
  float: left; /* for correct highlighting during horizontal scroll, see #16132 */
}

.dijitTreeIndent {
  /* amount to indent each tree node (relative to parent node) */
  width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
  white-space: nowrap;
}

.dj_ie .dijitTreeLabel:focus {
  /* workaround IE9 behavior where down arrowing through TreeNodes doesn't show focus outline */
  outline: 1px dotted black;
}

.dijitTreeRow img {
  /* make the expando and folder icons line up with the label */
  vertical-align: middle;
}

.dijitTreeContent {
  cursor: default;
}

.dijitExpandoText {
  display: none;
}

.dj_a11y .dijitExpandoText {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  font-family: monospace;
  border-style: solid;
  border-width: thin;
  cursor: pointer;
}

.dijitTreeLabel {
  margin: 0 4px;
}

/* Dialog */
.dijitDialog {
  position: absolute;
  z-index: 999;
  overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
  cursor: move;
}

.dijitDialogFixed .dijitDialogTitleBar {
  cursor: default;
}

.dijitDialogCloseIcon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitDialogPaneContent {
  -webkit-overflow-scrolling: touch;
}

.dijitDialogUnderlayWrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent !important;
}

.dijitDialogUnderlay {
  background: #eee;
  opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
  filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dj_a11y .dijitSpinnerButtonContainer,
.dj_a11y .dijitDialog {
  opacity: 1 !important;
  background-color: white !important;
}

.dijitDialog .closeText {
  display: none;
  /* for the onhover border in high contrast on IE: */
  position: absolute;
}

.dj_a11y .dijitDialog .closeText {
  display: inline;
}

/* Slider */
.dijitSliderMoveable {
  z-index: 99;
  position: absolute !important;
  display: block;
  vertical-align: middle;
}

.dijitSliderMoveableH {
  right: 0;
}

.dijitSliderMoveableV {
  right: 50%;
}

.dj_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
  margin: 0;
  padding: 0;
  position: relative !important;
  border: 8px solid gray;
  width: 0;
  height: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dj_iequirks .dj_a11y .dijitSliderImageHandle {
  font-size: 0;
}

.dj_ie7 .dijitSliderImageHandle {
  overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}

.dj_ie7 .dj_a11y .dijitSliderImageHandle {
  overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}

.dj_a11y .dijitSliderFocused .dijitSliderImageHandle {
  border: 4px solid #000;
  height: 8px;
  width: 8px;
}

.dijitSliderImageHandleV {
  top: -8px;
  right: -50%;
}

.dijitSliderImageHandleH {
  left: 50%;
  top: -5px;
  vertical-align: top;
}

.dijitSliderBar {
  border-style: solid;
  border-color: black;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitSliderBarContainerV {
  position: relative;
  height: 100%;
  z-index: 1;
}

.dijitSliderBarContainerH {
  position: relative;
  z-index: 1;
}

.dijitSliderBarH {
  height: 4px;
  border-width: 1px 0;
}

.dijitSliderBarV {
  width: 4px;
  border-width: 0 1px;
}

.dijitSliderProgressBar {
  background-color: red;
  z-index: 1;
}

.dijitSliderProgressBarV {
  position: static !important;
  height: 0;
  vertical-align: top;
  text-align: left;
}

.dijitSliderProgressBarH {
  position: absolute !important;
  width: 0;
  vertical-align: middle;
  overflow: visible;
}

.dijitSliderRemainingBar {
  overflow: hidden;
  background-color: transparent;
  z-index: 1;
}

.dijitSliderRemainingBarV {
  height: 100%;
  text-align: left;
}

.dijitSliderRemainingBarH {
  width: 100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
  overflow: hidden;
  z-index: 1;
}

.dijitSliderBumperV {
  width: 4px;
  height: 8px;
  border-width: 0 1px;
}

.dijitSliderBumperH {
  width: 8px;
  height: 4px;
  border-width: 1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
  background-color: red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
  background-color: transparent;
}

.dijitSliderDecoration {
  text-align: center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
  position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
  width: 100%;
}

.dijitSliderDecorationV {
  height: 100%;
  white-space: nowrap;
}

.dijitSliderButton {
  font-family: monospace;
  margin: 0;
  padding: 0;
  display: block;
}

.dj_a11y .dijitSliderButtonInner {
  visibility: visible !important;
}

.dijitSliderButtonContainer {
  text-align: center;
  height: 0; /* ??? */
}

.dijitSliderButtonContainer * {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitSlider .dijitButtonNode {
  padding: 0;
  display: block;
}

.dijitRuleContainer {
  position: relative;
  overflow: visible;
}

.dijitRuleContainerV {
  height: 100%;
  line-height: 0;
  float: left;
  text-align: left;
}

.dj_opera .dijitRuleContainerV {
  line-height: 2%;
}

.dj_ie .dijitRuleContainerV {
  line-height: normal;
}

.dj_gecko .dijitRuleContainerV {
  margin: 0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
  position: absolute;
  border: 1px solid black;
  line-height: 0;
  height: 100%;
}

.dijitRuleMarkH {
  width: 0;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}

.dijitRuleLabelContainer {
  position: absolute;
}

.dijitRuleLabelContainerH {
  text-align: center;
  display: inline-block;
}

.dijitRuleLabelH {
  position: relative;
  left: -50%;
}

.dijitRuleLabelV {
  /* so that long labels don't overflow to multiple rows, or overwrite slider itself */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dijitRuleMarkV {
  height: 0;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
  width: 100%;
  left: 0;
}

.dj_ie .dijitRuleLabelContainerV {
  margin-top: -0.55em;
}

.dj_a11y .dijitSliderReadOnly,
.dj_a11y .dijitSliderDisabled {
  opacity: 0.6;
}

.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
  filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
  font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
  font-size: 1em;
  line-height: 1em;
  height: auto;
  width: auto;
  margin: 0 4px;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dj_a11y .dijitButtonContents .dijitButtonText,
.dj_a11y .dijitTab .tabLabel {
  display: inline !important;
}

.dj_a11y .dijitSelect .dijitButtonText {
  display: inline-block !important;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
  width: 100%;
  overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */
}

.dijitTextArea[cols] {
  width: auto; /* SimpleTextArea cols */
}

.dj_ie .dijitTextAreaCols {
  width: auto;
}

.dijitExpandingTextArea {
  /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */
  resize: none;
}

/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */
.dijitToolbarSeparator {
  height: 18px;
  width: 5px;
  padding: 0 1px;
  margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
  position: absolute;
  /* top:0; */
  top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
  display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
  color: gray;
}

/* TimePicker */
.dijitTimePicker {
  background-color: white;
}

.dijitTimePickerItem {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dijitTimePickerItemHover {
  background-color: gray;
  color: white;
}

.dijitTimePickerItemSelected {
  font-weight: bold;
  color: #333;
  background-color: #b7cdee;
}

.dijitTimePickerItemDisabled {
  color: gray;
  text-decoration: line-through;
}

.dijitTimePickerItemInner {
  text-align: center;
  border: 0;
  padding: 2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
  border-bottom: 1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
  border-top: none !important;
}

.dijitTimePickerTick {
  color: #CCC;
}

.dijitTimePickerMarker {
  color: black;
  background-color: #CCC;
}

.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
  border: solid 4px black;
}

.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
  border: dashed 4px black;
}

.dijitToggleButtonIconChar {
  /* character (instead of icon) to show that ToggleButton is checked */
  display: none !important;
}

.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar {
  display: inline !important;
  visibility: hidden;
}

.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
  font-family: "Arial Unicode MS"; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}

.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
  display: inline !important; /* In high contrast mode, display the check symbol */
  visibility: visible !important;
}

.dijitArrowButtonChar {
  display: none !important;
}

.dj_a11y .dijitArrowButtonChar {
  display: inline !important;
}

.dj_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dj_a11y .dijitComboButton .dijitArrowButtonInner {
  display: none !important;
}

/* Select */
.dj_a11y .dijitSelect {
  border-collapse: separate !important;
  border-width: 1px;
  border-style: solid;
}

.dj_ie .dijitSelect {
  vertical-align: middle; /* Set this back for what we hack in dijit inline */
}

.dj_ie6 .dijitSelect .dijitValidationContainer,
.dj_ie8 .dijitSelect .dijitButtonText {
  vertical-align: top;
}

.dj_ie6 .dijitTextBox .dijitInputContainer,
.dj_iequirks .dijitTextBox .dijitInputContainer,
.dj_ie6 .dijitTextBox .dijitArrowButtonInner,
.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner,
.dijitSelect .dijitSelectLabel {
  vertical-align: baseline;
}

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

.dijitNumberTextBox .dijitInputInner {
  text-align: inherit; /* input */
}

.dijitNumberTextBox input.dijitInputInner,
.dijitCurrencyTextBox input.dijitInputInner,
.dijitSpinner input.dijitInputInner {
  text-align: right;
}

.dj_ie8 .dijitNumberTextBox input.dijitInputInner, .dj_ie9 .dijitNumberTextBox input.dijitInputInner,
.dj_ie8 .dijitCurrencyTextBox input.dijitInputInner, .dj_ie9 .dijitCurrencyTextBox input.dijitInputInner,
.dj_ie8 .dijitSpinner input.dijitInputInner, .dj_ie9 .dijitSpinner input.dijitInputInner {
  /* workaround bug where caret invisible in empty textboxes */
  padding-right: 1px !important;
}

.dijitToolbar .dijitSelect {
  margin: 0;
}

.dj_webkit .dijitToolbar .dijitSelect {
  padding-left: 0.3em;
}

.dijitSelect .dijitButtonContents {
  padding: 0;
  white-space: nowrap;
  text-align: left;
  border-style: none solid none none;
  border-width: 1px;
}

.dijitSelectFixedWidth .dijitButtonContents {
  width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
  /* avoid blank area in left side of menu (since we have no icons) */
  display: none;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
  /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
  position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel * {
  vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
  font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
  border-width: 1px;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
  position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
  /* a region the user would be able to click on, but it's disabled */
  cursor: default;
}

/* Drag and Drop */
.dojoDndItem {
  padding: 2px; /* will be replaced by border during drag over (dojoDndItemBefore, dojoDndItemAfter) */
  /* Prevent magnifying-glass text selection icon to appear on mobile webkit as it causes a touchout event */
  -webkit-touch-callout: none;
  -webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}

.dojoDndHorizontal .dojoDndItem {
  /* make contents of horizontal container be side by side, rather than vertical */
  display: inline-block;
}

.dojoDndItemBefore,
.dojoDndItemAfter {
  border: 0px solid #369;
}

.dojoDndItemBefore {
  border-width: 2px 0 0 0;
  padding: 0 2px 2px 2px;
}

.dojoDndItemAfter {
  border-width: 0 0 2px 0;
  padding: 2px 2px 0 2px;
}

.dojoDndHorizontal .dojoDndItemBefore {
  border-width: 0 0 0 2px;
  padding: 2px 2px 2px 0;
}

.dojoDndHorizontal .dojoDndItemAfter {
  border-width: 0 2px 0 0;
  padding: 2px 0 2px 2px;
}

.dojoDndItemOver {
  cursor: pointer;
}

.dj_gecko .dijitArrowButtonInner INPUT,
.dj_gecko INPUT.dijitArrowButtonInner {
  -moz-user-focus: ignore;
}

.dijitFocused .dijitMenuItemShortcutKey {
  text-decoration: underline;
}

/* Dijit custom styling */
.dijitBorderContainer {
  height: 350px;
}

.dijitTooltipContainer {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.dijitContentPane {
  box-sizing: content-box;
  overflow: auto !important; /* Widgets like the data grid pass their scroll
offset to the parent if there is not enough room to display a scroll bar
in the widget itself, so do not hide the overflow. */
}

/* Global Bootstrap changes */
/* Client defaults and helpers */
.mx-dataview-content, .mx-scrollcontainer-wrapper:not(.mx-scrollcontainer-nested), .mx-tabcontainer-content, .mx-grid-content {
  -webkit-overflow-scrolling: touch;
}

html, body, #content {
  height: 100%;
}

#content > .mx-page {
  width: 100%;
  min-height: 100%;
}

.mx-left-aligned {
  text-align: left;
}

.mx-right-aligned {
  text-align: right;
}

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

.mx-table {
  width: 100%;
}

.mx-table th,
.mx-table td {
  padding: 8px;
  vertical-align: top;
}

.mx-table th.nopadding,
.mx-table td.nopadding {
  padding: 0;
}

.mx-offscreen {
  /* When position relative is not set IE doesn't properly render when this class is removed
   * with the effect that elements are not displayed or are not clickable.
  */
  position: relative;
  height: 0;
  overflow: hidden;
}

.mx-ie-event-shield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mx-swipe-navigation-progress {
  position: absolute;
  height: 54px;
  width: 54px;
  top: calc(50% - 27px);
  left: calc(50% - 27px);
  background: url(data:image/gif;base64,R0lGODlhNgA2APMAAP///wAAAHh4eBwcHA4ODtjY2FRUVNzc3MTExEhISIqKigAAAAAAAAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAANgA2AAAEyxDISau9OOvNu/9gKI5kySEJQSSI6UqKKhPKWyLz3NpimqsJnug3E4aIMiPI9wsqPTjiTlkwqAwFTCxXexYGs0H2ggJOLYLBQDCy5gwmwYx9JJrAssHQXsKr9CFuM3AlcjJ0IAd+BAMHLmlrJAduBo5Pl5iZmpucnZ6fcWqImJCjaHOZhiqmFIuAl64ZsZizF6oErEK3uROlm76gwcLDxMXGx8XAj6Iku4+oIrUk0h/U0WEjznHQIsqhkcjB3sncxdbC5+Llyczh7k8RACH5BAkKAAAALAAAAAA2ADYAAATMEMhJq7046827/2AojmRpnmVhEIRRoGcxsOzwwuRKswZO7jvfCEgTinS7nhF0mNEGhwsiwUoglpSDzhC1KIiKkWAwEJgQRNYVJNiZSdR0IuSsldJFUJ0wuOMJIW00byNxRHOBZIQjaGlrWBxfQGGQHlNVj5Wam5ydnp9LY2WboosWgiymQqgEqhN7fZCwGbOyO7EXrK44uhqlpIqgwsPExcbHyMe/KMsivSbPdLcntdJP1NPObifRiaPMwcnCzcrbyNXG6MXdxuTi7z4RACH5BAkKAAAALAAAAAA2ADYAAATOEMhJq7046827/2AojmRpnmiqAsIwCKspEDQBx+NQEwOe7z1faFa7CUGt11FYMNAMBVLSSCroaoPocEcVOXcEg+hKC5LAtTHQhKaJiLRu6LsTv13y0IHMOyw9B18Gfn+FhoeIiYoZCAk0CQiLFgpoChlTRwhtBJEWcDZCjm0JF3xmMZtuFqZCqQQXn3koomiksHiZm52SAJRglrwTjY+7wcbHyMnKE5gozW9cJ7E/WCesatUm11tF0tEjzzK4y4nhxtPI28bqwejI5uTxJhEAIfkECQoAAAAsAAAAADYANgAABMsQyEmrvTjrzbv/YCiOZGmeaKoCwjAIqykQNAHH41ATA57vPV9oVrsJQa3XcYlKGmWuJ3InFRFp1Y6uFixtaV3Ql3cahz9X2ymd7ThTb6Z8Tq/b7/i8vGCgGQoacUIFZoAXbEd9OwQGGGZHizWOQJCRBBiIQoo7jZhRSwdmB3oUB4oGo6Sqq6ytMQgJNAkIrAqRCiOCIwiWBLRTRSWxlgkhjyS9NMaUyMlDVMK9xUOfJbyWv3q2i7hLuhWwstlCmavH5syr5erVru44EQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5iZcgUGNAYFJJMiBWagQ4MlnTsEBiKLIqs1rkAmsTRWqCSqO61WkRkICTQJCBcHZgdHCrEKxqoGyUIItgTFesK2CXvUt3rcBHvYsdp607bWesurzZXBw+giEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5gSCAk0CQiWCjs0CpQIojWfJZMdnKcECaqDIK41XkAhtDS2XCGtp7Akjx6mrqnBkSKhoqQXBQY0BgVLm53GFQVm0pTPogaVtN+uldw73pQHZgeWB9wG6pkoEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vvKUSClkDgLQo7NAp/EwiCNX5CcRZ7iAQJi1QXjzVCZpSVBJdAF46IkT5sF4ePiqJRGYGChIWGjn2usrO0tXYFBjQGBbQFZrxQSiK5ggYykyGVJpjJj8udIcQ7xiWjIQdmB2upIwfEBtq2Hoyz1rPM59DlyLTk4u8pEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwkRCVoCoWm9hBLFjqaAdhDTGrPkNH6SWUKCu/N2wrWSrhb8oGlqYAicHZOINDMHG97eXXodUlNVVldgS4aKi4yNjo8FBjQGBY8XBWs0A5VQXRmSUwadZRhoUJk8pWGnchegO6JCeDYYB6gDB1aeGQegBrmWwcLDxMXGx1yAKbsis4Egzj9sJ7fSmtStQ6Qy283KKMzIjeHE0cbV59nl3cXk4u8oEQA7);
}

/* Bacause we use checkboxes without labels, align them with other widgets. */
input[type=checkbox] {
  margin: 9px 0;
}

.mx-checkbox input[type=checkbox] {
  margin-left: 0;
  margin-right: 8px;
  position: static;
}

.form-vertical .form-group.mx-checkbox input[type=checkbox] {
  display: block;
}

.form-vertical .form-group.mx-checkbox.label-after input[type=checkbox] {
  display: inline-block;
}

.form-horizontal .form-group.no-columns {
  padding-left: 15px;
  padding-right: 15px;
}

.mx-radiobuttons.inline .radio {
  display: inline-block;
  margin-right: 20px;
}

.mx-radiobuttons .radio input[type=radio] {
  /* Reset bootstrap rules */
  position: static;
  margin-right: 8px;
  margin-left: 0;
}

.mx-radiobuttons .radio label {
  /* Reset bootstrap rules */
  padding-left: 0;
}

.alert {
  margin-top: 8px;
  margin-bottom: 10px;
  white-space: pre-line;
}

.mx-compound-control {
  display: flex;
}

.mx-compound-control button {
  margin-left: 5px;
}

[dir=rtl] .mx-compound-control button {
  margin-left: 0;
  margin-right: 5px;
}

.mx-tooltip {
  margin: 10px;
}

.mx-tooltip-content {
  width: 400px;
  overflow-y: auto;
}

.mx-tooltip-prepare {
  height: 24px;
  padding: 8px;
  background: transparent url(data:image/gif;base64,R0lGODlhGAAYAMQdAKXZ8nfF64TL7QuX3Fe45zaq4hOb3fL6/fr9/rri9dXt+ZrU8Cym4Umy5cHl9uPz+2K86Oj1/Nzw+rDd9M3q+JDQ72rA6iOi3+34/ECu48jo9x2f3gWV2////wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJFNkU4NEZCNEVDMTFFODk3MDBBNUU1RUM4Qjg3QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJFNkU4NTBCNEVDMTFFODk3MDBBNUU1RUM4Qjg3QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQkU2RTg0REI0RUMxMUU4OTcwMEE1RTVFQzhCODdBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQkU2RTg0RUI0RUMxMUU4OTcwMEE1RTVFQzhCODdBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUEAB0ALAAAAAAYABgAAAUcYCeOZGmeaKqubOu+cCzPdG3feK7vfO//wOArBAAh+QQFBAAdACwAAAAAAQABAAAFA2AXAgAh+QQFBAAdACwUAAwAAQACAAAFAyDThAAh+QQFBAAdACwTAAsAAgAGAAAFC2AXdFxndMTQMV0IACH5BAUEAB0ALBEACwAEAAgAAAURYCc2YilyorWdVmcNp8i0XQgAIfkEBQQAHQAsDwAOAAYABgAABQ9gJ3aBMZ4jh44WB4nFcIYAIfkECQQAHQAsDQAPAAgABgAABRFgJ44dRHbBqYopGQwcORhqCAAh+QQJBAAdACwAAAAAGAAYAAAFLWAnjmRpnmiqrmzrvnAsz3Rt33iuk8JgDwQbR2ihBTiNWW8Y4zh9GhlgRy2FAAAh+QQJBAAdACwAAAAAGAAYAAAFM2AnjmRpnmiqrmzrvnAsz3Rt32hzc3tSC7zaYOeocSA0YMZVIQkGwRaQQ6V2ijIAbqsKAQAh+QQJBAAdACwAAAAAGAAYAAAFNmAnjmRpnmiqrmzrvnAsz3Rt32hzc/tUV7yaIWML0jiEVQUFLKwCHEOpYjCyMpyslihb4L6rEAAh+QQJBAAdACwAAAAAGAAYAAAFOmAnjmRpnmiqrmzrvnAsz3Rt32hzcztQV7zapmALmoAsjg7FMB45jFWDsylVNs5VgcPtEmO+Cm6sCgEAIfkECQQAHQAsAAAAABgAGAAABT9gJ45kaZ5oqq5s675wLM90bd8ocXOCze2mxsa1YZx+LQ7g1ECqOJkUg7NIcYyq5rC0gbqmnHCYsYQte7h0KgQAIfkECQQAHQAsAAAAABgAGAAABURgJ45kaZ5oqq5s675wLM90bd8oYQYwJ5Scnin4IpIYF9clWVoYV5zFKfNEcTKpSxXITFG7Iy22xeCYzxcpTPqj4N6oEAAh+QQJBAAdACwAAAAAGAAYAAAFSmAnjmRpnmiqrmzrvnAsz3TNbnbAwYS5v5wAqfJzFUdHVrKzYbgYON+kxamcCgPWoJDaZFODaKrAcZYYHG5rw2m7N1ZYRRi32VchACH5BAkEAB0ALAAAAAAYABgAAAVPYCeOZGmeaKqubOu+cCzP5UbQIod3gr77rhvJAmxxLKUiS9nhTF5MA8PFMJh6Lo7gxBiwBlPUxpsabFYMTpiUXqsEBo58btjCthb7br8KAQAh+QQJBAAdACwAAAAAGAAYAAAFU2AnjmRpnmiqrmzrvjDLXDEpcDVpZPmI950bUPRzQUqQYotzJClZz8lzxZmUDAVXwXCaorydC3dloKEM43MadeFkSwWOeRUwcO54QyAmOAqGgC0hACH5BAUEAB0ALAAAAAAYABgAAAVXYCeOZGmeaKqubLtulnsahmxutU0GnF4ODR+pJxTxiiJCzhX72QaEHdE1HVVZHMAv48oMTMcWJ3DCsQyb1GA5+6o2HG4pw0mzAgMOZ5Dfk20BUX9IhC0hACH5BAkEAB0ALAIAAwAUABMAAAU/YCeK1tCMaJpyhOqOw/bO9GzVc4vv9c2nsl9AZPh1ij6jcrQQnXbPDsQ4HQVpV1RWtU1FR19X9VgUjWm+ZCoEACH5BAkEAB0ALAAAAAAYABgAAAVbYCeOZGmeaKqOFrGixMBxzGsanGubw7afBt+vROAMTbljyahkMZudhnAXKEmHm8Zy+BQtui/OYql7FU/gVPI2TW0MqZ5qM1jhyqMi3DzjbDZ9eDYQDVpjUIg/IQAh+QQJBAAdACwAAAAAGAAYAAAFYGAnjmRpnmiqilWXZcRqEhw3XNcgkwYH7SfOBXgyDIklGtLkW5Y4ThJBFxVljkBB6Yq8ZEpUYJgFJXJapOYOUpa2V5yYySi7GFJC1eVdVJPYdzI0NjgDNXJEBF+IVY1AIQAh+QQJBAAdACwAAAAAGAAYAAAFZWAnjmRpnmiqikJXFMRqNhxnMIVRx/LAWaaArMNhDFED43HGWZ5+zpKgGS0ZqqSCcikcaZ04EuG6NPBG1GMaDRxa1iKaunFKyhiDVFHFgJt8bSRveTI0NgwMOhx0TgQvHS1YklEhACH5BAkEAB0ALAAAAAAYABgAAAVmYCeOZGmeaKqKQcMUzWpmHLd1xVZncjcMAVPgp1pwCirGDTVA9k6ZwRPFmZ4CVWupsdSOXtrgV1tgkLjWTYyUfbZHHLEMO5P2BjxTU1awn44qBW8mC0RChis0NgU5O1YtZmtek5MhACH5BAkEAB0ALAAAAAAYABgAAAVnYCeOZGmeaKqKQXZd2WoWHHd1DVMXcsUNJ4GBs+LwUrQKyiijnQpAWcdw4gSkqAARe3JxT7dvx0KCfb0jNNZM2mLdIytWO4vKBscSc+Vc5p9wVXYkAQOBKDQ2GS47Xy0vHVdik5QiIQAh+QQFBAAdACwAAAAAGAAYAAAFbmAnjmRpnmiqilaxbcVqMhzHdA1tywJnnAIDR6DiZFQZTsooS54YP1nHcCsNpSIlyaLFcgKkQhVr2pBFi9KmcW6YR+IzI0bqSu1ZojdRgmKpJ0wrTiiCKIQoPVElQXgoOgwNOTVjUi1mdGeamyUhACH5BAUEAB0ALAIAAgAUABQAAAVbYCeOkMGdnAGNLIlyw/CubcecWZ2dTHsbNZapJ4Kkgi0T7YSsMY25JmtX4kidJuuVhRpsWTLYdxTWjk+msSgFHVM7zG/cCLwqRz/p0IfT8YJGXWUcNEhVKCo1IQAh+QQFBAAdACwBAAEAFgAWAAAFZ2AnjmPVBWSqngZHcga6jsbr0nN112TFc6aU6zYbpmrEWcfFO4kEyhHU2ak1o9XsErtyBbmqYJJ7Q42xLhm42PliTTst1ypSc6dqJFkuGk5VAkYpOiJXbT9KVxxJhioBLS+NUSZ2KiEAIfkECQQAHQAsAQABABYAFgAABWpgJ46ilV1X1k1kS16cy10u2cS1yDU1M3IEEgHX8dlGwVqyw/vlckRaZ/lMSmPEp64Ts4io2qRJqz2Rn6hzLqWuqb5tKrY970jBSpGU296OmlM5S4AiRlxUQyOGNlkyhC4wMntkJigqLC4hACH5BAkEAB0ALAAAAAAYABgAAAV+YCeOZGmepVVcV9ZN6LlxdE1v8djYfN3EDBuEBLExTjva8FSk/Uq1nChKmnGWuSZuRJV2uhall8uxiDK0MdnVuaTVX85F5ObA4/MO2g6nseNYUk1mU29eXR1WgShaJAuIKJAdSVeMPidBkE00RyiUPZdSVj1bahYZLBmEd3AhACH5BAkEAB0ALAAAAAAYABgAAAWBYCeOZGmepVVcV9FN6LlxdE1v8djYfN3EjJrBZKgxTjtaTOAz1XKiJ2nGEUCjHNyINrx2ipyRRentMDkWUYFcprk6F7aXdhHFw+UOXS2/urdVZWckXGVgU30xNyQLUjk1CyVJgSdnHD8mQYUkAmAcRyiTPU1QVD1aZSosBWl5rh0hACH5BAkEAB0ALAAAAAAYABgAAAWCYCeOZGmepVVcV9FN6LlxdE1v8djYfN3EjNrFdKkxTjvOIDeg/Uq0Za7T5JRm1qnoRqINtZ1itmOhgUc0i6hgPndornD77BWJ3W/Olz0Gw9F9UwBpIhN1YHcjWHQcOF1KWlUmSQMAMVVPJUGHIwBiHEcoST02mTFYPY5nKiwuMHhuIQAh+QQJBAAdACwAAAAAGAAYAAAFemAnjmRpnqWVMUyGvhcnz/L1jg2tz81bzK5SZlY45TiGm0HWK8mSt86SU4pRo6IaSRbEDq8diwy75VhEX/KIK2KM1R0Zo/1Wy9F1MjsL1vf3XjITI1Z2HDZlUEp5IkeKJ1NNJT+AI18cRShHOzSSMJyHcGErLR2DonAhACH5BAkEAB0ALAAAAAAYABgAAAV9YCeOZGmeZdAwTIO+FyfP8vWOBD1c10ATr8IMYoLMCqccxwaTAUu1myjGKVGlo2iWQ8R2jFVRQObdBkQNzqAs8o0YS3YnxhDBmWV6ds32uTpjYWVkW11YYCRXXlpbeE2COIwnVE8lQjKGI2AcSC86PD4zXlQ0klhnLH9yciEAIfkECQQAHQAsAAAAABgAGAAABX1gJ45kaZ5l0BRFg74MJ88y844EfXXZRROvjGxwEgxkmVOOkwzKgCXkTSTklGLEqehoG8m0pK8oIAZ3ZAFRg7Mzd3yjAtPN4xREcnr9LmLT4WNlYGheHAJuglhmXFFzU1UmS00oVVAlVVklRlIvOhk9NGAxNDNdZiodLXp6IQAh+QQJBAAdACwAAAAAGAAYAAAFgGAnjmRpnqXQFFknoGjBzfRcwCNEDx3RZQMaBNaYbVCbWeOk4+B6s9PM9+xESbJjtZO8ja5bAFjA4W1FwZeI0zr/nKIMh+pmx+Fugh3aPsvpZW4dQSRgW4ZZZ10lU1V6eDmNMI9DJkUcWiZJkFIzAxk+QEJVMjU0XmcvGaCCrR0hACH5BAkEAB0ALAAAAAAYABgAAAV6YCeOZGmepdBlGYG+GSfPcvaO1ry5QbfNlhdBVkAVZK6T7NYJLE2yHrPzHMWK087RNqpmqwLOJjv6qUScJHlo5ZBJHG5MSnZy2e8OHj1+m7tub15XZFslUV+BJDmKKE4cQSZDHFgmR2k3OjwEP14wNDRcZCosHWd5byEAIfkECQQAHQAsAAAAABgAGAAABXpgJ45kaZ5l1WVNp6Jnxs30nMFjQBduFxS0AIwwGxZRnAFONOAIS8dlJyqSEaQi4m1ElUYrHB5WBCRxxmaIqMF5jcGtDhvNjU+fY90ILB6XuWdoVFZjWlCBXohmSktNeCREHFcnkZMnOjM8Kj9BUjI1NFtoEA0tbnRjIQAh+QQJBAAdACwAAAAAGAAYAAAFgGAnjmRpniZEdBbqNlwsx407CrGxdlNHGDGBC8IZuAIDjotjsImAwlLROUqWYAGqKMCpjZjaEZDE2YU7SpElfa5wWj72uSwiyMN0Eady7rhHC3daHAtfTWdjI1hhXF5fRlpWJmBOiSlFWSdIHBAuOEw7PT8xWjAzMo5hFitwfX0hACH5BAkEAB0ALAAAAAAYABgAAAV1YCeOZGmepkV0AeoSXCzHqytW8UVO3RXbHY7BZuBYTjgd0HcSAkfFEuw5WnBqIo6S2uOQOC1udhTwijsTsGh6DmLNZ3i5HQzXz/OR9swcsblXJU5UUSVJTz4VKEILKAtFRyg4eyM8PnA2MDMyWFwBBCsAdGIhACH5BAkEAB0ALAAAAAAYABgAAAVzYCeOZGmeZgB1AeoSAyfPA+GScVZWGTfcAc7lduG0ThzdrVPgnAbDpejyIxGc0hHHNhoos51MVYQFk0dBs/YIKZs5q7O6Axel525ORV1xe9ViVm5SWyVQYFRIBVJNKEFRKEVHKDk7PWM3MDM0XGYqcXNqIQAh+QQJBAAdACwAAAAAGAAYAAAFd2AnjmRpnmbQWd2EotDAcYYxD9BLDgNhEjxdgJPRZTiqE8enE3FOg2JTlBmUYtNdbtTLjoCkp3ck7gjKY45gZBizR5a2u2NgOeed8gTt5bhEXWNgO244JVFeVSYLS1MEfGFSKEdNPEwkQFZTMTM1N1tjayx/eFkhACH5BAkEAB0ALAAAAAAYABgAAAVoYCeOZGmeptAFaNtZBmcwTGxY7mgYp7C7Ag7EBeG0jLkVsmQYJjsQHgn21OF0VZJUtMwufVmdSsQIk0eBspnBEm2z7261axhXwSMq3NSsRk9yRyhBTihFdic/KYo5MDI0NmYdKm2SWSEAIfkECQQAHQAsAAAAABgAGAAABWxgJ45kaZ5m1QVouxoc0zQMZ7CuaDAoY7gVTk4gRBVzHc7EZBAgRYIfKcB7iqojqVVHOm6PFeyWoRI1tqOzCIfuqK/tDnnktXoNi7Z21WawdU5PUSd1LYUiQYEoRDk7PXstATAyNDZ/VpdxTyEAIfkECQQAHQAsAAAAABgAGAAABWNgJ45kaZ5m1Qlo2wWb0XRQY2yBO27z2Ww6g64jRBkcQ+LEBEyKmqNAzzl9OklQ4nVUFFWpqtV2BBkJymO0d9ypdq/vrDMr3X618NPbZViaFnt6Cy48KD9JMDI0NjhjKixsWyEAIfkECQQAHQAsAAAAABgAGAAABVhgJ45kaZ7m0glou27F2lnF5pI2auUt3wMon0soIg5LAsutpMQtTb7YkyQVNafWEQtL2sq43yz42qlizcabkLxkd9LBE7yUBsyLarf1PoIpWTVgIiwqglghACH5BAkEAB0ALAAAAAAYABgAAAVZYCeOZGmep9ABaNsxhNqpjOy+tsncxd31KKBPSNr5RsZR7rhMHkVOwpPUIC2frOmpIuJqR97ZVzySfqvIsZM8bWrXIqJLTqKb7MWrSABHwToLYn0+XgpjUyEAIfkECQQAHQAsAAAAABgAGAAABVFgJ45kaZ5nha5jZolJZ2UsSaPAvRJ1x6O/XtDWI5YARZKqlTSKXs1obSJaSq+mmIiK5cquUJGuOcaayjW0LzkstU/vkprZq9CQHWTG2uSbeyEAIfkECQQAHQAsAAAAABgAGAAABUlgJ45kaZ5nha4jpIpOB7EkwdpsQHc62u+/2k44LMqMLeQupuxMRIum9BSFTa+dl2im5GJLuGKYFMytytKxSb3yiiru4rP6ZYUAACH5BAkEAB0ALAAAAAAYABgAAAU5YCeOZGmeJ4CuY1CqKiu6MrvUd62b9N7vtZ8PSCwmRLGiMrVEJZvL37MplFWhpZzNim3xlqpjlxUCACH5BAkEAB0ALAAAAAAYABgAAAU3YCeOZGme6ISu4mK67FjFNJ2sd63H817DPqBvSCyKVEWkcYkS6pxMUS+6k1BX01OWBYXqlNdTCAAh+QQJBAAdACwAAAAAGAAYAAAFLGAnjmRpnmiqotPqvnAsz2JLq/at7/zp9MDgKBcjCo88xUupM6acTtgPaQoBACH5BAUEAB0ALAAAAAAYABgAAAUjYCeOZGmeaKqubOu+cLxScm3feI7Tet/zvqBwyAKWjC8kMQQAOw==) no-repeat scroll center center;
}

.mx-tooltip-content .table th,
.mx-tooltip-content .table td {
  padding: 2px 8px;
}

.mx-tabcontainer-pane {
  height: 100%;
}

.mx-tabcontainer-content.loading {
  min-height: 48px;
  background: url(data:image/gif;base64,R0lGODlhNgA2APMAAP///wAAAHh4eBwcHA4ODtjY2FRUVNzc3MTExEhISIqKigAAAAAAAAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAANgA2AAAEyxDISau9OOvNu/9gKI5kySEJQSSI6UqKKhPKWyLz3NpimqsJnug3E4aIMiPI9wsqPTjiTlkwqAwFTCxXexYGs0H2ggJOLYLBQDCy5gwmwYx9JJrAssHQXsKr9CFuM3AlcjJ0IAd+BAMHLmlrJAduBo5Pl5iZmpucnZ6fcWqImJCjaHOZhiqmFIuAl64ZsZizF6oErEK3uROlm76gwcLDxMXGx8XAj6Iku4+oIrUk0h/U0WEjznHQIsqhkcjB3sncxdbC5+Llyczh7k8RACH5BAkKAAAALAAAAAA2ADYAAATMEMhJq7046827/2AojmRpnmVhEIRRoGcxsOzwwuRKswZO7jvfCEgTinS7nhF0mNEGhwsiwUoglpSDzhC1KIiKkWAwEJgQRNYVJNiZSdR0IuSsldJFUJ0wuOMJIW00byNxRHOBZIQjaGlrWBxfQGGQHlNVj5Wam5ydnp9LY2WboosWgiymQqgEqhN7fZCwGbOyO7EXrK44uhqlpIqgwsPExcbHyMe/KMsivSbPdLcntdJP1NPObifRiaPMwcnCzcrbyNXG6MXdxuTi7z4RACH5BAkKAAAALAAAAAA2ADYAAATOEMhJq7046827/2AojmRpnmiqAsIwCKspEDQBx+NQEwOe7z1faFa7CUGt11FYMNAMBVLSSCroaoPocEcVOXcEg+hKC5LAtTHQhKaJiLRu6LsTv13y0IHMOyw9B18Gfn+FhoeIiYoZCAk0CQiLFgpoChlTRwhtBJEWcDZCjm0JF3xmMZtuFqZCqQQXn3koomiksHiZm52SAJRglrwTjY+7wcbHyMnKE5gozW9cJ7E/WCesatUm11tF0tEjzzK4y4nhxtPI28bqwejI5uTxJhEAIfkECQoAAAAsAAAAADYANgAABMsQyEmrvTjrzbv/YCiOZGmeaKoCwjAIqykQNAHH41ATA57vPV9oVrsJQa3XcYlKGmWuJ3InFRFp1Y6uFixtaV3Ql3cahz9X2ymd7ThTb6Z8Tq/b7/i8vGCgGQoacUIFZoAXbEd9OwQGGGZHizWOQJCRBBiIQoo7jZhRSwdmB3oUB4oGo6Sqq6ytMQgJNAkIrAqRCiOCIwiWBLRTRSWxlgkhjyS9NMaUyMlDVMK9xUOfJbyWv3q2i7hLuhWwstlCmavH5syr5erVru44EQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5iZcgUGNAYFJJMiBWagQ4MlnTsEBiKLIqs1rkAmsTRWqCSqO61WkRkICTQJCBcHZgdHCrEKxqoGyUIItgTFesK2CXvUt3rcBHvYsdp607bWesurzZXBw+giEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5gSCAk0CQiWCjs0CpQIojWfJZMdnKcECaqDIK41XkAhtDS2XCGtp7Akjx6mrqnBkSKhoqQXBQY0BgVLm53GFQVm0pTPogaVtN+uldw73pQHZgeWB9wG6pkoEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vvKUSClkDgLQo7NAp/EwiCNX5CcRZ7iAQJi1QXjzVCZpSVBJdAF46IkT5sF4ePiqJRGYGChIWGjn2usrO0tXYFBjQGBbQFZrxQSiK5ggYykyGVJpjJj8udIcQ7xiWjIQdmB2upIwfEBtq2Hoyz1rPM59DlyLTk4u8pEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwkRCVoCoWm9hBLFjqaAdhDTGrPkNH6SWUKCu/N2wrWSrhb8oGlqYAicHZOINDMHG97eXXodUlNVVldgS4aKi4yNjo8FBjQGBY8XBWs0A5VQXRmSUwadZRhoUJk8pWGnchegO6JCeDYYB6gDB1aeGQegBrmWwcLDxMXGx1yAKbsis4Egzj9sJ7fSmtStQ6Qy283KKMzIjeHE0cbV59nl3cXk4u8oEQA7) no-repeat center center;
  background-size: 32px 32px;
}

.mx-tabcontainer-tabs {
  margin-bottom: 8px;
}

.mx-tabcontainer-tabs li {
  position: relative;
}

.mx-tabcontainer-indicator {
  position: absolute;
  background: #f2dede;
  border-radius: 8px;
  color: #b94a48;
  top: 0px;
  right: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: 600;
  z-index: 1; /* indicator should not hide behind other tab */
}

/* base structure */
.mx-grid {
  padding: 8px;
  overflow: hidden; /* to prevent any margin from escaping grid and foobaring our size calculations */
}

.mx-grid-controlbar, .mx-grid-searchbar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mx-grid-controlbar .mx-button,
.mx-grid-search-controls .mx-button {
  margin-bottom: 8px;
}

.mx-grid-search-controls .mx-button + .mx-button,
.mx-grid-controlbar .mx-button + .mx-button {
  margin-left: 0.3em;
}

[dir=rtl] .mx-grid-search-controls .mx-button + .mx-button,
[dir=rtl] .mx-grid-controlbar .mx-button + .mx-button {
  margin-left: 0;
  margin-right: 0.3em;
}

.mx-grid-pagingbar,
.mx-grid-search-controls {
  display: flex;
  white-space: nowrap;
  align-items: baseline;
  margin-left: auto;
}

.mx-grid-toolbar, .mx-grid-search-inputs {
  margin-right: 5px;
  flex: 1;
}

[dir=rtl] .mx-grid-toolbar,
[dir=rtl] .mx-grid-search-inputs {
  margin-left: 5px;
  margin-right: 0px;
}

[dir=rtl] .mx-grid-pagingbar,
[dir=rtl] .mx-grid-search-controls {
  margin-left: 0px;
  margin-right: auto;
}

.mx-grid-paging-status {
  padding: 0 8px 5px;
}

/* search fields */
.mx-grid-search-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
}

.mx-grid-search-label {
  width: 110px;
  padding: 0 5px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

[dir=rtl] .mx-grid-search-label {
  text-align: left;
}

.mx-grid-search-input {
  width: 150px;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
}

.mx-grid-search-message {
  flex-basis: 100%;
}

/* widget combinations */
.mx-dataview .mx-grid {
  border: 1px solid #ddd;
  border-radius: 3px;
}

.mx-calendar {
  z-index: 1000;
}

.mx-calendar-month-dropdown-options {
  position: absolute;
}

.mx-calendar, .mx-calendar-month-dropdown {
  user-select: none;
}

.mx-calendar-month-current {
  display: inline-block;
}

.mx-calendar-month-spacer {
  position: relative;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}

.mx-calendar, .mx-calendar-month-dropdown-options {
  border: 1px solid lightgrey;
  background-color: white;
}

.mx-datagrid tr {
  cursor: pointer;
}

.mx-datagrid tr.mx-datagrid-row-empty {
  cursor: default;
}

.mx-datagrid table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
}

.mx-datagrid th, .mx-datagrid td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: bottom;
  border: 1px solid #ddd;
}

/* head */
.mx-datagrid th {
  position: relative; /* Required for the positioning of the column resizers */
  border-bottom-width: 2px;
}

.mx-datagrid-head-caption {
  overflow: hidden;
  white-space: nowrap;
}

.mx-datagrid-sort-icon {
  float: right;
  padding-left: 5px;
}

[dir=rtl] .mx-datagrid-sort-icon {
  float: left;
  padding: 0 5px 0 0;
}

.mx-datagrid-column-resizer {
  position: absolute;
  top: 0;
  left: -6px;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}

[dir=rtl] .mx-datagrid-column-resizer {
  left: auto;
  right: -6px;
}

/* body */
.mx-datagrid tbody tr:first-child td {
  border-top: none;
}

.mx-datagrid tbody .selected td {
  background-color: #eee;
}

.mx-datagrid-data-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.mx-datagrid tbody img {
  max-width: 16px;
  max-height: 16px;
}

.mx-datagrid input,
.mx-datagrid select,
.mx-datagrid textarea {
  cursor: auto;
}

/* foot */
.mx-datagrid tfoot th,
.mx-datagrid tfoot td {
  padding: 3px 8px;
}

.mx-datagrid tfoot th {
  border-top: 1px solid #ddd;
}

.mx-datagrid.mx-content-loading .mx-content-loader {
  display: inline-block;
  width: 90%;
  animation: placeholderGradient 1s linear infinite;
  border-radius: 4px;
  background: #F5F5F5;
  background: repeating-linear-gradient(to right, #F5F5F5 0%, #F5F5F5 5%, #F9F9F9 50%, #F5F5F5 95%, #F5F5F5 100%);
  background-size: 200px 100px;
  animation-fill-mode: both;
}

@keyframes placeholderGradient {
  0% {
    background-position: 100px 0;
  }
  100% {
    background-position: -100px 0;
  }
}
.mx-datagrid-table-resizing th,
.mx-datagrid-table-resizing td {
  cursor: col-resize !important;
}

.mx-templategrid-content-wrapper {
  display: table;
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
}

.mx-templategrid-row {
  display: table-row;
}

.mx-templategrid-item {
  padding: 5px;
  display: table-cell;
  border: 1px solid #ddd;
  cursor: pointer;
  box-sizing: border-box;
}

.mx-templategrid-empty {
  display: table-cell;
}

.mx-templategrid-item.selected {
  background-color: #f5f5f5;
}

.mx-templategrid-item .mx-table th,
.mx-templategrid-item .mx-table td {
  padding: 2px 8px;
}

.mx-scrollcontainer-horizontal {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.mx-scrollcontainer-horizontal > div {
  display: table-cell;
  vertical-align: top;
}

.mx-scrollcontainer-nested {
  padding: 0;
}

.mx-scrollcontainer-fixed > .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper,
.mx-scrollcontainer-fixed > .mx-scrollcontainer-left > .mx-scrollcontainer-wrapper,
.mx-scrollcontainer-fixed > .mx-scrollcontainer-center > .mx-scrollcontainer-wrapper,
.mx-scrollcontainer-fixed > .mx-scrollcontainer-right > .mx-scrollcontainer-wrapper {
  overflow: auto;
}

.mx-scrollcontainer-move-in {
  transition: left 250ms ease-out;
}

.mx-scrollcontainer-move-out {
  transition: left 250ms ease-in;
}

.mx-scrollcontainer-shrink .mx-scrollcontainer-toggleable {
  transition-property: width;
}

.mx-scrollcontainer-toggleable {
  background-color: #fff;
}

.mx-scrollcontainer-push {
  position: relative;
}

.mx-scrollcontainer-shrink > .mx-scrollcontainer-toggleable {
  overflow: hidden;
}

.mx-scrollcontainer-push.mx-scrollcontainer-open > div,
.mx-scrollcontainer-slide.mx-scrollcontainer-open > div {
  pointer-events: none;
}

.mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable,
.mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable {
  pointer-events: auto;
}

.mx-navbar-item img,
.mx-navbar-subitem img {
  height: 16px;
}

.mx-navigationtree .navbar-inner {
  padding-left: 0;
  padding-right: 0;
}

.mx-navigationtree ul {
  list-style: none;
}

.mx-navigationtree ul li {
  border-bottom: 1px solid #dfe6ea;
}

.mx-navigationtree li:last-child {
  border-style: none;
}

.mx-navigationtree a {
  display: block;
  padding: 5px 10px;
  color: #777;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}

.mx-navigationtree a.active {
  color: #FFF;
  text-shadow: none;
  background: #3498DB;
  border-radius: 3px;
}

.mx-navigationtree .mx-navigationtree-collapsed ul {
  display: none;
}

.mx-navigationtree ul {
  margin: 0;
  padding: 0;
}

.mx-navigationtree ul li {
  padding: 5px 0;
}

.mx-navigationtree ul li ul {
  padding: 0;
  margin-left: 10px;
}

.mx-navigationtree ul li ul li {
  margin-left: 8px;
  padding: 5px 0;
}

[dir=rtl] .mx-navigationtree ul li ul li {
  margin-left: auto;
  margin-right: 8px;
}

.mx-navigationtree ul li ul li ul li {
  font-size: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.mx-navigationtree ul li ul li ul li img {
  vertical-align: top;
}

.mx-link img,
.mx-button img {
  height: 16px;
}

.mx-link {
  padding: 6px 12px;
  display: inline-block;
}

.mx-groupbox {
  margin-bottom: 10px;
}

.mx-groupbox-header {
  margin: 0;
  padding: 10px 15px;
  color: #eee;
  background: #333;
  font-size: inherit;
  line-height: inherit;
  border-radius: 4px 4px 0 0;
}

.mx-groupbox-collapsible > .mx-groupbox-header {
  cursor: pointer;
}

.mx-groupbox.collapsed > .mx-groupbox-header {
  border-radius: 4px;
}

.mx-groupbox-body {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.mx-groupbox.collapsed > .mx-groupbox-body {
  display: none;
}

.mx-groupbox-header + .mx-groupbox-body {
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.mx-groupbox-collapse-icon {
  float: right;
}

[dir=rtl] .mx-groupbox-collapse-icon {
  float: left;
}

.mx-dataview {
  position: relative;
}

.mx-dataview-controls {
  padding: 19px 20px 12px;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
}

.mx-dataview-controls .mx-button {
  margin-bottom: 8px;
}

.mx-dataview-controls .mx-button + .mx-button {
  margin-left: 0.3em;
}

.mx-dataview-message {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mx-dataview-message > div {
  display: table;
  width: 100%;
  height: 100%;
}

.mx-dataview-message > div > p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* Top-level data view in window is a special case, handle it as such. */
.mx-window-view .mx-window-body {
  padding: 0;
}

.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content,
.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content {
  padding: 15px;
}

.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls,
.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls {
  border-radius: 0px 0px 6px 6px;
}

.mx-dialog {
  position: fixed;
  left: auto;
  right: auto;
  padding: 0;
  width: 500px;
  /* If the margin is set to auto, IE9 reports the calculated value of the
   * margin as the actual value. Other browsers will just report 0. Eliminate
   * this difference by setting margin to 0 for every browser. */
  margin: 0;
}

.mx-dialog-header {
  cursor: move;
}

.mx-dialog-body {
  overflow: auto;
}

.mx-window {
  position: fixed;
  left: auto;
  right: auto;
  padding: 0;
  width: 600px;
  /* If the margin is set to auto, IE9 reports the calculated value of the
   * margin as the actual value. Other browsers will just report 0. Eliminate
   * this difference by setting margin to 0 for every browser. */
  margin: 0;
}

.mx-window-content {
  height: 100%;
  overflow: hidden;
}

.mx-window-active .mx-window-header {
  background-color: #f5f5f5;
  border-radius: 6px 6px 0 0;
}

.mx-window-header {
  cursor: move;
}

.mx-window-body {
  overflow: auto;
}

.mx-dropdown-list * {
  cursor: pointer;
}

.mx-dropdown-list img {
  width: 35px;
  vertical-align: middle;
  margin-right: 10px;
}

[dir=rtl] .mx-dropdown-list img {
  margin-left: 10px;
  margin-right: auto;
}

.mx-dropdown-list {
  padding: 0;
  list-style: none;
}

.mx-dropdown-list > li {
  padding: 5px 10px 10px;
  border: 1px #ddd;
  border-style: solid solid none;
  background-color: #fff;
}

.mx-dropdown-list > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.mx-dropdown-list > li:last-child {
  border-bottom-style: solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mx-dropdown-list-striped > li:nth-child(2n+1) {
  background: #f9f9f9;
}

.mx-dropdown-list > li:hover {
  background: #f5f5f5;
}

.mx-header {
  position: relative;
  padding: 9px;
  background: #333;
  text-align: center;
}

.mx-header-center {
  display: inline-block;
  color: #eee;
  line-height: 30px; /* height of buttons */
}

body[dir=ltr] .mx-header-left,
body[dir=rtl] .mx-header-right {
  position: absolute;
  top: 9px;
  left: 9px;
}

body[dir=ltr] .mx-header-right,
body[dir=rtl] .mx-header-left {
  position: absolute;
  top: 9px;
  right: 9px;
}

.mx-title {
  margin-bottom: 0px;
  margin-top: 0px;
}

.mx-listview {
  padding: 8px;
}

.mx-listview > ul {
  padding: 0px;
  list-style: none;
}

.mx-listview-clickable > ul > li {
  cursor: pointer;
}

.mx-listview-empty {
  color: #999;
  text-align: center;
}

.mx-listview .mx-listview-loading {
  padding: 10px;
  line-height: 0;
  text-align: center;
}

.mx-listview-searchbar {
  display: flex;
  margin-bottom: 10px;
}

.mx-listview-searchbar > input {
  width: 100%;
}

.mx-listview-searchbar > button {
  margin-left: 5px;
}

[dir=rtl] .mx-listview-searchbar > button {
  margin-left: 0;
  margin-right: 5px;
}

.mx-listview-selection {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 5px;
}

[dir=rtl] .mx-listview-selection {
  padding: 0 5px 0 15px;
}

.mx-listview-selectable .mx-listview-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.mx-listview .selected {
  background: #def;
}

.mx-listview .mx-table th,
.mx-listview .mx-table td {
  padding: 2px;
}

.mx-login .form-control {
  margin-top: 10px;
}

.mx-menubar {
  padding: 8px;
}

.mx-menubar-icon {
  height: 16px;
}

.mx-menubar-more-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKNJREFUeNpi/P//P8NgAUwMgwiMOmbUMaOOGXXMqGNGHTPYHMOCTfDs2bMeQKoOiI1BXCBuMjY23kFrdYzoTQigRm8gtQWLG0OBBqyhlTpc0dSOIxTraKwOq2PUcWhWp7E6rI65iUPzTRqrw+qYGhyam2isDtMxwES1CUgFAfFxqBCIDkJPbNRWhzU3jRZ6o44ZdcyoY0YdM+qYUccMUscABBgAUXpEjE/Bs/IAAAAASUVORK5CYII=) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: middle;
}

.mx-navigationlist {
  padding: 8px;
}

.mx-navigationlist li:hover,
.mx-navigationlist li:focus,
.mx-navigationlist li.active {
  color: #FFF;
  background-color: #3498DB;
}

.mx-navigationlist * {
  cursor: pointer;
}

.mx-navigationlist .table th,
.mx-navigationlist .table td {
  padding: 2px;
}

.mx-progress {
  position: fixed;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
  width: 250px;
  max-width: 90%;
  background: #333;
  opacity: 0.8;
  z-index: 5000;
  border-radius: 4px;
  padding: 20px 15px;
  transition: opacity 0.4s ease-in-out;
}

.mx-progress-hidden {
  opacity: 0;
}

.mx-progress-message {
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}

.mx-progress-empty .mx-progress-message {
  display: none;
}

.mx-progress-indicator {
  width: 70px;
  height: 10px;
  margin: auto;
  background: url(data:image/gif;base64,R0lGODlhRgAKAMQAADo6OoGBgVpaWnBwcI6OjqysrFJSUmRkZD8/P0xMTM7Ozqenp1hYWF1dXUhISHJycoeHh0tLS1dXV6ioqM/Pz2VlZT09PTc3N0BAQIWFhdbW1lxcXK2trUFBQTMzMwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEDAAAACwAAAAARgAKAAAFk6DnXRaGWZeorqSJrnB7prAqv7V40x7Q/UBAzgf8CWvE4hGWDA6LxhEUyNNNf1XpNXu5drhektcCs4zL55X5SlaPMV4MDH6Vr+hTuwoP1Yv4RSZxc4N3hXuHf3FrU20qjFCOIpBFkh6UQJaYPyhhMZ4soDaiVls9U0srTVFIqE9QqSqrHUs7OTolM7cjuTg5trfAIQAh+QQEDAAAACwAAAAACgAKAAAFJKDnHYWiFIfoQVrrQqMra+TslnZr5trJo7wUawYTVQoUCkoUAgAh+QQEDAAAACwAAAAAGQAKAAAFWaDnMcSyEJKorkehKMWhPlxtP6sKaXwPeRKbkMPIHXpIzYEwtBFyhWSvsGjWFjmFlKeoWrEr7VbBtD5X0W2BYSUat0oPbYjLeXbJn4g0mRCKdiIVBRQUMSIhACH5BAQMAAAALAAAAAAoAAoAAAWKoOclQxAMkaiuDLEshLTOR6EoxaE2We83M9GDQyw+gh6IZsmEeCK+aCYxkxSvHAaNydUcBlLfYEbAFgmzQpdZCIR7gdnCTFzMFOulwv2Or+Z0dit4eQpgb2MrZXRoK2p5BQlvUzMMdFlbeTo8UkBBQ1hHQUpdTiIkJgNUSB4tExMEWqwVBRQUOSIhACH5BAQMAAAALAAAAAA3AAoAAAW8oOchhiAYiKiuyRAEQ7TODLEshDSvR6EohYPKsSkaHTtPI8NsNpIPjnT6SEI02CxkZOxuUqtIc5xJzCTTNIcxO2TfmoPBazTMBuTmYEZQTwkzBXBZBQJ0RQIzAXlMATMLflILMwqDWAqGh4kri4yOK5CRkyuVlgpzh3YreIx7K32RgCuClgUIh18zCYxlNJFrbZZxHkReSDtLZE87UWpVO1dwWyIYJSdgSS0vA2ZJHjUTEwRs3hUFFBRBIiEAIfkEBAwAAAAsAAAAAEYACgAABfCg510WhlmXqK6IIQgGss7JEARDNK8MsSwEyU51KCgUhYMK0Gk6AUPHZkp1DBuZrLYxfHC+4McQoimbISOnupNiUd8b2SqirWcSMwl4z2HMDmaBGgcWa04WMwZwVAYzA3ZaAzMEfGAEMwWCZgUYhk0YMwKLUwIzAZBZATMLlV8LMwqaZQqdnqAroqOlK6eoqiusra8rsbIKhZ6IK4qjjSuPqJIrlK2XK5myBReebDMIo3E0qHczDK19f7KDHkxrUDtScFY7WHZcO158YjtkgmgiJEygGCICgwsYcobUuDEAD8EeEyYQ8EOwQgEKFJKICAEAIfkEBAwAAAAsDwAAADcACgAABbqg510WhlmXqK6IIQgGss7JEARDNK8MsSwEiQrQKRoBO49jw2w6ko2MdNpIPjjY7GNk7HZSrKZ4I1tFpuhMYibJujkMi9domRnGTcNskJ4OZgRvWQQYc0UYMwJ4TAIzAX1SATMLglgLhYaIK4qLjSuPkJIrlJULcoZ1K3eLeit8kH8rgZUEF4ZfMwiLZDSQajMMlXAeRF5IO0tjTztRaVU7V29bIiQmKEkiGC4wZUk1NwNr2D0TEwQMIiEAIfkEBAwAAAAsHgAAACgACgAABYeg510WhlmXqK6IIQgGss7JEARDpAJd7wMzkWNDLDqCnkZmyWyMfNBOilWsbmSrCHObSViiPsvMYC0aZgMuc4AB9zAzQZkomAXUy0DbDV/J53Urd3gBX25iK2RzZytpeAMXblIzCHNXNHhdHjxRQEFDVkdBSlxOIiQmKEgiGC4wWEg1NwMJIiEAIfkEBAwAAAAsLQAAABkACgAABVWg510WhlmXqK6IIQgGogJdbQOr6mx874y2YCfF6hk3CIvQZskZjj0DZlnD5ARQnmBKta6wWYGS2lw9s4YLdZhDZJEemhCX8+yOPxHJhKqrMC4wMh4hACH5BAQMAAAALDwAAAAKAAoAAAUioOddFoZZl+gBXesCoyt35OyWdmvm3cmjvBRrBhORTChRCAA7);
}

.mx-reload-notification {
  position: fixed;
  z-index: 1001;
  top: 0;
  width: 100%;
  padding: 1rem;
  border: 1px solid hsl(200, 96%, 41%);
  background-color: hsl(200, 96%, 44%);
  box-shadow: 0 5px 20px rgba(1, 37, 55, 0.16);
  color: white;
  text-align: center;
  font-size: 14px;
}

.mx-resizer-n,
.mx-resizer-s {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
}

.mx-resizer-n {
  top: -5px;
  cursor: n-resize;
}

.mx-resizer-s {
  bottom: -5px;
  cursor: s-resize;
}

.mx-resizer-e,
.mx-resizer-w {
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
}

.mx-resizer-e {
  right: -5px;
  cursor: e-resize;
}

.mx-resizer-w {
  left: -5px;
  cursor: w-resize;
}

.mx-resizer-nw,
.mx-resizer-ne,
.mx-resizer-sw,
.mx-resizer-se {
  position: absolute;
  width: 20px;
  height: 20px;
}

.mx-resizer-nw,
.mx-resizer-ne {
  top: -5px;
}

.mx-resizer-sw,
.mx-resizer-se {
  bottom: -5px;
}

.mx-resizer-nw,
.mx-resizer-sw {
  left: -5px;
}

.mx-resizer-ne,
.mx-resizer-se {
  right: -5px;
}

.mx-resizer-nw {
  cursor: nw-resize;
}

.mx-resizer-ne {
  cursor: ne-resize;
}

.mx-resizer-sw {
  cursor: sw-resize;
}

.mx-resizer-se {
  cursor: se-resize;
}

.mx-text {
  white-space: pre-line;
}

.mx-textarea textarea {
  resize: none;
  overflow-y: hidden;
}

.mx-textarea .mx-textarea-noresize {
  height: auto;
  resize: vertical;
  overflow-y: auto;
}

.mx-textarea .mx-textarea-counter {
  font-size: smaller;
}

.mx-textarea .form-control-static, .mx-textarea .form-group div[class*=textBox] > .control-label, .form-group .mx-textarea div[class*=textBox] > .control-label,
.mx-textarea .form-group div[class*=textArea] > .control-label,
.form-group .mx-textarea div[class*=textArea] > .control-label,
.mx-textarea .form-group div[class*=datePicker] > .control-label,
.form-group .mx-textarea div[class*=datePicker] > .control-label {
  white-space: pre-line;
}

.mx-underlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.5;
  background-color: #333;
}

.mx-imagezoom {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #999;
}

.mx-imagezoom-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mx-imagezoom-image {
  max-width: none;
}

.mx-dropdown li {
  padding: 3px 20px;
  cursor: pointer;
}

.mx-dropdown label {
  padding: 0;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}

.mx-dropdown input {
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}

.mx-dropdown .selected {
  background: #f8f8f8;
}

.mx-demouserswitcher {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  height: 100%;
  z-index: 20000;
  box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2);
}

.mx-demouserswitcher-content {
  padding: 80px 40px 20px;
  height: 100%;
  color: #387ea2;
  font-size: 14px;
  overflow: auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABgCAYAAAAXSj7NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzkwOTREMDQ2NEYxMUU0QTQ4MUI5NTNGMUQ3QzE5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzkwOTREMTQ2NEYxMUU0QTQ4MUI5NTNGMUQ3QzE5NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REMyMUZGNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0REMyMjAwNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g1tRlwAAEFFJREFUeNrsnYl3VcUdx2du8rJDIJCwCgjVarVosVXc6jnWnnpIQlJWl6OCrPYfkh1ciuwlLFo5tT3lVJRVEUUERQQJS4CQQEjCS970+52Z93ITDGuS98j7/Tjz7r2/e999ZO587m9+M7+Z0cNXbsqKaTNeKVVolKmOKbX39EsVKl1EV62IKK3wB5uHcYg/33yC4x2m/E2jRESSLMGJl8uvYrsHiduhSA+mUwaYihlRM3HGOuzuZX4g/Rlpit68NFuKh0jSDYgxzlAMW7WpCBb06RjNiDYHzk6vPJZ2mbFp+a+JLCxoHrbnoVptymedlWIiknRAKUNXVQ0DoOMAqIJ2X830ypPpB+myQl/lHY3DKLZbTfnsL6WoiCQdUMrgVVVjAehIaGMxZXaen/7Xc2mZMZuXVmLzqFI2f/YB2o9M2eyoFBmRpAJKKVm98RFoRwBQFsgdgLQ+TSEdB0BLsZsBQGuwv86UzTkjxUYkqYBSildvHAdAh2G3CRZ1R+20SQ3pCemSgdiUAdBRALQF+9uQdgNUaeUVSR6glAGr//E4NoMAaAN80x110yY1pW1GbVlCv/R3/vAQ9jeZsrlXpAiJdKcENzjP7hdU7VQ+0hN91qyPpGtGwf+swobdMZeQHkD6m96y6H4pQiJJs6DeikZgQR+HBS1ClbfWaPPZ5alTWtPXki4usFVeZR5wCvafmo9N6byrUpxEehxQSv81G3IAKCA1hQD0HPZ3XUljSB2oi57B5nkAilqIuYD9jYD0uBQpkR4HlFK4ZkMeAB0PQPMB6NlWZXY3T50aS3NIiwHoiwB0jHL9MbuQPhFrKtLjgFLgg+YD0PGgMg+AnsF2TzTNIbWZuHUhqrzq9/6w1jYglc7/UYqXSI8CSilYu44W9CkAymrvKfine1unTDMC6cIh2PwJ6VcAlPmxF9b1X2bC/CYpZiI9BiglD5C2urjdbABaDdU+gTRsTY2zptq2+P4TkH4jOSPSY4BSsteuLQCgTwPQLBxWwz/dZ6ZMF0gtpAtKsHkBgMa7YY4A2g/NhLdqJXdEegRQSoSQasPWzAgAPUVLCkhjkq0+cz9c8AQ2TyL1Uy5scjvSDoDaKrkj0u2AUjLWrWG/4FMAlOMnz+COe8zklwTSNkiZLxMA6CNexS6ZjwDpEckdkW4H1EOaD0Cfwm4O7sjxk4RUrEQ7UN++jy8ypHu96jukjwHqBckdkW4F1N5o3WqGA47HHfOUDQ80u83klwXSa0F9Fps/IPVVdryp+sxXe6W1V6T7AE1Aqg39rnwfXbMLkMoYymshzcXmL8qON7XCoPv/IO0FqOIeiHQPoPaG61flOQthaCHq8As7zaRXmiWrfxHUUb7aG2/t5cCEbeKfinQboB7SHN8X2B+/wHGknwNSGZrVOai/xeYxpFFe9ZNiyOCEtyS2VwDtnq5Lvf6DLFvotOGAZ/hXBpC+ekmy/Ib+KWEt8arDSP8GqKcldwTQ7oA0E7/AQc6DfT/gbkB6XrL9upBq5UIGCWqhckH4jET6L0CtkRwSQLv+Rzas5Nw+nD4lpoLYF6bytWrJ+huCCjdBvaDagvA9qBqgzhdQBdCuhvTv7KgfAUD5gwcB6VHJ/psClY1tz3kf1T4yb1G3A1SZs1cA7VJIxwLQkd4gHHWgvi7xu7cEqn4sZFHpo34KUKUxSQDtoh/c+N4QV22zv3tKafWFqXhdAhpuGtQFBPWPoaovs5KA/g/piCmdLy88AfSOIWXwOAMasgDoRezvMhVvSF/prYHKYIenke4DoIO8mlXenTj7lSmdJwEiAuidQPpuvvWrNFsqDcPcdgLSenkkt5GXWxc8Y0FVyrsPmn3OXAxqF0CVri0B9LYhpQXl8gq0AC2KY0orZsjM7bcPKhvixmJvjFfRdTio2L0lE5oJoLf9n6h6h32lw/1UId8C0h/k0dwJqAtpSTnp+EMhLau/u5EOmNK5EpgvgN4ypHjzG1dF0+ok9vebiTOl8ejOQGWgA0fOjMDRCK++Cp/1ALZfmrK5JySXBNBbgHTFYMURHlpFAGidrZpNnNkoj6krYF3EyCSm+1XikWuuXMelFfebsjniqwqgNwVpHgBl5FF/+7ZXZo+Z+KaEB3YdqMUA9FFvVe/xag5xo1vxFXSHZJlFAfT6/6lNKzIBJgvREO+XHgSkEnnU1fm8ZTGHuT3SwVdlFfgQfVWko6Z8trgZAmhnoC5H4TEjvF9abf3S8lkt8ti6HFTOmzRW2UWh9Ji2KjAHkutvlWsJPoa8F1gF0I6QLhtiC49WWQC0wfql5bPEX+o2WJf0A6D0VUcrO3+Sjp9qxP53OEdgf0CNRl6UAmgC0lyUE1rTYmX79swBVL2kBbK7833zEuS3/o1yA8kdrK64wEfVdDkYC3zYTJwpL8x0BrStwCylX3qPLyXHUV6+NmXiI/VQ3hfh80Fk/RhnXROWlQ/jFI6PYI8NTT+bihkyr1I6AuoLCnxSwypYgDJyGft7TdkcCRHs6RqN0mxgYvINTAnr2oz9Y8q1Ch81FW+ckxxLI0B91avA+6UDUCr4tv4GkB6Tx5kMWJdrVwW2jUts0BsRsq684hL0P9kajwO3xlS+JiNuejOgoQYNxvHG+/I4bw873GVtzmQ+k6oVuT4WeLSHdWAoMIIfDOQ/oWLBz6wOQ1ctsz72UkAdpIs5lQobMjhFSCOAZQibVKtSBth3+3rLOsqHG7oJ0WJB/ArWgGo8rKdwLV+0Z2Q+5V4CqIc0R7l+vEHeETqKl/UhUzpXGpBS7VltfI/DDIcD0OHKNvjpUaGzcT825sMQAas+Ax0D/WsCpevSbZnLXgFoCNRwwD2b/r8ApHWCRQo/sw0raUqLLbRKDwWMjMce1ubHJqBlq+BVD2oNdBfwxQsZSnMFgwtXpk5pEkDvCkgXcQTHQ64BiW9iw766703pPGmYuFue4foPMqzvaqdr1SWAkdXiYoDZz4NqoSXZGR7kDGMHqddCV09Li/2LgdFs3edxPa66cnZ65V0RXPHkiu2Z+LvztVF9eh2giYe8dZGbRdC9fi8qNiCVzpPumLtYMtatyfKgMuC/CDAWAdAixa3ROQ5eDzC3Rsctb9weN0F3OXAhjA2EFse0vE3aTq6um3CuURtN/zeK/WbtfOSr0MVC92o+9OqL7fp6H35/W4D/U7ZO/LoOsM0CZNhq6DlCS0ewzcV1OdDx/5uDq7Gv8qDLg47V/wJt21O0nb+x1wLqIUXVyTyg7AK6dsQGV7qGNZ0vHem9TPqsWc/C3Q9QFaLQsxZVCPg4wVpfHPfVdkEvlUFoA1911iGI45+BrVbGwVYJtPW1sFtd+F60BSFA7dZC1naX0HUd7hfSaRsthxeIUfX6+cWf27PGfxodP8JWu72Y1btziWvtOWNLffw64//FdHw/Zr8Ti9/xmu+07ceviYX0Hfdjfr8V+63t9PG/MP6yMSrxVzNlX/bW1OpoRb9ULbl1117byXHiCYZfZp3pO57roLvz1861KnMT14R15gbXmc7upa/z3c7OdaJva8W9wbXtfFB1nSquugkLmgNdQUCLpTQtVW7gLG+ut1qwaLBuRsPaqYjdV5pfhSXUGaF70ZIHHQBl8bwaArRVW8tLBDQtNMMjo9ZSG1psZ7lxdaNm74NRsOiaseaXvTW3xTkzLV6vzQX7ASlns2fkC6tEz6rMxu+RB0dUNEdaetNHmny6ayRIm0cTzatB+lTZiBb7kuMseM+pSFOxlFsRATR1QN2Pzx3KdY67VcEzm8apzOZsKQ4iKdeO0psbiW74x3+4gFVehqTR54CPYDjW8biZ8JZ0yYgIoCkCKWdo54iMIb41ohbpa0B6UYqHiACaOqByXl5a0/ianBwQ/i1AleB7EQE0dUB9mzG9I+MeK9J3ivPxSLVXRABNGUg53vRBZUPNrLDv9KCscC0igKYWqEOVnYvH9p1SznpQZQ4eEQE0hUBlnykjkfK8f8oZAg4DVBloLCKApgikjLp6SCVCBrkam/oe6UeAKlNQigigKQIqA7DZfzrEq2hFj9CqAlQJwhcRQFME1BLvn5Z4FccjssX3pLT4igigqQMqG5LYLTPQqy55UE8LqCICaOqASt+U8+wM8Kp6X/U9JaCKCKCpA+po758WtVlUfdiBOl8yW0QATRFQ6Z8OdaDqeNWXrb7VAFUak0QE0NQBVQ8JVX25YvgPyqjjpnS+DBYXEUBTA9QFI71FdY1JhquHqx+ZAKpM0iwigKYIqIR0BACNz+RAK3qCy/mZ0nkNkkMiAmgqZPzWBQR0lEoE5NsZzxiMz3U3awCrZJKIAJoCoDIy6V6/bklcLnlQTwJU8VMFUJHkg7qQsb7soqFljXfRRH319ydTOvey5JIAKpIasDLgYbiHVflumvNIx7j6lymbK900AqhICoBaqNqW7XNibHA+p2M5AVDFqgqgIskHdZFfxVoNBqADQ2dqPazVpmyOdNUIoCJJf2BbFtE/vcf5qbrAq9mQdNr7q+dM2Wx5qAKoSPJhXUw/lf2qg0JaLm1QDUt70pTPlqlDBVCRFAA111tVVH/1AO+rUhj4cBI6wDpL/FUBVCT5sC7hUovDuH6mcssuqlCw/ikmwCrrpAqgIkl/uJuXDFRuOXnCWhA602BhNYorvtWZiW9KZgmgIsmFdSlh9eNU7cK28Wow16LkdKJnFEMMJ86UyCUBVCS5sC4rsrAaOwSuMLSILgMgzuH4DM6dNRUzrkhuCaAiySwAm5ah6qvZClyswpFLbY1MNThmEP95U/GG9LUKoCLJg3U544EBqy7x1jU3AaxD9qIH9jyOak3l61IdFkBFklY4qlb0dVbVdt2E+1qJa8wBqxkjfIHJVL4mE3gLoCLJgfUdrsZO33WAbRVOhBwm/FcUpKAe2NZ6S4utvmwmvSKZJ4CK9HjB2fguge3nrSvBLQGgrpmp7aqoA9Va2jogXGcmv9wouSeAivQ4sO/BlAZ9AWh/HPb38BZ0qBZTohZWZ2XrsV8PfYOZMl2G0AmgIj1auDasjIRg7QcQ6dPmhqrFYX/2CmGFDWZI4qVA6UsENzp1akwAFRHpqQK3/oMsfHKcK1NfGzRhVJ84rIG/LnDgmsAFUjRkuLVvGjKMjYJqgL6xbtrkqAAqItLdhXDdanKZj70+gQtJxFb3IbiBBzfDXwtAPcBW3xK4eYabAqO5bfRAN2u36lwz9M2nX6q4K63w+BXbAwFUJGUlsnatBnA5AC4/wwKs8gEot3mBqypHEha3PbiJSjT1gZvbCdBqzkUchY7HUW3XeNVRf75FG81uIuOONe8YZfUb32vtcO+WQ6++2A6ch9/fxp/M1CZ+lf3M0O5rEfwmVRFtT+lMfGTaY6PpBmTioiyv53GWMjpb2/MCqMhdKoVrNmQ6UFUuAMixWwduFgp3No5zoM8KPFtxbOMw6w7Vav1LkJvQ90J63ckLoQOg7V4Uv6Tv7D4AlPsxAVSk18vQVVW0SrBIOstbs4i3ZhFvhePWjDXpwB3rwFo5o7C1+jBEsJTWIoZ1xlnhdoC2atfx1ILftFt3bPVxq22tubfaUa+/CkCbd874Y/T/AgwA2Mi7HdAe+ikAAAAASUVORK5CYII=) top right no-repeat #1b3149;
  /* background-attachement local is not supported on IE8
   * when this is part of background the complete background is ignored */
  background-attachment: local;
}

.mx-demouserswitcher ul {
  padding: 0;
  margin-top: 25px;
  list-style-type: none;
  border-top: 1px solid #496076;
}

.mx-demouserswitcher a {
  display: block;
  padding: 10px 0;
  color: #387ea2;
  border-bottom: 1px solid #496076;
}

.mx-demouserswitcher h2 {
  margin: 20px 0 5px;
  color: #5bc4fe;
  font-size: 28px;
}

.mx-demouserswitcher h3 {
  margin: 0 0 2px;
  color: #5bc4fe;
  font-size: 18px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mx-demouserswitcher .active h3 {
  color: #11efdb;
}

.mx-demouserswitcher p {
  margin-bottom: 0;
}

.mx-demouserswitcher-toggle {
  position: absolute;
  top: 25%;
  left: -35px;
  width: 35px;
  height: 38px;
  margin-top: -40px;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NERDMjFGRDQ2NEMxMUU0QTQ4MUI5NTNGMUQ3QzE5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NERDMjFGRTQ2NEMxMUU0QTQ4MUI5NTNGMUQ3QzE5NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REMyMUZCNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0REMyMUZDNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1ZovNAAAAWdJREFUeNqM1M0rRFEYx/E7Y5qIQpOUbIiymQWysBgvJVJK2VgryZQtKSULZelPsB0LZaNZjJUNK1FskJqUvCS3NAsZc3zP9NziOOfeeepTc8/c8+vc8xZTSnmOakEGKdzgDBXXy54OMsSwjpL6W9cYsrxfZWvcUu7y0VdLUCc+VXgd2oLixpfOIOmF17TtHTOozYuupCxAaNB9DUEfeDUbE8bzEXxZerP00l8hh3LUiHTIMr6N9j2ksYoihv/1deyLSVzKKm1jEW+WfZV2Lf8gskjIcwcWpOM++pHCFPLosgWtoCyd7jCPOjzhGHHLyDPY1achaJhDxRj6rBwJXUuoN0IG8IIv7OiGBjxadvAITuT3rex6c0SbKASflnUcBT3JTThAjyWkGUVsBEEFR5CerzXpNIacrFIrJnCBB3muBvkhB1TP27hM/Lvx3zl6gxHqu6c74kiU8IxGjKJdLrrT3xfdjwADAJaMxP2bvD2BAAAAAElFTkSuQmCC) center center no-repeat #1b3149;
}

/* master details screen for mobile */
.mx-master-detail-screen {
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  will-change: transform;
}

.mx-master-detail-screen .mx-master-detail-details {
  padding: 15px;
}

.mx-master-detail-screen-header {
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #ccc;
  background-color: #f7f7f7;
}

.mx-master-detail-screen-header-caption {
  text-align: center;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}

.mx-master-detail-screen-header-close {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50px;
  border: none;
  background: transparent;
  color: #007aff;
}

body[dir=rtl] .mx-master-detail-screen-header-close {
  right: 0;
  left: auto;
}

.mx-master-detail-screen-header-close::before {
  content: "‹";
  font-size: 52px;
  line-height: 24px;
}

/* classes for content page */
.mx-master-detail-content-fix {
  height: 100vh;
  overflow: hidden;
}

.mx-master-detail-content-hidden {
  transform: translateX(-200%);
}

body[dir=rtl] .mx-master-detail-content-hidden {
  transform: translateX(200%);
}

.reportingReport {
  padding: 5px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.reportingReportParameter th {
  text-align: right;
}

.reportingDateRange table {
  width: 100%;
  table-layout: fixed;
}

.reportingDateRange th {
  padding: 5px;
  text-align: right;
  background-color: #eee;
}

.reportingDateRange td {
  padding: 5px;
}

.mx-reportmatrix table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
}

.mx-reportmatrix th, .mx-reportmatrix td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: bottom;
  border: 1px solid #ddd;
}

.mx-reportmatrix tbody tr:first-child td {
  border-top: none;
}

.mx-reportmatrix tbody tr:nth-child(2n+1) td {
  background-color: #f9f9f9;
}

.mx-reportmatrix tbody img {
  max-width: 16px;
  max-height: 16px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dijitInline {
    zoom: 1; /* set hasLayout:true to mimic inline-block */
    display: inline; /* don't use .dj_ie since that increases the priority */
    vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
  }
  .dj_ie6 .dijitComboBox .dijitInputContainer,
  .dijitInputContainer {
    zoom: 1;
  }
  .dijitRight {
    /* Right part of a 3-element border */
    display: inline; /* IE7 sizes to outer size w/o this */
  }
  .dijitButtonNode {
    vertical-align: auto;
  }
  .dijitTextBox {
    overflow: hidden; /* #6027, #6067 */
  }
  .dijitPlaceHolder {
    filter: ""; /* make this show up in IE6 after the rendering of the widget */
  }
  .dijitValidationTextBoxError input.dijitValidationInner,
  .dijitSelect input,
  .dijitTextBox input.dijitArrowButtonInner {
    text-indent: 0 !important;
    letter-spacing: -5em !important;
    text-align: right !important;
  }
  .dj_a11y input.dijitValidationInner,
  .dj_a11y input.dijitArrowButtonInner {
    text-align: left !important;
  }
  .dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
    bottom: 50%; /* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
  }
  .dijitTabContainerTop-tabs .dijitTab,
  .dijitTabContainerBottom-tabs .dijitTab {
    zoom: 1; /* set hasLayout:true to mimic inline-block */
    display: inline; /* don't use .dj_ie since that increases the priority */
  }
  .dojoDndHorizontal .dojoDndItem {
    /* make contents of horizontal container be side by side, rather than vertical */
    display: inline;
  }
}
/* WARNING: IE9 limits nested imports to three levels deep: http://jorgealbaladejo.com/2011/05/28/internet-explorer-limits-nested-import-css-statements */
/* dijit base */
/* mendix base */
/* widgets */
/* reporting */

@keyframes slideInUp {
  from {
    visibility: visible;
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animated {
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

/* ==========================================================================
   Flex

   Flex classes
========================================================================== */
.flexcontainer {
  display: flex;
  overflow: hidden;
  flex: 1;
  flex-direction: row;
}
.flexcontainer .flexitem {
  margin-right: 15px;
}
.flexcontainer .flexitem:last-child {
  margin-right: 0;
}
.flexcontainer .flexitem-main {
  overflow: hidden;
  flex: 1;
}

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

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

.flex-row-reverse {
  flex-direction: row-reverse  !important;
}

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

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

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

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

.flex-center {
  align-items: center  !important;
  justify-content: center  !important;
}

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

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

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

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

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

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

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

.align-children-start {
  align-items: flex-start  !important;
}

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

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

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

.align-children-stretch {
  align-items: stretch  !important;
}

.align-content-start {
  align-content: flex-start  !important;
}

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

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

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

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

.align-content-stretch {
  align-content: stretch  !important;
}

.align-self-auto {
  align-self: auto  !important;
}

.align-self-start {
  align-self: flex-start  !important;
}

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

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

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

.align-self-stretch {
  align-self: stretch  !important;
}

.flexitem-1 {
  flex: 1 1 1%;
}

.flexitem-2 {
  flex: 2 2 1%;
}

.flexitem-3 {
  flex: 3 3 1%;
}

.flexitem-4 {
  flex: 4 4 1%;
}

.flexitem-5 {
  flex: 5 5 1%;
}

.flexitem-6 {
  flex: 6 6 1%;
}

.flexitem-7 {
  flex: 7 7 1%;
}

.flexitem-8 {
  flex: 8 8 1%;
}

.flexitem-9 {
  flex: 9 9 1%;
}

.flexitem-10 {
  flex: 10 10 1%;
}

.flexitem-11 {
  flex: 11 11 1%;
}

.flexitem-12 {
  flex: 12 12 1%;
}

/* ==========================================================================
   Spacing

   Spacing classes
========================================================================== */
.spacing-inner-none {
  padding: 0  !important;
}

.spacing-inner-top-none {
  padding-top: 0  !important;
}

.spacing-inner-right-none {
  padding-right: 0  !important;
}

.spacing-inner-bottom-none {
  padding-bottom: 0  !important;
}

.spacing-inner-left-none {
  padding-left: 0  !important;
}

.spacing-outer-none {
  margin: 0  !important;
}

.spacing-outer-top-none {
  margin-top: 0  !important;
}

.spacing-outer-right-none {
  margin-right: 0  !important;
}

.spacing-outer-bottom-none {
  margin-bottom: 0  !important;
}

.spacing-outer-left-none {
  margin-left: 0  !important;
}

.spacing-inner {
  padding: 5px  !important;
}

.spacing-inner-top {
  padding-top: 5px  !important;
}

.spacing-inner-right {
  padding-right: 5px  !important;
}

.spacing-inner-bottom {
  padding-bottom: 5px  !important;
}

.spacing-inner-left {
  padding-left: 5px  !important;
}

.spacing-outer {
  margin: 5px  !important;
}

.spacing-outer-top {
  margin-top: 5px  !important;
}

.spacing-outer-right {
  margin-right: 5px  !important;
}

.spacing-outer-bottom {
  margin-bottom: 5px  !important;
}

.spacing-outer-left {
  margin-left: 5px  !important;
}

@media (max-width: 991px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-large {
    padding: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-large {
    padding: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-large {
    padding: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-top-large {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-large {
    padding-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-top-large {
    padding-top: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-right-large {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-large {
    padding-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-right-large {
    padding-right: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-bottom-large {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-large {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-bottom-large {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-left-large {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-large {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-left-large {
    padding-left: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-large {
    margin: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-large {
    margin: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-large {
    margin: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-top-large {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-large {
    margin-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-top-large {
    margin-top: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-right-large {
    margin-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-large {
    margin-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-right-large {
    margin-right: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-bottom-large {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-large {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-bottom-large {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-left-large {
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-large {
    margin-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-left-large {
    margin-left: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-layout {
    padding: 15px 15px 15px 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-layout {
    padding: 30px 30px 30px 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-layout {
    padding: 30px 30px 30px 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-top-layout {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-layout {
    padding-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-top-layout {
    padding-top: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-right-layout {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-layout {
    padding-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-right-layout {
    padding-right: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-inner-left-layout {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-layout {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-inner-left-layout {
    padding-left: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-layout {
    margin: 15px 15px 15px 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-layout {
    margin: 30px 30px 30px 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-layout {
    margin: 30px 30px 30px 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-top-layout {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-layout {
    margin-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-top-layout {
    margin-top: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-right-layout {
    margin-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-layout {
    margin-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-right-layout {
    margin-right: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 991px) {
  .spacing-outer-left-layout {
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-layout {
    margin-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .spacing-outer-left-layout {
    margin-left: 30px !important;
  }
}

.mx-scrollcontainer .mx-placeholder {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid,
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid {
    padding: 15px 15px 15px 15px;
  }
}
@media (min-width: 992px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid,
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 1200px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid,
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid {
    padding: 30px 30px 30px 30px;
  }
}
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid .mx-layoutgrid,
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid .mx-layoutgrid-fluid,
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid .mx-layoutgrid,
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid .mx-layoutgrid-fluid {
  padding: 0;
}

/* ==========================================================================
   Base

   Default settings
========================================================================== */
html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #555;
  background-color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.428571429;
}

a {
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  color: #184440;
  -webkit-backface-visibility: hidden;
}

a:hover {
  text-decoration: underline;
  color: rgb(4.0434782609, 11.4565217391, 10.7826086957);
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

input:focus,
button:focus,
.mx-link:focus {
  outline: 0;
}

div[tabindex] {
  outline: 0;
}

.disabled,
[disabled] {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=65);
}

body {
  height: 100%;
}

.loginpage {
  display: flex;
  height: 100%;
}

.loginpage-logo {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 120px;
}

.loginpage-left {
  display: none;
}

.loginpage-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
}

.loginpage-formwrapper {
  width: 400px;
  margin: 0 auto;
}

.loginpage-form .alert {
  display: none;
}
.loginpage-form .btn {
  border-radius: 40px;
}
.loginpage-form .form-group {
  width: 100%;
  align-items: center;
}
.loginpage-form .form-group .control-label {
  flex: 4;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}
.loginpage-form .form-group .inputwrapper {
  flex: 8;
  position: relative;
  width: 100%;
}
.loginpage-form .form-group .inputwrapper .glyphicon:before {
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.loginpage-form .form-group .inputwrapper .glyphicon {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loginpage-form .form-group .inputwrapper .glyphicon-eye-open:hover, .loginpage-form .form-group .inputwrapper .glyphicon-eye-close:hover {
  cursor: pointer;
  color: #184440;
}
.loginpage-form .form-group .inputwrapper .form-control {
  padding: 8px 10px 8px 45px;
}
.loginpage-form .form-group .inputwrapper .form-control:focus ~ .glyphicon:before {
  color: #184440;
}

.loginpage-alternativelabel {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 25px 0px;
}
.loginpage-alternativelabel hr {
  flex: 1;
  margin: 20px 0 20px 10px;
  border: 0;
  border-color: #d8d8d8;
  border-top: 1px solid #eeeeee;
}

.loginpage-signin {
  color: #555555;
}

@media screen and (min-width: 1200px) {
  .loginpage-logo {
    width: 150px;
  }
  .loginpage-left {
    position: relative;
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .loginpage-image {
    height: 100%;
    animation: makePointer 1s ease-out both;
    background: left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat linear-gradient(to right, rgba(24, 68, 64, 0.9) 0%, rgba(24, 68, 64, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -moz-linear-gradient(left, rgba(24, 68, 64, 0.9) 0%, rgba(24, 68, 64, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(24, 68, 64, 0.9)), color-stop(100%, rgba(24, 68, 64, 0.6))), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -webkit-linear-gradient(left, rgba(24, 68, 64, 0.9) 0%, rgba(24, 68, 64, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -o-linear-gradient(left, rgba(24, 68, 64, 0.9) 0%, rgba(24, 68, 64, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -ms-linear-gradient(left, rgba(24, 68, 64, 0.9) 0%, rgba(24, 68, 64, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
  }
  .loginpage-formwrapper {
    width: 400px;
  }
}
@keyframes makePointer {
  100% {
    -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
  }
}
@-webkit-keyframes makePointer {
  100% {
    -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
  }
}
/* ==========================================================================
   Inputs

   The form-control class style all inputs
========================================================================== */
.form-control {
  display: flex;
  flex: 1;
  min-width: 50px;
  height: auto;
  padding: 8px 10px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #555;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background-color: #FFF;
  background-image: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.428571429;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form-control:not([readonly]):focus {
  border-color: #184440;
  outline: 0;
  background-color: #FFF;
  box-shadow: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 1;
  background-color: #EEEEEE;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control-lined {
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  background-color: transparent;
}
.form-control-lined:focus {
  background-color: transparent;
}

.form-control-static, .form-group div[class*=textBox] > .control-label,
.form-group div[class*=textArea] > .control-label,
.form-group div[class*=datePicker] > .control-label {
  overflow: hidden;
  flex: 1;
  min-height: auto;
  padding: 8px 10px;
  border-bottom: 1px solid #F0F0EE;
  font-size: 14px;
  line-height: 1.428571429;
}
.form-control-static + .control-label, .form-group div[class*=textBox] > .control-label + .control-label,
.form-group div[class*=textArea] > .control-label + .control-label,
.form-group div[class*=datePicker] > .control-label + .control-label {
  margin-left: 8px;
}

select.form-control {
  padding-right: 30px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15px' height='8px'><polyline id='Line' fill='none' stroke='%23555555' points='0.5 0.5 6 6 11.545361 0.5'></polyline></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form-control.mx-selectbox {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.mx-textarea .control-label {
  height: auto;
}

textarea.form-control {
  flex-basis: auto;
}

.mx-compound-control {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  max-width: 100%;
}
.mx-compound-control .mx-validation-message {
  flex-basis: 100%;
  margin-top: 5px;
}

.form-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.form-group > div[class*=col-] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-group > [class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}
.form-group .control-label {
  overflow: hidden;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.form-group .mx-validation-message {
  flex-basis: 100%;
}
.form-group.no-columns:not(.label-after) {
  flex-direction: column;
}

.form-group.label-after .form-control-static, .form-group.label-after div[class*=textBox] > .control-label,
.form-group.label-after div[class*=textArea] > .control-label,
.form-group.label-after div[class*=datePicker] > .control-label {
  flex: unset;
}
.form-group.label-after .control-label {
  margin-bottom: 0;
}

.mx-dateinput,
.mx-referenceselector,
.mx-referencesetselector {
  flex: 1;
}

.dj_webkit.dj_ios .form-control {
  transform: translateZ(0);
}

@media only screen and (min-width: 992px) {
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.428571429;
  }
}
@media only screen and (max-width: 991px) {
  .form-group {
    flex-direction: column;
  }
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date],
  input[type=time],
  input[type=datetime-local],
  input[type=month] {
    line-height: 1;
  }
  input[type=time]:not(.has-value):before,
  input[type=date]:not(.has-value):before,
  input[type=month]:not(.has-value):before,
  input[type=datetime-local]:not(.has-value):before {
    margin-right: 0.5em;
    content: attr(placeholder) !important;
    color: #AAAAAA;
  }
  input[type=time].has-value:before,
  input[type=date].has-value:before,
  input[type=month].has-value:before,
  input[type=datetime-local].has-value:before {
    content: "" !important;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-group {
    display: block;
  }
}
[dir=rtl] select.form-control {
  padding-right: 30px;
  padding-left: 0;
  background-position: 10px center;
}

/* ==========================================================================
   Alerts

   Default Bootstrap Alert boxes. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages
========================================================================== */
.alert {
  margin-top: 0;
  padding: 15px;
  border: 0;
  border-radius: 4px;
}

/* ==========================================================================
   Alerts

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.alert-bordered {
  border: 1px solid;
}

.alert-success {
  color: rgb(70.8, 121.2, 1.2);
  border-color: rgb(82.6, 141.4, 1.4);
  background-color: rgb(227.6, 244.4, 204.4);
}

.alert-info {
  color: rgb(43.2, 105.6, 148.2);
  border-color: rgb(50.4, 123.2, 172.9);
  background-color: rgb(218.4, 239.2, 253.4);
}

.alert-warning {
  color: rgb(149.4, 93, 17.4);
  border-color: rgb(174.3, 108.5, 20.3);
  background-color: rgb(253.8, 235, 209.8);
}

.alert-danger {
  color: rgb(142.2, 16.8, 21.6);
  border-color: rgb(165.9, 19.6, 25.2);
  background-color: rgb(251.4, 209.6, 211.2);
}

.has-error .alert {
  margin-top: 8px;
  margin-bottom: 0;
}

/* ==========================================================================
   Backgrounds

   Different background components, all managed by variables
========================================================================== */
.background-main {
  background-color: #FFF !important;
}

.background-secondary {
  background-color: #F5F8FD !important;
}

.background-default {
  background-color: #DDDDDD !important;
}

.background-default-darker {
  background-color: rgb(132.6, 132.6, 132.6) !important;
}

.background-default-dark {
  background-color: rgb(154.7, 154.7, 154.7) !important;
}

.background-default-light {
  background-color: rgb(234.6, 234.6, 234.6) !important;
}

.background-default-lighter {
  background-color: rgb(248.2, 248.2, 248.2) !important;
}

.background-inverse {
  background-color: #252C36 !important;
}

.background-inverse-darker {
  background-color: rgb(22.2, 26.4, 32.4) !important;
}

.background-inverse-dark {
  background-color: rgb(25.9, 30.8, 37.8) !important;
}

.background-inverse-light {
  background-color: rgb(124.2, 128.4, 134.4) !important;
}

.background-inverse-lighter {
  background-color: rgb(211.4, 212.8, 214.8) !important;
}

.background-primary {
  background-color: #184440 !important;
}

.background-primary-darker {
  background-color: rgb(14.4, 40.8, 38.4) !important;
}

.background-primary-dark {
  background-color: rgb(16.8, 47.6, 44.8) !important;
}

.background-primary-light {
  background-color: rgb(116.4, 142.8, 140.4) !important;
}

.background-primary-lighter {
  background-color: rgb(208.8, 217.6, 216.8) !important;
}

.background-info {
  background-color: #48B0F7 !important;
}

.background-info-darker {
  background-color: rgb(43.2, 105.6, 148.2) !important;
}

.background-info-dark {
  background-color: rgb(50.4, 123.2, 172.9) !important;
}

.background-info-light {
  background-color: rgb(145.2, 207.6, 250.2) !important;
}

.background-info-lighter {
  background-color: rgb(218.4, 239.2, 253.4) !important;
}

.background-success {
  background-color: #76CA02 !important;
}

.background-success-darker {
  background-color: rgb(70.8, 121.2, 1.2) !important;
}

.background-success-dark {
  background-color: rgb(82.6, 141.4, 1.4) !important;
}

.background-success-light {
  background-color: rgb(172.8, 223.2, 103.2) !important;
}

.background-success-lighter {
  background-color: rgb(227.6, 244.4, 204.4) !important;
}

.background-warning {
  background-color: #F99B1D !important;
}

.background-warning-darker {
  background-color: rgb(149.4, 93, 17.4) !important;
}

.background-warning-dark {
  background-color: rgb(174.3, 108.5, 20.3) !important;
}

.background-warning-light {
  background-color: rgb(251.4, 195, 119.4) !important;
}

.background-warning-lighter {
  background-color: rgb(253.8, 235, 209.8) !important;
}

.background-danger {
  background-color: #ED1C24 !important;
}

.background-danger-darker {
  background-color: rgb(142.2, 16.8, 21.6) !important;
}

.background-danger-dark {
  background-color: rgb(165.9, 19.6, 25.2) !important;
}

.background-danger-light {
  background-color: rgb(244.2, 118.8, 123.6) !important;
}

.background-danger-lighter {
  background-color: rgb(251.4, 209.6, 211.2) !important;
}

.background-brand-gradient {
  background-image: linear-gradient(152deg, #0CC7F0 0%, #087ECC 51%, #077AC9 55%, #0659B9 78%) !important;
}

/* ==========================================================================
   Buttons

   Default Bootstrap and Mendix Buttons
========================================================================== */
.btn,
.mx-button {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.6em 1em;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #184440;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  background-color: #FFF;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 13px;
  line-height: 1.428571429;
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus,
.mx-button:hover,
.mx-button:focus,
.mx-button:active,
.mx-button:active:focus {
  outline: none;
  box-shadow: none;
}
.btn[aria-disabled],
.mx-button[aria-disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.mx-link {
  padding: 0;
  color: #184440;
}
.mx-link[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn img,
.mx-button img,
.mx-link img {
  height: 18px;
  margin-right: 5px;
  vertical-align: text-top;
}

.profile-phone .btn:active,
.profile-phone .mx-link:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

/* ==========================================================================
   Buttons

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.btn,
.btn-default {
  color: #184440;
  border-color: #DDDDDD;
  background-color: #FFF;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #184440;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}
.btn:active, .btn.active, .open > .btn.dropdown-toggle,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, .btn[aria-disabled], .btn[aria-disabled]:hover, .btn[aria-disabled]:focus, .btn[aria-disabled]:active, .btn[aria-disabled].active,
.btn fieldset[disabled],
.btn fieldset[disabled]:hover,
.btn fieldset[disabled]:focus,
.btn fieldset[disabled]:active,
.btn fieldset[disabled].active,
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
.btn-default[aria-disabled],
.btn-default[aria-disabled]:hover,
.btn-default[aria-disabled]:focus,
.btn-default[aria-disabled]:active,
.btn-default[aria-disabled].active,
.btn-default fieldset[disabled],
.btn-default fieldset[disabled]:hover,
.btn-default fieldset[disabled]:focus,
.btn-default fieldset[disabled]:active,
.btn-default fieldset[disabled].active {
  border-color: #DDDDDD;
  background-color: #FFF;
}
.btn.btn-bordered,
.btn-default.btn-bordered {
  background-color: transparent;
}
.btn.btn-bordered:hover, .btn.btn-bordered:focus, .btn.btn-bordered:active, .btn.btn-bordered.active, .open > .btn.btn-bordered.dropdown-toggle,
.btn-default.btn-bordered:hover,
.btn-default.btn-bordered:focus,
.btn-default.btn-bordered:active,
.btn-default.btn-bordered.active,
.open > .btn-default.btn-bordered.dropdown-toggle {
  color: #184440;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}
.btn.btn-link,
.btn-default.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
}
.btn.btn-link:hover,
.btn-default.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-primary, .datagrid-fullsearch.mx-grid .mx-grid-search-button {
  color: #FFF;
  border-color: #184440;
  background-color: #184440;
}
.btn-primary:hover, .datagrid-fullsearch.mx-grid .mx-grid-search-button:hover, .btn-primary:focus, .datagrid-fullsearch.mx-grid .mx-grid-search-button:focus, .btn-primary:active, .datagrid-fullsearch.mx-grid .mx-grid-search-button:active, .btn-primary.active, .datagrid-fullsearch.mx-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  color: #FFF;
  border-color: rgb(19.2, 54.4, 51.2);
  background-color: rgb(19.2, 54.4, 51.2);
}
.btn-primary:active, .datagrid-fullsearch.mx-grid .mx-grid-search-button:active, .btn-primary.active, .datagrid-fullsearch.mx-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  background-image: none;
}
.btn-primary.disabled, .datagrid-fullsearch.mx-grid .disabled.mx-grid-search-button, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .datagrid-fullsearch.mx-grid [disabled].mx-grid-search-button, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, .btn-primary[aria-disabled], .datagrid-fullsearch.mx-grid [aria-disabled].mx-grid-search-button, .btn-primary[aria-disabled]:hover, .btn-primary[aria-disabled]:focus, .btn-primary[aria-disabled]:active, .btn-primary[aria-disabled].active,
.btn-primary fieldset[disabled],
.datagrid-fullsearch.mx-grid .mx-grid-search-button fieldset[disabled],
.btn-primary fieldset[disabled]:hover,
.btn-primary fieldset[disabled]:focus,
.btn-primary fieldset[disabled]:active,
.btn-primary fieldset[disabled].active {
  border-color: #184440;
  background-color: #184440;
}
.btn-primary.btn-bordered, .datagrid-fullsearch.mx-grid .btn-bordered.mx-grid-search-button {
  background-color: transparent;
  color: #184440;
}
.btn-primary.btn-bordered:hover, .datagrid-fullsearch.mx-grid .btn-bordered.mx-grid-search-button:hover, .btn-primary.btn-bordered:focus, .datagrid-fullsearch.mx-grid .btn-bordered.mx-grid-search-button:focus, .btn-primary.btn-bordered:active, .datagrid-fullsearch.mx-grid .btn-bordered.mx-grid-search-button:active, .btn-primary.btn-bordered.active, .datagrid-fullsearch.mx-grid .btn-bordered.active.mx-grid-search-button, .open > .btn-primary.btn-bordered.dropdown-toggle, .datagrid-fullsearch.mx-grid .open > .btn-bordered.dropdown-toggle.mx-grid-search-button {
  color: #FFF;
  border-color: #184440;
  background-color: #184440;
}
.btn-primary.btn-link, .datagrid-fullsearch.mx-grid .btn-link.mx-grid-search-button {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #184440;
}
.btn-primary.btn-link:hover, .datagrid-fullsearch.mx-grid .btn-link.mx-grid-search-button:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-inverse {
  color: #FFF;
  border-color: #252C36;
  background-color: #252C36;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  color: #FFF;
  border-color: rgb(80.6, 86.2, 94.2);
  background-color: rgb(80.6, 86.2, 94.2);
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, .btn-inverse[aria-disabled], .btn-inverse[aria-disabled]:hover, .btn-inverse[aria-disabled]:focus, .btn-inverse[aria-disabled]:active, .btn-inverse[aria-disabled].active,
.btn-inverse fieldset[disabled],
.btn-inverse fieldset[disabled]:hover,
.btn-inverse fieldset[disabled]:focus,
.btn-inverse fieldset[disabled]:active,
.btn-inverse fieldset[disabled].active {
  border-color: #252C36;
  background-color: #252C36;
}
.btn-inverse.btn-bordered {
  background-color: transparent;
  color: #252C36;
}
.btn-inverse.btn-bordered:hover, .btn-inverse.btn-bordered:focus, .btn-inverse.btn-bordered:active, .btn-inverse.btn-bordered.active, .open > .btn-inverse.btn-bordered.dropdown-toggle {
  color: #FFF;
  border-color: #252C36;
  background-color: #252C36;
}
.btn-inverse.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #252C36;
}
.btn-inverse.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-success {
  color: #FFF;
  border-color: #76CA02;
  background-color: #76CA02;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #FFF;
  border-color: rgb(94.4, 161.6, 1.6);
  background-color: rgb(94.4, 161.6, 1.6);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, .btn-success[aria-disabled], .btn-success[aria-disabled]:hover, .btn-success[aria-disabled]:focus, .btn-success[aria-disabled]:active, .btn-success[aria-disabled].active,
.btn-success fieldset[disabled],
.btn-success fieldset[disabled]:hover,
.btn-success fieldset[disabled]:focus,
.btn-success fieldset[disabled]:active,
.btn-success fieldset[disabled].active {
  border-color: #76CA02;
  background-color: #76CA02;
}
.btn-success.btn-bordered {
  background-color: transparent;
  color: #76CA02;
}
.btn-success.btn-bordered:hover, .btn-success.btn-bordered:focus, .btn-success.btn-bordered:active, .btn-success.btn-bordered.active, .open > .btn-success.btn-bordered.dropdown-toggle {
  color: #FFF;
  border-color: #76CA02;
  background-color: #76CA02;
}
.btn-success.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #76CA02;
}
.btn-success.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-info {
  color: #FFF;
  border-color: #48B0F7;
  background-color: #48B0F7;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #FFF;
  border-color: rgb(57.6, 140.8, 197.6);
  background-color: rgb(57.6, 140.8, 197.6);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, .btn-info[aria-disabled], .btn-info[aria-disabled]:hover, .btn-info[aria-disabled]:focus, .btn-info[aria-disabled]:active, .btn-info[aria-disabled].active,
.btn-info fieldset[disabled],
.btn-info fieldset[disabled]:hover,
.btn-info fieldset[disabled]:focus,
.btn-info fieldset[disabled]:active,
.btn-info fieldset[disabled].active {
  border-color: #48B0F7;
  background-color: #48B0F7;
}
.btn-info.btn-bordered {
  background-color: transparent;
  color: #48B0F7;
}
.btn-info.btn-bordered:hover, .btn-info.btn-bordered:focus, .btn-info.btn-bordered:active, .btn-info.btn-bordered.active, .open > .btn-info.btn-bordered.dropdown-toggle {
  color: #FFF;
  border-color: #48B0F7;
  background-color: #48B0F7;
}
.btn-info.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #48B0F7;
}
.btn-info.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-warning {
  color: #FFF;
  border-color: #F99B1D;
  background-color: #F99B1D;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #FFF;
  border-color: rgb(199.2, 124, 23.2);
  background-color: rgb(199.2, 124, 23.2);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, .btn-warning[aria-disabled], .btn-warning[aria-disabled]:hover, .btn-warning[aria-disabled]:focus, .btn-warning[aria-disabled]:active, .btn-warning[aria-disabled].active,
.btn-warning fieldset[disabled],
.btn-warning fieldset[disabled]:hover,
.btn-warning fieldset[disabled]:focus,
.btn-warning fieldset[disabled]:active,
.btn-warning fieldset[disabled].active {
  border-color: #F99B1D;
  background-color: #F99B1D;
}
.btn-warning.btn-bordered {
  background-color: transparent;
  color: #F99B1D;
}
.btn-warning.btn-bordered:hover, .btn-warning.btn-bordered:focus, .btn-warning.btn-bordered:active, .btn-warning.btn-bordered.active, .open > .btn-warning.btn-bordered.dropdown-toggle {
  color: #FFF;
  border-color: #F99B1D;
  background-color: #F99B1D;
}
.btn-warning.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #F99B1D;
}
.btn-warning.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-danger {
  color: #FFF;
  border-color: #ED1C24;
  background-color: #ED1C24;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #FFF;
  border-color: rgb(189.6, 22.4, 28.8);
  background-color: rgb(189.6, 22.4, 28.8);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, .btn-danger[aria-disabled], .btn-danger[aria-disabled]:hover, .btn-danger[aria-disabled]:focus, .btn-danger[aria-disabled]:active, .btn-danger[aria-disabled].active,
.btn-danger fieldset[disabled],
.btn-danger fieldset[disabled]:hover,
.btn-danger fieldset[disabled]:focus,
.btn-danger fieldset[disabled]:active,
.btn-danger fieldset[disabled].active {
  border-color: #ED1C24;
  background-color: #ED1C24;
}
.btn-danger.btn-bordered {
  background-color: transparent;
  color: #ED1C24;
}
.btn-danger.btn-bordered:hover, .btn-danger.btn-bordered:focus, .btn-danger.btn-bordered:active, .btn-danger.btn-bordered.active, .open > .btn-danger.btn-bordered.dropdown-toggle {
  color: #FFF;
  border-color: #ED1C24;
  background-color: #ED1C24;
}
.btn-danger.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #ED1C24;
}
.btn-danger.btn-link:hover {
  border-color: #eee;
  background-color: #eee;
}

.btn-lg {
  font-size: 26px;
}
.btn-lg img {
  height: calc(10px + 4px);
}

.btn-sm {
  font-size: 10px;
}
.btn-sm img {
  height: calc(10px + 4px);
}

.btn-image {
  padding: 0;
  vertical-align: middle;
  border-style: none;
  background-color: transparent;
}
.btn-image img {
  display: block;
  height: auto;
}
.btn-image:hover, .btn-image:focus {
  background-color: transparent;
}

.btn-icon > img, .btn-icon > .glyphicon {
  margin: 0;
}

.btn-icon-right > img, .btn-icon-right > .glyphicon {
  float: right;
  margin-left: 5px;
}

.btn-icon-top {
  padding-right: 0;
  padding-left: 0;
}
.btn-icon-top > img, .btn-icon-top > .glyphicon {
  display: block;
  margin: 0 0 5px 0;
}

/* ==========================================================================
   Checkbox

   Default Mendix Checkbox Widget
========================================================================== */
.mx-checkbox.label-after {
  flex-wrap: wrap;
}
.mx-checkbox.label-after .control-label {
  padding: 0;
}

input[type=checkbox] {
  position: relative !important;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=checkbox]::-ms-check {
  color: #d7d7d7;
  border-color: #d7d7d7;
  border-radius: 2px;
  background-color: #FFF;
}
input[type=checkbox]:focus::-ms-check, input[type=checkbox]:checked::-ms-check {
  color: #184440;
  border-color: #184440;
  background-color: #FFF;
}
input[type=checkbox]:before, input[type=checkbox]:after {
  position: absolute;
  display: block;
  transition: all 0.3s ease;
}
input[type=checkbox]:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background-color: transparent;
}
input[type=checkbox]:after {
  width: 8px;
  height: 4px;
  margin: 5px 4px;
  transform: rotate(-45deg);
  pointer-events: none;
  border: 2px solid #FFFFFF;
  border-top: 0;
  border-right: 0;
}
input[type=checkbox]:not(:disabled):not(:checked):hover:after {
  content: "";
  border-color: #d7d7d7;
}
input[type=checkbox]:checked:before {
  border-color: #184440;
  background-color: #184440;
}
input[type=checkbox]:checked:after {
  content: "";
}
input[type=checkbox]:disabled:before {
  background-color: #eee;
}
input[type=checkbox]:checked:disabled:before {
  border-color: transparent;
  background-color: rgba(24, 68, 64, 0.4);
}
input[type=checkbox]:disabled:after, input[type=checkbox]:checked:disabled:after {
  border-color: #eee;
}
input[type=checkbox] + .control-label {
  margin-left: 8px;
}

/* ==========================================================================
   Grid

   Default Mendix Grid (used for Mendix Datagrid)
========================================================================== */
.mx-grid {
  padding: 0px;
  border: 0;
  border-radius: 0;
}
.mx-grid .mx-grid-controlbar {
  margin: 10px 0;
  /* Paging */
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  /* Buttons */
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button {
  padding: 6px;
  color: #888;
  border-color: transparent;
  background-color: transparent;
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button:hover {
  color: #184440;
  border-color: transparent;
  background-color: transparent;
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  /* Text Paging .. to .. to .. */
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {
  padding: 0 8px 8px;
}
.mx-grid .mx-grid-searchbar {
  margin: 10px 0;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label {
  vertical-align: middle;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label label {
  padding-top: 5px;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input {
  display: inline-flex;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .form-control {
  height: 28px;
  font-size: 11px;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input select.form-control {
  padding: 3px;
  vertical-align: middle;
}
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .mx-button {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.mx-dataview .mx-grid {
  border: 0;
}

/* ==========================================================================
   Datagrid Default

   Default Mendix Datagrid Widget. The datagrid shows a list of objects in a grid
========================================================================== */
.mx-datagrid table {
  border-width: 0;
  background-color: transparent;
  /* Table header */
}
.mx-datagrid table th {
  border-style: solid;
  border-color: #d7d7d7;
  border-top-width: 0;
  border-right: 0;
  border-bottom-width: 1px;
  border-left: 0;
  background-color: transparent;
  padding: 15px 15px 15px 15px;
  vertical-align: middle;
}
.mx-datagrid table th .mx-datagrid-head-caption {
  white-space: normal;
}
.mx-datagrid table {
  /* Table Body */
}
.mx-datagrid table tbody tr td {
  -webkit-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: initial;
  padding: 15px 15px 15px 15px;
  vertical-align: middle;
  border-width: 0;
  border-color: #d7d7d7;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #FFF;
}
.mx-datagrid table tbody tr td:focus {
  outline: none;
}
.mx-datagrid table tbody tr td {
  /* Text without spaces */
}
.mx-datagrid table tbody tr td .mx-datagrid-data-wrapper {
  text-overflow: ellipsis;
}
.mx-datagrid table tbody tr.selected td, .mx-datagrid table tbody tr.selected:hover td {
  color: #FFF;
  background-color: #184440 !important;
}
.mx-datagrid table {
  /* Table Footer */
}
.mx-datagrid table tfoot > tr > th {
  padding: 15px 15px 15px 15px;
  border-width: 0;
  background-color: #d7d7d7;
}
.mx-datagrid table tfoot > tr > td {
  padding: 15px 15px 15px 15px;
  border-width: 0;
  background-color: #FFF;
  font-weight: bold;
}
.mx-datagrid table *:focus {
  outline: 0;
}

/* ==========================================================================
   Datagrid Default

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.datagrid-striped.mx-datagrid table th {
  border-width: 0;
}
.datagrid-striped.mx-datagrid table tbody tr td {
  border-top-width: 0;
}
.datagrid-striped.mx-datagrid table tbody tr:nth-child(odd) td {
  background-color: #fbfbfb;
}

.datagrid-bordered.mx-datagrid table {
  border: 1px solid;
}
.datagrid-bordered.mx-datagrid table th {
  border: 1px solid #d7d7d7;
}
.datagrid-bordered.mx-datagrid table tbody tr td {
  border: 1px solid #d7d7d7;
}
.datagrid-bordered.mx-datagrid tfoot > tr > th {
  border-width: 0;
  background-color: #d7d7d7;
}
.datagrid-bordered.mx-datagrid tfoot > tr > td {
  border-width: 1px;
}

.datagrid-transparent.mx-datagrid table {
  background-color: transparent;
}
.datagrid-transparent.mx-datagrid table tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.datagrid-transparent.mx-datagrid table tbody tr td {
  background-color: transparent;
}

.datagrid-hover.mx-datagrid table tbody tr:hover td {
  background-color: #f7f7f7 !important;
}
.datagrid-hover.mx-datagrid table tbody tr.selected:hover td {
  background-color: #ebebeb !important;
}

.datagrid-lg.mx-datagrid table th {
  padding: 30px 30px 30px 30px;
}
.datagrid-lg.mx-datagrid table tbody tr td {
  padding: 30px 30px 30px 30px;
}

.datagrid-sm.mx-datagrid table th {
  padding: 7.5px 7.5px 7.5px 7.5px;
}
.datagrid-sm.mx-datagrid table tbody tr td {
  padding: 7.5px 7.5px 7.5px 7.5px;
}

.datagrid-fullsearch.mx-grid .mx-grid-reset-button {
  display: none;
}
.datagrid-fullsearch.mx-grid .mx-grid-search-item {
  display: block;
}
.datagrid-fullsearch.mx-grid .mx-grid-search-label {
  display: none;
}
.datagrid-fullsearch.mx-grid .mx-grid-searchbar .mx-grid-search-controls {
  position: absolute;
  right: 0;
}
.datagrid-fullsearch.mx-grid .mx-grid-searchbar .mx-grid-search-input {
  width: 80%;
  padding-left: 0;
}
.datagrid-fullsearch.mx-grid .mx-grid-searchbar .mx-grid-search-input .btn,
.datagrid-fullsearch.mx-grid .mx-grid-searchbar .mx-grid-search-input .form-control {
  height: 35px;
  font-size: 12px;
}

/* ==========================================================================
   Dataview

   Default Mendix Dataview Widget. The data view is used for showing the contents of exactly one object
========================================================================== */
.mx-dataview {
  /* Control bar */
}
.mx-dataview .mx-dataview-controls {
  clear: both;
  margin-top: 10px;
  padding: 8px 0;
  border-top: 1px solid #d7d7d7;
  border-radius: 0;
  background-color: transparent;
  /* Buttons */
}
.mx-dataview .mx-dataview-controls .mx-button {
  margin-right: 0.3em;
  margin-bottom: 0;
}
.mx-dataview .mx-dataview-controls .mx-button:last-child {
  margin-right: 0;
}
.mx-dataview {
  /* Dataview-content gives problems for nexted layout grid containers */
}
.mx-dataview > .mx-dataview-content > .mx-container-nested > .row {
  margin-right: 0;
  margin-left: 0;
}
.mx-dataview {
  /* Dataview empty message */
}
.mx-dataview .mx-dataview-message {
  color: #555;
  background: #FFF;
}

/* ==========================================================================
   Date Picker

   Default Mendix Date Picker Widget.
========================================================================== */
.mx-calendar {
  /* (must be higher than popup z-index) */
  z-index: 10010 !important;
  padding: 10px;
  font-size: 12px;
  background: #FFF;
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}
.mx-calendar .mx-calendar-month-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 3px 10px 3px;
}
.mx-calendar .mx-calendar-month-next,
.mx-calendar .mx-calendar-month-previous,
.mx-calendar .mx-calendar-month-dropdown {
  border: 0;
  cursor: pointer;
  background: transparent;
}
.mx-calendar .mx-calendar-month-next:hover,
.mx-calendar .mx-calendar-month-previous:hover {
  color: #184440;
}
.mx-calendar .mx-calendar-month-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mx-calendar .mx-calendar-month-dropdown .mx-calendar-month-current:first-child {
  margin-right: 10px;
}
.mx-calendar th {
  color: #184440;
}
.mx-calendar th,
.mx-calendar td {
  width: 35px;
  height: 35px;
  text-align: center;
}
.mx-calendar td {
  color: #555;
}
.mx-calendar td:hover {
  cursor: pointer;
  border-radius: 50%;
  color: #184440;
  background-color: #DDDDDD;
}
.mx-calendar .mx-calendar-day-month-next,
.mx-calendar .mx-calendar-day-month-previous {
  color: rgb(199.75, 199.75, 199.75);
}
.mx-calendar .mx-calendar-day-selected,
.mx-calendar .mx-calendar-day-selected:hover {
  color: #fff;
  border-radius: 50%;
  background: #184440;
}
.mx-calendar .mx-calendar-year-switcher {
  text-align: center;
  margin-top: 10px;
  color: rgb(63.9130434783, 181.0869565217, 170.4347826087);
}
.mx-calendar .mx-calendar-year-switcher span.mx-calendar-year-selected {
  color: #184440;
  margin-left: 10px;
  margin-right: 10px;
}
.mx-calendar .mx-calendar-year-switcher span:hover {
  cursor: pointer;
  text-decoration: underline;
  background-color: transparent;
}

.mx-calendar-month-dropdown-options {
  /* (must be higher than popup z-index) */
  z-index: 10020 !important;
  position: absolute;
  top: 25px;
  padding: 2px 10px;
  border-radius: 2px;
  background-color: #FFF;
}
.mx-calendar-month-dropdown-options div {
  cursor: pointer;
  font-size: 12px;
  padding: 2px 0;
}
.mx-calendar-month-dropdown-options div:hover, .mx-calendar-month-dropdown-options div:focus {
  color: #184440;
}

/* ==========================================================================
   Header

   Default Mendix Mobile Header
========================================================================== */
.mx-header {
  z-index: 100;
  display: flex;
  width: 100%;
  height: 45px;
  padding: 0;
  text-align: initial;
  color: #555;
  border-bottom: 1px solid #d7d7d7;
  background-color: #FFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.mx-header div.mx-header-left,
.mx-header div.mx-header-right {
  position: relative;
  top: initial;
  right: initial;
  left: initial;
  display: flex;
  align-items: center;
  width: 25%;
  height: 100%;
}
.mx-header div.mx-header-left .mx-placeholder,
.mx-header div.mx-header-right .mx-placeholder {
  display: flex;
  align-items: center;
  height: 100%;
}
.mx-header div.mx-header-left .mx-placeholder {
  order: 1;
}
.mx-header div.mx-header-left .mx-placeholder .mx-placeholder {
  justify-content: flex-start;
}
.mx-header div.mx-header-center {
  overflow: hidden;
  flex: 1;
  order: 2;
  text-align: center;
}
.mx-header div.mx-header-center .mx-title {
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-overflow: ellipsis;
  color: #555;
  font-size: 17px;
  line-height: 45px;
}
.mx-header div.mx-header-right {
  order: 3;
}
.mx-header div.mx-header-right .mx-placeholder {
  justify-content: flex-end;
}
.mx-header .mx-link {
  display: flex;
  align-items: center;
  height: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}
.mx-header .mx-link .glyphicon {
  top: 0;
  font-size: 23px;
}
.mx-header .mx-link:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  color: rgb(4.0434782609, 11.4565217391, 10.7826086957);
}
.mx-header .mx-link,
.mx-header .btn,
.mx-header img {
  padding: 0 8px;
}
.mx-header .mx-sidebartoggle {
  font-size: 24px;
  line-height: 45px;
}
.mx-header .mx-sidebartoggle img {
  height: 20px;
}

body[dir=rtl] .mx-header-left {
  order: 3;
}
body[dir=rtl] .mx-header-right {
  order: 1;
}

/* ==========================================================================
   Glyphicons

   Default Mendix Glyphicons
========================================================================== */
.mx-glyphicon:before {
  display: inline-block;
  margin-top: -0.2em;
  margin-right: 0.4555555em;
  vertical-align: middle;
  font-family: "Glyphicons Halflings";
  font-weight: 300;
  font-style: normal;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Groupbox

   Default Mendix Groupboxes
========================================================================== */
.mx-groupbox {
  margin: 0;
}
.mx-groupbox > .mx-groupbox-header {
  margin: 0;
  color: #555;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background: #DDDDDD;
  font-size: 16px;
}
.mx-groupbox > .mx-groupbox-header .mx-groupbox-collapse-icon {
  margin-top: 0.1em;
}
.mx-groupbox > .mx-groupbox-body {
  padding: 10px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #FFFFFF;
}
.mx-groupbox .mx-groupbox-header + .mx-groupbox-body {
  border-top: none;
}
/* ==========================================================================
   Groupbox

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.groupbox-default > .mx-groupbox-header {
  color: #555;
  border-color: #DDDDDD;
  background: #DDDDDD;
}
.groupbox-default > .mx-groupbox-body {
  border-color: #DDDDDD;
}

.groupbox-primary > .mx-groupbox-header {
  color: #FFF;
  border-color: #184440;
  background: #184440;
}
.groupbox-primary > .mx-groupbox-body {
  border-color: #184440;
}

.groupbox-inverse > .mx-groupbox-header {
  color: #FFF;
  border-color: #252C36;
  background: #252C36;
}
.groupbox-inverse > .mx-groupbox-body {
  border-color: #252C36;
}

.groupbox-success > .mx-groupbox-header {
  color: #FFF;
  border-color: #76CA02;
  background: #76CA02;
}
.groupbox-success > .mx-groupbox-body {
  border-color: #76CA02;
}

.groupbox-info > .mx-groupbox-header {
  color: #FFF;
  border-color: #48B0F7;
  background: #48B0F7;
}
.groupbox-info > .mx-groupbox-body {
  border-color: #48B0F7;
}

.groupbox-warning > .mx-groupbox-header {
  color: #FFF;
  border-color: #F99B1D;
  background: #F99B1D;
}
.groupbox-warning > .mx-groupbox-body {
  border-color: #F99B1D;
}

.groupbox-danger > .mx-groupbox-header {
  color: #FFF;
  border-color: #ED1C24;
  background: #ED1C24;
}
.groupbox-danger > .mx-groupbox-body {
  border-color: #ED1C24;
}

.groupbox-white > .mx-groupbox-header {
  color: #555;
  border-color: #FFF;
  background: #FFF;
}
.groupbox-white > .mx-groupbox-body {
  border-color: #FFF;
}

.groupbox-transparent {
  border-bottom: 1px solid #d7d7d7;
}
.groupbox-transparent > .mx-groupbox-header {
  padding: 15px 0;
  color: #222;
  border-style: none;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
}
.groupbox-transparent .mx-groupbox-body {
  padding: 15px 0;
  border-style: none;
  background-color: transparent;
}
.groupbox-transparent .mx-groupbox-collapse-icon {
  color: #184440;
}

.groupbox-h1 > .mx-groupbox-header {
  font-size: 31px;
}

.groupbox-h2 > .mx-groupbox-header {
  font-size: 26px;
}

.groupbox-h3 > .mx-groupbox-header {
  font-size: 24px;
}

.groupbox-h4 > .mx-groupbox-header {
  font-size: 18px;
}

.groupbox-h5 > .mx-groupbox-header {
  font-size: 16px;
}

.groupbox-h6 > .mx-groupbox-header {
  font-size: 14px;
}

.groupbox-callout > .mx-groupbox-header,
.groupbox-callout > .mx-groupbox-body {
  border: 0;
  background-color: rgb(218.4, 239.2, 253.4);
}
.groupbox-callout .mx-groupbox-header + .mx-groupbox-body {
  padding-top: 0;
}

.groupbox-info.groupbox-callout > .mx-groupbox-header,
.groupbox-info.groupbox-callout > .mx-groupbox-body {
  background-color: rgb(218.4, 239.2, 253.4);
}
.groupbox-info.groupbox-callout > .mx-groupbox-header {
  color: #48B0F7;
}

.groupbox-success.groupbox-callout > .mx-groupbox-header,
.groupbox-success.groupbox-callout > .mx-groupbox-body {
  background-color: rgb(227.6, 244.4, 204.4);
}
.groupbox-success.groupbox-callout > .mx-groupbox-header {
  color: #76CA02;
}

.groupbox-warning.groupbox-callout > .mx-groupbox-header,
.groupbox-warning.groupbox-callout > .mx-groupbox-body {
  background-color: rgb(253.8, 235, 209.8);
}
.groupbox-warning.groupbox-callout > .mx-groupbox-header {
  color: #F99B1D;
}

.groupbox-danger.groupbox-callout > .mx-groupbox-header,
.groupbox-danger.groupbox-callout > .mx-groupbox-body {
  background-color: rgb(251.4, 209.6, 211.2);
}
.groupbox-danger.groupbox-callout > .mx-groupbox-header {
  color: #ED1C24;
}

/* ==========================================================================
   Images

   Default Mendix Image Widgets
========================================================================== */
img.img-rounded,
.img-rounded img {
  border-radius: 6px;
}

img.img-thumbnail,
.img-thumbnail img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  line-height: 1.428571429;
}

img.img-circle,
.img-circle img {
  border-radius: 50%;
}

img.img-auto,
.img-auto img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
}

img.img-center,
.img-center img {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* ==========================================================================
   Labels

   Default labels combined with Bootstrap labels
========================================================================== */
.label {
  display: inline-block;
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  color: #ffffff;
  border-radius: 0.25em;
  font-size: 100%;
  line-height: 1;
  margin: 0;
}
.label .form-control-static, .label .form-group div[class*=textBox] > .control-label, .form-group .label div[class*=textBox] > .control-label,
.label .form-group div[class*=textArea] > .control-label,
.form-group .label div[class*=textArea] > .control-label,
.label .form-group div[class*=datePicker] > .control-label,
.form-group .label div[class*=datePicker] > .control-label {
  all: unset;
  font-weight: 300;
}

/* ==========================================================================
   Labels

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.label-default {
  color: #555;
  background-color: #DDDDDD;
}

.label-primary {
  color: #FFF;
  background-color: #184440;
}

.label-success {
  color: #FFF;
  background-color: #76CA02;
}

.label-inverse {
  color: #FFF;
  background-color: #252C36;
}

.label-info {
  color: #FFF;
  background-color: #48B0F7;
}

.label-warning {
  color: #FFF;
  background-color: #F99B1D;
}

.label-danger {
  color: #FFF;
  background-color: #ED1C24;
}

/* ==========================================================================
   Listview

   Default Mendix Listview Widget. The list view shows a list of objects arranged vertically. Each object is shown using a template
========================================================================== */
.mx-listview {
  padding: 0;
  /* Clear search button (overrides load more button stying) */
}
.mx-listview .mx-listview-searchbar {
  margin-bottom: 15px;
}
.mx-listview .mx-listview-searchbar .btn {
  width: auto;
}
.mx-listview {
  /* Load more button */
}
.mx-listview > .btn {
  width: 100%;
  margin: 10px auto;
}
.mx-listview > ul {
  margin: 0;
}
.mx-listview > ul .mx-listview-empty {
  border-style: none;
  background-color: transparent;
}
.mx-listview > ul > li {
  -webkit-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: initial;
  padding: 15px 15px 15px 15px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #d7d7d7;
  background-color: #FFF;
}
.mx-listview > ul > li:first-child {
  border-radius: 0;
}
.mx-listview > ul > li:last-child {
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
}
.mx-listview > ul > li:focus, .mx-listview > ul > li:active {
  outline: 0;
  background-color: #f7f7f7;
}
.mx-listview > ul > li.selected {
  background-color: #184440;
}
.mx-listview .mx-layoutgrid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.profile-phone .mx-listview .mx-listview-searchbar {
  margin-bottom: 3px;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.profile-phone .mx-listview .mx-listview-searchbar input {
  padding: 14px 15px;
  color: #555555;
  border-style: none;
  border-radius: 0;
  box-shadow: none;
}
.profile-phone .mx-listview .mx-listview-searchbar .btn {
  padding: 14px 15px;
  color: inherit;
  border-style: none;
}
.profile-phone .mx-listview > ul > li:first-child {
  border-top: none;
}

/* ==========================================================================
   Listview

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.listview-bordered.mx-listview > ul > li {
  border: 1px solid #d7d7d7;
  border-top: 0;
}
.listview-bordered.mx-listview > ul > li:first-child {
  border-top: 1px solid #d7d7d7;
  border-radius: 0;
}
.listview-bordered.mx-listview > ul > li:last-child {
  border-radius: 0;
}

.listview-striped.mx-listview > ul > li:nth-child(2n+1) {
  background-color: #fbfbfb;
}

.listview-seperated.mx-listview > ul > li {
  margin-bottom: 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

.listview-stylingless.mx-listview > ul > li {
  padding: 0;
  cursor: default;
  border: 0;
  background-color: transparent;
}
.listview-stylingless.mx-listview > ul > li:hover, .listview-stylingless.mx-listview > ul > li:focus, .listview-stylingless.mx-listview > ul > li:active {
  background-color: transparent;
}
.listview-stylingless.mx-listview > ul > li.selected {
  background-color: transparent !important;
}
.listview-stylingless.mx-listview > ul > li.selected:hover, .listview-stylingless.mx-listview > ul > li.selected:focus, .listview-stylingless.mx-listview > ul > li.selected:active {
  background-color: transparent !important;
}

.listview-hover.mx-listview > ul > li:hover, .listview-hover.mx-listview > ul > li:focus, .listview-hover.mx-listview > ul > li:active {
  background-color: #f7f7f7 !important;
}
.listview-hover.mx-listview > ul > li.selected:hover, .listview-hover.mx-listview > ul > li.selected:focus, .listview-hover.mx-listview > ul > li.selected:active {
  background-color: #ebebeb !important;
}

.listview-lg.mx-listview > ul > li {
  padding: 30px 30px 30px 30px;
}

.listview-sm.mx-listview > ul > li {
  padding: 7.5px 7.5px 7.5px 7.5px;
}

.mx-listview[class*=lv-col] {
  overflow: hidden;
}
.mx-listview[class*=lv-col] > ul {
  display: block;
  margin-right: -15px;
  margin-left: -15px;
}
.mx-listview[class*=lv-col] > ul::before, .mx-listview[class*=lv-col] > ul::after {
  display: table;
  clear: both;
  content: " ";
}
.mx-listview[class*=lv-col] > ul > li {
  position: relative;
  display: block;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  border: 0;
}
@media (max-width: 1199px) {
  .mx-listview[class*=lv-col] > ul > li {
    width: 100% !important;
  }
}
.mx-listview[class*=lv-col] > ul > li > .mx-dataview {
  overflow: hidden;
}
.mx-listview[class*=lv-col].lv-col-xs-12 > ul > li {
  width: 100% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-11 > ul > li {
  width: 91.66666667% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-10 > ul > li {
  width: 83.33333333% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-9 > ul > li {
  width: 75% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-8 > ul > li {
  width: 66.66666667% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-7 > ul > li {
  width: 58.33333333% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-6 > ul > li {
  width: 50% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-5 > ul > li {
  width: 41.66666667% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-4 > ul > li {
  width: 33.33333333% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-3 > ul > li {
  width: 25% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-2 > ul > li {
  width: 16.66666667% !important;
}
.mx-listview[class*=lv-col].lv-col-xs-1 > ul > li {
  width: 8.33333333% !important;
}
@media (min-width: 992px) {
  .mx-listview[class*=lv-col].lv-col-sm-12 > ul > li {
    width: 100% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-11 > ul > li {
    width: 91.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-10 > ul > li {
    width: 83.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-9 > ul > li {
    width: 75% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-8 > ul > li {
    width: 66.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-7 > ul > li {
    width: 58.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-6 > ul > li {
    width: 50% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-5 > ul > li {
    width: 41.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-4 > ul > li {
    width: 33.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-3 > ul > li {
    width: 25% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-2 > ul > li {
    width: 16.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-sm-1 > ul > li {
    width: 8.33333333% !important;
  }
}
@media (min-width: 1200px) {
  .mx-listview[class*=lv-col].lv-col-md-12 > ul > li {
    width: 100% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-11 > ul > li {
    width: 91.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-10 > ul > li {
    width: 83.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-9 > ul > li {
    width: 75% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-8 > ul > li {
    width: 66.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-7 > ul > li {
    width: 58.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-6 > ul > li {
    width: 50% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-5 > ul > li {
    width: 41.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-4 > ul > li {
    width: 33.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-3 > ul > li {
    width: 25% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-2 > ul > li {
    width: 16.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-md-1 > ul > li {
    width: 16.66666667% !important;
  }
}
@media (min-width: 1200px) {
  .mx-listview[class*=lv-col].lv-col-lg-12 > ul > li {
    width: 100% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-11 > ul > li {
    width: 91.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-10 > ul > li {
    width: 83.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-9 > ul > li {
    width: 75% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-8 > ul > li {
    width: 66.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-7 > ul > li {
    width: 58.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-6 > ul > li {
    width: 50% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-5 > ul > li {
    width: 41.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-4 > ul > li {
    width: 33.33333333% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-3 > ul > li {
    width: 25% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-2 > ul > li {
    width: 16.66666667% !important;
  }
  .mx-listview[class*=lv-col].lv-col-lg-1 > ul > li {
    width: 8.33333333% !important;
  }
}

/* ==========================================================================
   Modals

   Default Mendix Modals. Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults
========================================================================== */
.modal-dialog .modal-content {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.modal-dialog .modal-content .modal-header {
  padding: 15px 20px;
  border-bottom-color: #d7d7d7;
  border-radius: 0;
  background-color: transparent;
}
.modal-dialog .modal-content .modal-header h4 {
  margin: 0;
  color: #555;
  font-size: 16px;
  font-weight: bold;
}
.modal-dialog .modal-content .modal-header .close {
  margin-top: -3px;
  opacity: 1;
  /* For IE8 and earlier */
  color: #555;
  text-shadow: none;
  filter: alpha(opacity=100);
}
.modal-dialog .modal-content .modal-body {
  padding: 20px;
}
.modal-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  padding: 20px;
  border-style: none;
}

.mx-window.mx-window-view .mx-window-body {
  overflow: hidden;
  padding: 0;
}
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content {
  padding: 20px;
}
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 20px;
  text-align: left;
  border-top: 1px solid #d7d7d7;
}
.mx-window .mx-dataview-controls {
  padding-bottom: 0;
}
.mx-window .mx-layoutgrid {
  padding-right: 0;
  padding-left: 0;
}

.mx-login .modal-body {
  padding: 0 15px;
}
.mx-login .modal-content input {
  height: 56px;
  padding: 12px 12px;
  border: 1px solid #EEEEEE;
  background: #EEEEEE;
  box-shadow: none;
  font-size: 16px;
}
.mx-login .modal-content input:focus {
  border-color: #66AFE9;
}
.mx-login .modal-header,
.mx-login .modal-footer {
  border: 0;
}
.mx-login button {
  font-size: 16px;
}
.mx-login h4 {
  color: #AAAAAA;
  font-size: 20px;
  font-weight: bold;
}

/* ==========================================================================
   Navigation

   Default Mendix Navigation Bar
========================================================================== */
.mx-navbar {
  margin: 0;
  border-style: none;
  border-radius: 0;
  background-color: #222;
}
.mx-navbar ul.nav {
  margin: 0;
  /* Navigation item */
}
.mx-navbar ul.nav > li.mx-navbar-item > a {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 5px 15px;
  vertical-align: middle;
  color: #FFF;
  border-radius: 0;
  font-size: 14px;
  font-weight: 300;
  /* Dropdown arrow */
}
.mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.mx-navbar ul.nav > li.mx-navbar-item > a:hover, .mx-navbar ul.nav > li.mx-navbar-item > a:focus, .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  text-decoration: none;
  color: #FFF;
  background-color: rgb(44.2, 44.2, 44.2);
}
.mx-navbar ul.nav > li.mx-navbar-item > a:hover .caret, .mx-navbar ul.nav > li.mx-navbar-item > a:focus .caret, .mx-navbar ul.nav > li.mx-navbar-item > a.active .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #FFF;
  background-color: rgb(54.4, 54.4, 54.4);
}
.mx-navbar ul.nav > li.mx-navbar-item > a {
  /* Dropdown */
}
.mx-navbar ul.nav > li.mx-navbar-item > a .mx-navbar-submenu::before {
  position: absolute;
  top: -9px;
  left: 15px;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  border-width: 0 9px 9px 9px;
  border-style: solid;
  border-color: transparent transparent rgb(44.2, 44.2, 44.2) transparent;
}
.mx-navbar ul.nav > li.mx-navbar-item > a img {
  width: 20px;
  height: auto;
  margin-right: 0.5em;
}
.mx-navbar ul.nav > li.mx-navbar-item > a .glyphicon {
  top: 0;
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 20px;
}
.mx-navbar ul.nav > .mx-navbar-item.active a {
  color: #FFF;
}
.mx-navbar ul.nav {
  /* When hovering or the dropdown is open */
}
.mx-navbar ul.nav > .mx-navbar-item > a:hover, .mx-navbar ul.nav > .mx-navbar-item > a:focus, .mx-navbar ul.nav > .mx-navbar-item.open > a, .mx-navbar ul.nav > .mx-navbar-item.open > a:hover, .mx-navbar ul.nav > .mx-navbar-item.open > a:focus {
  text-decoration: none;
  color: #FFF;
  background-color: rgb(44.2, 44.2, 44.2);
}
.mx-navbar ul.nav > .mx-navbar-item > a:hover .caret, .mx-navbar ul.nav > .mx-navbar-item > a:focus .caret, .mx-navbar ul.nav > .mx-navbar-item.open > a .caret, .mx-navbar ul.nav > .mx-navbar-item.open > a:hover .caret, .mx-navbar ul.nav > .mx-navbar-item.open > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #184440;
  background-color: rgb(23.8, 23.8, 23.8);
}
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #184440;
  border-bottom-color: #184440;
}
@media (max-width: 992px) {
  .mx-navbar ul.nav > li.mx-navbar-item > a {
    padding: 10px 20px;
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu {
    padding: 0;
    border-radius: 0;
    background-color: rgb(23.8, 23.8, 23.8);
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    padding: 10px 20px;
    color: #AAA;
    border-radius: 0;
    font-size: 10px;
    font-weight: 300;
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:hover, .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:focus {
    color: #184440;
    background-color: rgb(23.8, 23.8, 23.8);
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #184440;
    background-color: rgb(23.8, 23.8, 23.8);
  }
}
.mx-navbar {
  /* remove focus */
}
.mx-navbar:focus {
  outline: 0;
}

/* ==========================================================================
   Navigation

//== Regions
//## Behavior in the different regions
========================================================================== */
.region-topbar .mx-navbar {
  background-color: #FFF;
}
.region-topbar .mx-navbar ul.nav {
  /* Navigation item */
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
  color: #555;
  font-size: 14px;
  /* Dropdown arrow */
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a:hover, .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a:focus, .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #555;
  background-color: rgb(244.8, 244.8, 244.8);
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a:hover .caret, .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a:focus .caret, .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a.active .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #555;
  background-color: rgb(234.6, 234.6, 234.6);
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
  /* Dropdown */
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a .mx-navbar-submenu::before {
  border-color: transparent transparent #d7d7d7 transparent;
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a .glyphicon {
  font-size: 1.2em;
}
.region-topbar .mx-navbar ul.nav {
  /* When hovering or the dropdown is open */
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item > a:hover, .region-topbar .mx-navbar ul.nav > .mx-navbar-item > a:focus, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.active a, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a:hover, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a:focus {
  color: #555;
  background-color: rgb(244.8, 244.8, 244.8);
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item > a:hover .caret, .region-topbar .mx-navbar ul.nav > .mx-navbar-item > a:focus .caret, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.active a .caret, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a .caret, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a:hover .caret, .region-topbar .mx-navbar ul.nav > .mx-navbar-item.open > a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #FFF;
  background-color: white;
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
@media (max-width: 992px) {
  .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu {
    background-color: white;
  }
  .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    color: #AAA;
    font-size: 10px;
  }
  .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:hover, .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:focus {
    color: #184440;
    background-color: white;
  }
  .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #FFF;
    background-color: white;
  }
}

.region-sidebar .mx-navbar {
  background-color: #252C36;
}
.region-sidebar .mx-navbar ul.nav {
  /* Navigation item */
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a {
  color: #FFF;
  font-size: 12px;
  /* Dropdown arrow */
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a:hover, .region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a:focus, .region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #FFF;
  background-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a:hover .caret, .region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a:focus .caret, .region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a.active .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #FFF;
  background-color: rgb(53.589010989, 63.7274725275, 78.210989011);
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a {
  /* Dropdown */
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a .mx-navbar-submenu::before {
  border-color: transparent transparent rgb(45.2945054945, 53.8637362637, 66.1054945055) transparent;
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a .glyphicon {
  font-size: 20px;
}
.region-sidebar .mx-navbar ul.nav {
  /* When hovering or the dropdown is open */
}
.region-sidebar .mx-navbar ul.nav > .mx-navbar-item > a:hover, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item > a:focus, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.active a, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a:hover, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a:focus {
  color: #FFF;
  background-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
}
.region-sidebar .mx-navbar ul.nav > .mx-navbar-item > a:hover .caret, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item > a:focus .caret, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.active a .caret, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a .caret, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a:hover .caret, .region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #184440;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #184440;
  border-bottom-color: #184440;
}
@media (max-width: 992px) {
  .region-sidebar .mx-navbar .mx-navbar-item.open .dropdown-menu {
    background-color: white;
  }
  .region-sidebar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    color: #AAA;
    font-size: 12px;
  }
  .region-sidebar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:hover, .region-sidebar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:focus {
    color: rgb(50.6086956522, 143.3913043478, 134.9565217391);
    background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  }
  .region-sidebar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #184440;
    background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  }
}

/* ==========================================================================
   Navigation List

   Default Mendix Navigation List Widget. A navigation list can be used to attach an action to an entire row. Such a row is called a navigation list item
========================================================================== */
.mx-navigationlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-navigationlist li.mx-navigationlist-item {
  -webkit-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: initial;
  padding: 15px 15px 15px 15px;
  border-width: 1px;
  border-style: none none solid none;
  border-color: #d7d7d7;
  border-radius: 0;
  background-color: #FFF;
}
.mx-navigationlist li.mx-navigationlist-item:hover, .mx-navigationlist li.mx-navigationlist-item:focus {
  color: inherit;
  background-color: #f7f7f7;
}
.mx-navigationlist li.mx-navigationlist-item.active {
  color: inherit;
  background-color: #184440;
}

/* ==========================================================================
   Navigation

   Default Mendix Navigation Tree
========================================================================== */
.mx-navigationtree {
  background-color: #222;
  /* Every navigation item */
}
.mx-navigationtree .navbar-inner > ul {
  margin: 0;
  padding-left: 0;
}
.mx-navigationtree .navbar-inner > ul > li {
  padding: 0;
  border-style: none;
}
.mx-navigationtree .navbar-inner > ul > li > a {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 5px 15px;
  color: #FFF;
  border-bottom: 1px solid rgb(44.2, 44.2, 44.2);
  border-radius: 0;
  background-color: #222;
  text-shadow: none;
  font-size: 14px;
  font-weight: 300;
}
.mx-navigationtree .navbar-inner > ul > li > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.mx-navigationtree .navbar-inner > ul > li > a img {
  width: 20px;
  height: auto;
  margin-right: 0.5em;
}
.mx-navigationtree .navbar-inner > ul > li > a .glyphicon {
  top: 0;
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 20px;
}
.mx-navigationtree .navbar-inner > ul > li a:hover,
.mx-navigationtree .navbar-inner > ul > li a:focus,
.mx-navigationtree .navbar-inner > ul > li a.active {
  text-decoration: none;
  color: #FFF;
  background-color: rgb(44.2, 44.2, 44.2);
}
.mx-navigationtree .navbar-inner > ul > li a:hover .caret,
.mx-navigationtree .navbar-inner > ul > li a:focus .caret,
.mx-navigationtree .navbar-inner > ul > li a.active .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.mx-navigationtree .navbar-inner > ul > li a.active {
  color: #FFF;
  border-left-color: #FFF;
  background-color: rgb(54.4, 54.4, 54.4);
}
.mx-navigationtree {
  /* Sub navigation item specific */
}
.mx-navigationtree li.mx-navigationtree-has-items > ul {
  margin: 0;
  padding-left: 0;
  background-color: rgb(23.8, 23.8, 23.8);
}
.mx-navigationtree li.mx-navigationtree-has-items > ul li {
  margin: 0;
  padding: 0;
  border: 0;
}
.mx-navigationtree li.mx-navigationtree-has-items > ul li a {
  padding: 12px 20px 12px 25px;
  text-decoration: none;
  color: #AAA;
  border: 0;
  background-color: rgb(23.8, 23.8, 23.8);
  text-shadow: none;
  font-size: 10px;
  font-weight: 300;
}
.mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #184440;
  outline: 0;
  background-color: rgb(23.8, 23.8, 23.8);
}
.mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #184440;
  border: 0;
  background-color: rgb(23.8, 23.8, 23.8);
}
.mx-navigationtree {
  /* remove focus */
}
.mx-navigationtree:focus {
  outline: 0;
}

/* ==========================================================================
   Navigation

//== Regions
//## Behavior in the different regions
========================================================================== */
.region-topbar .mx-navigationtree {
  background-color: #FFF;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li > a {
  color: #555;
  border-color: #d7d7d7;
  background-color: #FFF;
  font-size: 14px;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li > a .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li > a .glyphicon {
  font-size: 1.2em;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li a:hover,
.region-topbar .mx-navigationtree .navbar-inner > ul > li a:focus,
.region-topbar .mx-navigationtree .navbar-inner > ul > li a.active {
  color: #555;
  background-color: rgb(244.8, 244.8, 244.8);
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li a:hover .caret,
.region-topbar .mx-navigationtree .navbar-inner > ul > li a:focus .caret,
.region-topbar .mx-navigationtree .navbar-inner > ul > li a.active .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li a.active {
  color: #555;
  border-left-color: #555;
  background-color: rgb(234.6, 234.6, 234.6);
}
.region-topbar .mx-navigationtree {
  /* Sub navigation item specific */
}
.region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul {
  background-color: white;
}
.region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a {
  color: #AAA;
  background-color: white;
  font-size: 10px;
}
.region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #184440;
  background-color: white;
}
.region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #FFF;
  background-color: white;
}

.region-sidebar .mx-navigationtree {
  background-color: #252C36;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
  color: #FFF;
  border-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
  background-color: #252C36;
  font-size: 12px;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .glyphicon {
  font-size: 20px;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a:hover,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a:focus,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a.active {
  color: #FFF;
  background-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a:hover .caret,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a:focus .caret,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a.active .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li a.active {
  color: #FFF;
  border-left-color: #FFF;
  background-color: rgb(53.589010989, 63.7274725275, 78.210989011);
}
.region-sidebar .mx-navigationtree {
  /* Sub navigation item specific */
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul {
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a {
  color: #AAA;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  font-size: 12px;
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: rgb(50.6086956522, 143.3913043478, 134.9565217391);
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #184440;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}

.nav-content-center-text-icons.mx-navigationtree .navbar-inner ul a {
  flex-direction: column;
  justify-content: center;
}
.nav-content-center-text-icons.mx-navigationtree .navbar-inner ul a .glyphicon {
  margin: 0 0 5px 0;
}

.nav-content-center.mx-navigationtree .navbar-inner ul a {
  justify-content: center;
}

/* ==========================================================================
   Popup Menu

   Default Mendix Popup Menus
========================================================================== */
.popupmenu {
  position: relative;
  display: inline-flex;
}

.popupmenu-trigger {
  cursor: pointer;
}

.popupmenu-menu {
  position: absolute;
  z-index: 999;
  display: none;
  flex-direction: column;
  width: max-content;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: 0 2px 20px 1px rgba(5, 15, 129, 0.05), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
}
.popupmenu-menu.popupmenu-position-left {
  top: 0;
  left: 0;
  transform: translateX(-100%);
}
.popupmenu-menu.popupmenu-position-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.popupmenu-menu.popupmenu-position-top {
  top: 0;
  transform: translateY(-100%);
}
.popupmenu-menu.popupmenu-position-bottom {
  bottom: 0;
  transform: translateY(100%);
}
.popupmenu-menu .popupmenu-basic-item:first-child,
.popupmenu-menu .popupmenu-custom-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.popupmenu-menu .popupmenu-basic-item:last-child,
.popupmenu-menu .popupmenu-custom-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.popupmenu-basic-divider {
  width: 100%;
  height: 1px;
  background-color: #DDDDDD;
}

.popupmenu-basic-item {
  padding: 12px 16px;
  color: #555;
  font-size: 14px;
}
.popupmenu-basic-item:hover, .popupmenu-basic-item:focus, .popupmenu-basic-item:active {
  cursor: pointer;
  border-color: #F5F8FD;
  background-color: #F5F8FD;
}
.popupmenu-basic-item-inverse {
  color: #252C36;
}
.popupmenu-basic-item-primary {
  color: #184440;
}
.popupmenu-basic-item-info {
  color: #48B0F7;
}
.popupmenu-basic-item-success {
  color: #76CA02;
}
.popupmenu-basic-item-warning {
  color: #F99B1D;
}
.popupmenu-basic-item-danger {
  color: #ED1C24;
}

.popupmenu-custom-item:hover, .popupmenu-custom-item:focus, .popupmenu-custom-item:active {
  cursor: pointer;
  border-color: #F5F8FD;
  background-color: #F5F8FD;
}

/* ==========================================================================
   Navigation

   Default Mendix Simple Menu Bar
========================================================================== */
.mx-menubar {
  padding: 0;
  background-color: #222;
}
.mx-menubar ul.mx-menubar-list {
  display: flex;
  width: 100%;
  min-height: 50px;
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item {
  margin: 0;
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item > a {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5px 15px;
  white-space: nowrap;
  color: #FFF;
  border-radius: 0;
  font-size: 14px;
  font-weight: 300;
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item > a img {
  margin-right: 0.5em;
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item > a .glyphicon {
  top: -1px;
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 20px;
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a:hover,
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a:focus, .mx-menubar ul.mx-menubar-list li.mx-menubar-item:hover a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item:focus a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  text-decoration: none;
  color: #FFF;
  background-color: rgb(44.2, 44.2, 44.2);
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #FFF;
  background-color: rgb(54.4, 54.4, 54.4);
}
.mx-menubar {
  /* remove focus */
}
.mx-menubar:focus {
  outline: 0;
}

.mx-menubar-vertical {
  background-color: #222;
}
.mx-menubar-vertical ul.mx-menubar-list {
  display: flex;
}
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item {
  display: block;
}
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a {
  border-bottom: 1px solid rgb(44.2, 44.2, 44.2);
}

.mx-menubar-horizontal {
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.14);
}
.mx-menubar-horizontal ul.mx-menubar-list li.mx-menubar-item {
  width: auto;
}
.mx-menubar-horizontal ul.mx-menubar-list li.mx-menubar-item a {
  width: 100%;
}
.mx-menubar-horizontal {
  /* Two menu items */
}
.mx-menubar-horizontal.menubar-col-6 ul.mx-menubar-list li.mx-menubar-item {
  width: 50%;
}
.mx-menubar-horizontal {
  /* Three menu items */
}
.mx-menubar-horizontal.menubar-col-4 ul.mx-menubar-list li.mx-menubar-item {
  width: 33.33333333%;
}
.mx-menubar-horizontal {
  /* Four menu items */
}
.mx-menubar-horizontal.menubar-col-3 ul.mx-menubar-list li.mx-menubar-item {
  width: 25%;
}
.mx-menubar-horizontal {
  /* Five menu items */
}
.mx-menubar-horizontal.menubar-col-2 ul.mx-menubar-list li.mx-menubar-item {
  width: 20%;
}

.region-topbar .mx-menubar {
  background-color: #FFF;
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  color: #555;
  font-size: 14px;
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  font-size: 1.2em;
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a:hover,
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a:focus, .region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item:hover a, .region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item:focus a, .region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #555;
  background-color: rgb(244.8, 244.8, 244.8);
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #555;
  background-color: rgb(234.6, 234.6, 234.6);
}
.region-topbar .mx-menubar-vertical {
  background-color: #FFF;
}
.region-topbar .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a {
  height: 60px;
  border-color: #d7d7d7;
}

.region-sidebar .mx-menubar {
  background-color: #252C36;
}
.region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  color: #FFF;
  font-size: 12px;
}
.region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  font-size: 20px;
}
.region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a:hover,
.region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a:focus, .region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item:hover a, .region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item:focus a, .region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #FFF;
  background-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
}
.region-sidebar .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #FFF;
  background-color: rgb(53.589010989, 63.7274725275, 78.210989011);
}
.region-sidebar .mx-menubar-vertical {
  background-color: #252C36;
}
.region-sidebar .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a {
  border-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .mx-menubar {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
/* ==========================================================================
   Navigation

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.bottom-nav-text-icons.mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  flex-direction: column;
  padding: 8px 8px 6px 8px;
  line-height: normal;
  font-size: 11px;
}
.bottom-nav-text-icons.mx-menubar ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  display: block;
  margin: 0 0 5px 0;
  font-size: 18px;
}
.bottom-nav-text-icons.mx-menubar ul.mx-menubar-list li.mx-menubar-item a img {
  display: block;
  height: 18px;
  margin: 0 0 5px 0;
}

/* ==========================================================================
   Radio Buttons

   Default Mendix Radio Button Widget
========================================================================== */
.mx-radiobuttons.inline .mx-radiogroup {
  display: flex;
  flex-direction: row;
}
.mx-radiobuttons.inline .mx-radiogroup .radio {
  margin: 0 20px 0 0;
}

.mx-radiobuttons .radio:last-child {
  margin-bottom: 0;
}

.radio {
  display: flex !important;
  align-items: center;
  margin-top: 0;
}

input[type=radio] {
  position: relative !important;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=radio]::-ms-check {
  color: #d7d7d7;
  border-color: #d7d7d7;
  background-color: #FFF;
}
input[type=radio]:focus::-ms-check, input[type=radio]:checked::-ms-check {
  color: #184440;
  border-color: #184440;
  background-color: #FFF;
}
input[type=radio]:before, input[type=radio]:after {
  position: absolute;
  display: block;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
input[type=radio]:before {
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #d7d7d7;
  background-color: transparent;
}
input[type=radio]:after {
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-color: #184440;
}
input[type=radio]:not(:checked):after {
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}
input[type=radio]:not(:disabled):not(:checked):hover:after {
  background-color: #d7d7d7;
}
input[type=radio]:checked:after, input[type=radio]:not(:disabled):not(:checked):hover:after {
  content: "";
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
input[type=radio]:checked:before {
  border-color: #184440;
  background-color: #FFF;
}
input[type=radio]:disabled:before {
  background-color: #eee;
}
input[type=radio]:checked:disabled:before {
  border-color: rgba(24, 68, 64, 0.4);
}
input[type=radio]:checked:disabled:after {
  background-color: rgba(24, 68, 64, 0.4);
}
input[type=radio] + label {
  margin-left: 8px;
}

/* ==========================================================================
   Tab Container

   Default Mendix Tab Container Widget. Tab containers are used to show information categorized into multiple tab pages.
   This can be very useful if the amount of information that has to be displayed is larger than the amount of space on the screen
========================================================================== */
.mx-tabcontainer .mx-tabcontainer-tabs {
  margin-bottom: 20px;
  border-color: #d7d7d7;
}
.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  margin-right: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #888;
  font-weight: 300;
}
.mx-tabcontainer .mx-tabcontainer-tabs > li > a:hover, .mx-tabcontainer .mx-tabcontainer-tabs > li > a:focus {
  background-color: rgb(227.75, 227.75, 227.75);
}
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a, .mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:hover, .mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:focus {
  color: #555;
  border: 1px solid #d7d7d7;
  border-bottom-color: transparent;
  background-color: #FFF;
}

.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs {
  margin: 0;
  text-align: center;
  border-style: none;
  background-color: #184440;
}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li {
  display: table-cell;
  float: none;
  width: 1%;
  margin: 0;
  text-align: center;
  border-style: none;
  border-radius: 0;
}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li a {
  padding: 15px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  border-radius: 0;
  font-size: 12px;
  font-weight: 300;
}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li a:hover, .tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li a:focus {
  background-color: inherit;
}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li:last-child a {
  border-right: none;
}
.tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a, .tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:hover, .tab-mobile.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:focus {
  color: #FFFFFF;
  border-style: none;
  border-radius: 0;
  background-color: rgb(19.2, 54.4, 51.2);
}

.mx-tabcontainer-badge {
  margin-left: 8px;
  border-radius: 10px;
  background-color: #184440;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  padding: 3px 7px;
}

/* ==========================================================================
   Tab Container

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs {
  border: 0;
}
.tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li > a {
  margin-right: 2px;
  color: #888;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}
.tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li > a:hover, .tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li > a:focus {
  background-color: rgb(227.75, 227.75, 227.75);
}
.tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a, .tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:hover, .tab-pills.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:focus {
  color: #FFFFFF;
  border-color: #184440;
  background-color: #184440;
}

.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs {
  border-width: 3px;
}
.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li {
  margin-right: 30px;
  margin-bottom: -3px;
}
.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li > a {
  padding: 10px 0;
  color: #888;
  border: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 3px;
  border-radius: 0;
}
.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li > a:hover, .tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li > a:focus {
  color: #888;
  border: 0;
  border-color: transparent;
  background: transparent;
}
.tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a, .tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:hover, .tab-lined.mx-tabcontainer > .mx-tabcontainer-tabs li.active > a:focus {
  color: #184440;
  border: 0;
  border-bottom: 3px solid #184440;
  background-color: transparent;
}

.tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs {
  width: 100%;
  border-bottom: 0;
}
.tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs > li {
  display: table-cell;
  float: none;
  width: 1%;
  margin: 0;
}
@media (max-width: 991px) {
  .tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs > li {
    display: block;
    width: 100%;
  }
}
.tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs > li > a {
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
}
.tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a {
  border-bottom-color: transparent;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .tab-justified.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a {
    border-bottom-color: #d7d7d7;
  }
}

.tab-bordered.mx-tabcontainer > .mx-tabcontainer-tabs {
  margin: 0;
}
.tab-bordered.mx-tabcontainer > .mx-tabcontainer-content {
  padding: 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d7d7d7;
  background-color: #FFFFFF;
}

.tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-style: none;
}
.tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs::before {
  position: absolute;
  top: 16px;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #d7d7d7;
}
.tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs > li {
  position: relative;
  float: none;
  width: 100%;
  text-align: center;
}
.tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs > li > a {
  width: 33px;
  height: 33px;
  margin: auto;
  padding: 0;
  text-align: center;
  color: #DDDDDD;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
}
.tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a, .tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:hover, .tab-wizard.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:focus {
  color: #FFFFFF;
  border-color: #184440;
  background-color: #184440;
}

/* ==========================================================================
   Tables

   Default Mendix Table Widget. Tables can be used to lend structure to a page. They contain a number of rows (tr) and columns, the intersection of which is called a cell (td). Each cell can contain widgets
========================================================================== */
th {
  font-weight: bold;
}

html body .mx-page table.mx-table th.nopadding,
html body .mx-page table.mx-table td.nopadding {
  padding: 0;
}

table.mx-table > tbody {
  /* Table row */
}
table.mx-table > tbody > tr {
  /* Table header */
}
table.mx-table > tbody > tr > th {
  padding: 8px 8px 8px 8px;
}
table.mx-table > tbody > tr > th s * {
  color: #333;
  font-weight: bold;
  font-weight: 500;
}
table.mx-table > tbody > tr > th > label {
  padding-top: 7px;
  padding-bottom: 6px;
}
table.mx-table > tbody > tr {
  /* Table cells */
}
table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}
table.mx-table > tbody > tr > td > div > label,
table.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  padding-top: 7px;
  padding-bottom: 6px;
}

.mx-templategrid table.mx-table > tbody > tr > th,
.mx-templategrid table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

.mx-list table.mx-table > tbody > tr > th,
.mx-list table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

/* ==========================================================================
   Tables

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
table.table-lined.mx-table > tbody > tr > td {
  border-width: 1px 0;
  border-style: solid;
  border-color: #d7d7d7;
}

table.table-bordered.mx-table > tbody > tr > th,
table.table-bordered.mx-table > tbody > tr > td {
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7;
}

table.table-compact.mx-table > tbody > tr > th,
table.table-compact.mx-table > tbody > tr > td {
  padding-top: 2px;
  padding-bottom: 2px;
}

table.table-sideless.mx-table > tbody > tr > td,
table.table-sideless.mx-table > tbody > tr > th {
  padding-right: 0;
}
table.table-sideless.mx-table > tbody > tr > th:first-child,
table.table-sideless.mx-table > tbody > tr > td:first-child {
  padding-left: 0;
}

table.table-spaceless.mx-table > tbody > tr > th,
table.table-spaceless.mx-table > tbody > tr > td {
  padding: 0;
}

table.table-vertical.mx-table > tbody > tr > th {
  padding-bottom: 0;
}
table.table-vertical.mx-table > tbody > tr > th > label {
  padding: 0;
}
table.table-vertical.mx-table > tbody > tr > th > div > label {
  padding: 0;
}

table.table-align-vertical-middle.mx-table > tbody > tr > th,
table.table-align-vertical-middle.mx-table > tbody > tr > td {
  vertical-align: middle;
}

table.table-label-compact.mx-table > tbody > tr > th > label,
table.table-label-compact.mx-table > tbody > tr > td > label {
  margin: 0;
  padding: 0;
}
table.table-label-compact.mx-table > tbody > tr > th > div > label,
table.table-label-compact.mx-table > tbody > tr > th .mx-referenceselector-input-wrapper label,
table.table-label-compact.mx-table > tbody > tr > td > div > label,
table.table-label-compact.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  margin: 0;
  padding: 0;
}

table.table-row-s.mx-table > tbody > tr > th,
table.table-row-s.mx-table > tbody > tr > td {
  height: 55px;
}

table.table-row-m.mx-table > tbody > tr > th,
table.table-row-m.mx-table > tbody > tr > td {
  height: 70px;
}

table.table-row-l.mx-table > tbody > tr > th,
table.table-row-l.mx-table > tbody > tr > td {
  height: 120px;
}

table.table-fixed {
  table-layout: fixed;
}

/* ==========================================================================
   Templategrid

   Default Mendix Templategrid Widget. The template grid shows a list of objects in a tile view. For example, a template grid can show a list of products. The template grid has a lot in common with the data grid. The main difference is that the objects are shown in templates (a sort of small data view) instead of rows
========================================================================== */
.mx-templategrid .mx-templategrid-content-wrapper {
  table-layout: fixed;
}
.mx-templategrid .mx-templategrid-item {
  padding: 15px 15px 15px 15px;
  cursor: default;
  background-color: #FFF;
}
.mx-templategrid .mx-templategrid-item:hover {
  background-color: transparent;
}
.mx-templategrid .mx-templategrid-item.selected {
  background-color: #184440 !important;
}
.mx-templategrid .mx-layoutgrid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ==========================================================================
   Templategrid

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.templategrid-selectable.mx-templategrid .mx-templategrid-item {
  cursor: pointer;
}

.templategrid-lined.mx-templategrid .mx-grid-content {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #d7d7d7;
}
.templategrid-lined.mx-templategrid .mx-templategrid-item {
  border-top: 1px solid #d7d7d7;
  border-right: none;
  border-bottom: 1px solid #d7d7d7;
  border-left: none;
}

.templategrid-striped.mx-templategrid .mx-templategrid-row:nth-child(odd) .mx-templategrid-item {
  background-color: #F9F9F9;
}

.templategrid-stylingless.mx-templategrid .mx-templategrid-item {
  padding: 0;
  cursor: default;
  border: 0;
  background-color: transparent;
}
.templategrid-stylingless.mx-templategrid .mx-templategrid-item:hover {
  background-color: transparent;
}
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected {
  background-color: transparent !important;
}
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: transparent !important;
}

.templategrid-transparent.mx-templategrid .mx-templategrid-item {
  border: 0;
  background-color: transparent;
}

.templategrid-hover.mx-templategrid .mx-templategrid-item:hover {
  background-color: #f7f7f7 !important;
}
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected {
  background-color: #184440 !important;
}
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: #ebebeb !important;
}

.templategrid-lg.mx-templategrid .mx-templategrid-item {
  padding: 30px 30px 30px 30px;
}

.templategrid-sm.mx-templategrid .mx-templategrid-item {
  padding: 7.5px 7.5px 7.5px 7.5px;
}

.mx-templategrid[class*=tg-col] {
  overflow: hidden;
}
.mx-templategrid[class*=tg-col] .mx-templategrid-content-wrapper {
  display: block;
}
.mx-templategrid[class*=tg-col] .mx-templategrid-row {
  display: block;
  margin-right: -15px;
  margin-left: -15px;
}
.mx-templategrid[class*=tg-col] .mx-templategrid-row::before, .mx-templategrid[class*=tg-col] .mx-templategrid-row::after {
  display: table;
  clear: both;
  content: " ";
}
.mx-templategrid[class*=tg-col] .mx-templategrid-item {
  position: relative;
  display: block;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  border: 0;
}
@media (max-width: 992px) {
  .mx-templategrid[class*=tg-col] .mx-templategrid-item {
    width: 100% !important;
  }
}
.mx-templategrid[class*=tg-col] .mx-templategrid-item .mx-dataview {
  overflow: hidden;
}
.mx-templategrid[class*=tg-col].tg-col-xs-12 .mx-templategrid-item {
  width: 100% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-11 .mx-templategrid-item {
  width: 91.66666667% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-10 .mx-templategrid-item {
  width: 83.33333333% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-9 .mx-templategrid-item {
  width: 75% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-8 .mx-templategrid-item {
  width: 66.66666667% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-7 .mx-templategrid-item {
  width: 58.33333333% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-6 .mx-templategrid-item {
  width: 50% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-5 .mx-templategrid-item {
  width: 41.66666667% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-4 .mx-templategrid-item {
  width: 33.33333333% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-3 .mx-templategrid-item {
  width: 25% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-2 .mx-templategrid-item {
  width: 16.66666667% !important;
}
.mx-templategrid[class*=tg-col].tg-col-xs-1 .mx-templategrid-item {
  width: 8.33333333% !important;
}
@media (min-width: 768px) {
  .mx-templategrid[class*=tg-col].tg-col-sm-12 .mx-templategrid-item {
    width: 100% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-11 .mx-templategrid-item {
    width: 91.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-10 .mx-templategrid-item {
    width: 83.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-9 .mx-templategrid-item {
    width: 75% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-8 .mx-templategrid-item {
    width: 66.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-7 .mx-templategrid-item {
    width: 58.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-6 .mx-templategrid-item {
    width: 50% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-5 .mx-templategrid-item {
    width: 41.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-4 .mx-templategrid-item {
    width: 33.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-3 .mx-templategrid-item {
    width: 25% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-2 .mx-templategrid-item {
    width: 16.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-sm-1 .mx-templategrid-item {
    width: 8.33333333% !important;
  }
}
@media (min-width: 992px) {
  .mx-templategrid[class*=tg-col].tg-col-md-12 .mx-templategrid-item {
    width: 100% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-11 .mx-templategrid-item {
    width: 91.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-10 .mx-templategrid-item {
    width: 83.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-9 .mx-templategrid-item {
    width: 75% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-8 .mx-templategrid-item {
    width: 66.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-7 .mx-templategrid-item {
    width: 58.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-6 .mx-templategrid-item {
    width: 50% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-5 .mx-templategrid-item {
    width: 41.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-4 .mx-templategrid-item {
    width: 33.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-3 .mx-templategrid-item {
    width: 25% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-2 .mx-templategrid-item {
    width: 16.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-md-1 .mx-templategrid-item {
    width: 8.33333333% !important;
  }
}
@media (min-width: 1200px) {
  .mx-templategrid[class*=tg-col].tg-col-lg-12 .mx-templategrid-item {
    width: 100% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-11 .mx-templategrid-item {
    width: 91.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-10 .mx-templategrid-item {
    width: 83.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-9 .mx-templategrid-item {
    width: 75% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-8 .mx-templategrid-item {
    width: 66.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-7 .mx-templategrid-item {
    width: 58.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-6 .mx-templategrid-item {
    width: 50% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-5 .mx-templategrid-item {
    width: 41.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-4 .mx-templategrid-item {
    width: 33.33333333% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-3 .mx-templategrid-item {
    width: 25% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-2 .mx-templategrid-item {
    width: 16.66666667% !important;
  }
  .mx-templategrid[class*=tg-col].tg-col-lg-1 .mx-templategrid-item {
    width: 8.33333333% !important;
  }
}

/* ==========================================================================
   Typography
========================================================================== */
p {
  line-height: 1.7857142863;
}

label {
  padding-top: 0;
}

.mx-title {
  margin: 15px 0 30px 0;
  color: #333;
  font-size: 31px;
  font-weight: 200;
}

h1,
.h1,
.h1 > * {
  font-size: 31px;
}

h2,
.h2,
.h2 > * {
  font-size: 26px;
}

h3,
.h3,
.h3 > * {
  font-size: 24px;
}

h4,
.h4,
.h4 > * {
  font-size: 18px;
}

h5,
.h5,
.h5 > * {
  font-size: 16px;
}

h6,
.h6,
.h6 > * {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 15px 0 30px 0;
  color: #333;
  font-weight: 200;
  line-height: 1.3;
}

/* ==========================================================================
   Typography

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.text-small {
  font-size: 10px !important;
}

.text-large {
  font-size: 26px !important;
}

.text-light,
.text-light > *,
.text-light label {
  font-weight: 200 !important;
}

.text-normal,
.text-normal > *,
.text-normal label {
  font-weight: 300 !important;
}

.text-semibold,
.text-semibold > *,
.text-semibold label {
  font-weight: 500 !important;
}

.text-bold,
.text-bold > *,
.text-bold label {
  font-weight: bold !important;
}

.text-default,
.text-default:hover {
  color: #555 !important;
}

.text-primary,
.text-primary:hover {
  color: #184440 !important;
}

.text-info,
.text-info:hover {
  color: #48B0F7 !important;
}

.text-success,
.text-success:hover {
  color: #76CA02 !important;
}

.text-warning,
.text-warning:hover {
  color: #F99B1D !important;
}

.text-danger,
.text-danger:hover {
  color: #ED1C24 !important;
}

.text-header {
  color: #333 !important;
}

.text-detail {
  color: #888 !important;
}

.text-white {
  color: #ffffff;
}

.text-left {
  text-align: left !important;
}

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

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

.text-break {
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-word-break: break-all !important;
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  hyphens: auto !important;
}

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

.text-nowrap {
  overflow: hidden !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* ==========================================================================
   Layout Grid

   Default Bootstrap containers
========================================================================== */
.mx-layoutgrid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row::before, .row::after {
  content: normal;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.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,
.col-sm,
.col-sm-auto,
.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,
.col-md,
.col-md-auto,
.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,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1,
.col-offset-1 {
  margin-left: 8.333333%;
}

.offset-2,
.col-offset-2 {
  margin-left: 16.666667%;
}

.offset-3,
.col-offset-3 {
  margin-left: 25%;
}

.offset-4,
.col-offset-4 {
  margin-left: 33.333333%;
}

.offset-5,
.col-offset-5 {
  margin-left: 41.666667%;
}

.offset-6,
.col-offset-6 {
  margin-left: 50%;
}

.offset-7,
.col-offset-7 {
  margin-left: 58.333333%;
}

.offset-8,
.col-offset-8 {
  margin-left: 66.666667%;
}

.offset-9,
.col-offset-9 {
  margin-left: 75%;
}

.offset-10,
.col-offset-10 {
  margin-left: 83.333333%;
}

.offset-11,
.col-offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 768px) {
  .mx-layoutgrid-fixed {
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .mx-layoutgrid-fixed {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .mx-layoutgrid-fixed {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .mx-layoutgrid-fixed {
    max-width: 1140px;
  }
}
@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0,
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .offset-sm-1,
  .col-sm-offset-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2,
  .col-sm-offset-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3,
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .offset-sm-4,
  .col-sm-offset-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5,
  .col-sm-offset-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6,
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .offset-sm-7,
  .col-sm-offset-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8,
  .col-sm-offset-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9,
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .offset-sm-10,
  .col-sm-offset-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11,
  .col-sm-offset-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0,
  .col-md-offset-0 {
    margin-left: 0;
  }
  .offset-md-1,
  .col-md-offset-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2,
  .col-md-offset-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3,
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .offset-md-4,
  .col-md-offset-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5,
  .col-md-offset-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6,
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .offset-md-7,
  .col-md-offset-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8,
  .col-md-offset-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9,
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .offset-md-10,
  .col-md-offset-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11,
  .col-md-offset-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0,
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .offset-lg-1,
  .col-lg-offset-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2,
  .col-lg-offset-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3,
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .offset-lg-4,
  .col-lg-offset-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5,
  .col-lg-offset-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6,
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .offset-lg-7,
  .col-lg-offset-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8,
  .col-lg-offset-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9,
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .offset-lg-10,
  .col-lg-offset-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11,
  .col-lg-offset-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0,
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .offset-xl-1,
  .col-xl-offset-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2,
  .col-xl-offset-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3,
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .offset-xl-4,
  .col-xl-offset-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5,
  .col-xl-offset-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6,
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .offset-xl-7,
  .col-xl-offset-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8,
  .col-xl-offset-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9,
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .offset-xl-10,
  .col-xl-offset-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11,
  .col-xl-offset-11 {
    margin-left: 91.666667%;
  }
}
/* ==========================================================================
   Progress

   Default Mendix Progress Widget.
========================================================================== */
.mx-progress {
  color: #555;
  background: #F5F8FD;
}
.mx-progress .mx-progress-message {
  color: #555;
}
.mx-progress .mx-progress-indicator {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 2px;
  margin: auto;
  padding: 0;
  border-radius: 0;
  background: #eee;
}
.mx-progress .mx-progress-indicator:before, .mx-progress .mx-progress-indicator:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 2px;
  content: "";
  transform: translate3d(-100%, 0, 0);
  background: #184440;
}
.mx-progress .mx-progress-indicator::before {
  animation: loader 2s infinite;
}
.mx-progress .mx-progress-indicator::after {
  animation: loader 2s -2s infinite;
}

@keyframes loader {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(200%, 0, 0);
  }
}
.widget-timeline-date-header {
  display: inline-block;
  width: 110px;
  overflow-wrap: break-word;
  padding: 8px;
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 30px;
}

.widget-timeline-events-wrapper {
  display: flex;
  flex: 1;
  margin-left: 55px;
  padding-top: 35px;
}
.widget-timeline-events-wrapper ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.widget-timeline-title {
  color: #333;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.widget-timeline-description {
  color: #888;
}

.widget-timeline-event {
  position: relative;
  margin-left: 9px;
  padding-left: 30px;
  padding-bottom: 20px;
}
.widget-timeline-event:not(:last-of-type) {
  border-left: 1px solid #d7d7d7;
}
.widget-timeline-event.clickable {
  cursor: pointer;
  transition: background 0.8s;
}
.widget-timeline-event.clickable:hover .widget-timeline-title {
  color: #dadcde;
}

.widget-timeline-icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  transform: translateX(-50%);
}
.widget-timeline-icon-wrapper .glyphicon {
  font-size: 18px;
}
.widget-timeline-icon-wrapper img {
  max-width: 18px;
  max-height: 18px;
}

.widget-timeline-content-wrapper .widget-timeline-date-time-wrapper {
  margin-right: 15px;
}
.widget-timeline-content-wrapper .widget-timeline-info-wrapper {
  flex-direction: column;
}

.widget-timeline-icon-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #184440;
}

.widget-timeline-no-divider {
  padding-bottom: 0;
  padding-top: 0;
  margin-left: 0;
}

.widget-timeline-flex-container {
  display: flex;
}

/* ==========================================================================
   Helpers

   Default Mendix Helpers
========================================================================== */
.d-none {
  display: none  !important;
}

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

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

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

.d-inline-block {
  display: inline-block  !important;
}

.show,
.d-block {
  display: block  !important;
}

.table,
.d-table {
  display: table  !important;
}

.table-row,
.d-table-row {
  display: table-row  !important;
}

.table-cell,
.d-table-cell {
  display: table-cell  !important;
}

.hide,
.hidden {
  display: none  !important;
  visibility: hidden  !important;
}

.invisible {
  visibility: hidden  !important;
}

.display-ie8-only:not([attr*=""]) {
  display: none  !important;
  padding: 0  !important;
}

.list-nostyle ul {
  margin: 0  !important;
  padding: 0  !important;
}
.list-nostyle ul li {
  list-style-type: none  !important;
}

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

.table {
  display: table  !important;
}

.table-row {
  display: table-row  !important;
}

.table-cell {
  display: table-cell  !important;
}

.pull-left {
  float: left  !important;
}

.pull-right {
  float: right  !important;
}

.align-top {
  vertical-align: top  !important;
}

.align-middle {
  vertical-align: middle  !important;
}

.align-bottom {
  vertical-align: bottom  !important;
}

.row-left {
  display: flex  !important;
  align-items: center  !important;
  flex-flow: row  !important;
  justify-content: flex-start  !important;
}

.row-center {
  display: flex  !important;
  align-items: center  !important;
  flex-flow: row  !important;
  justify-content: center  !important;
}

.row-right {
  display: flex  !important;
  align-items: center  !important;
  flex-flow: row  !important;
  justify-content: flex-end  !important;
}

.col-left {
  display: flex  !important;
  align-items: flex-start  !important;
  flex-direction: column  !important;
  justify-content: center  !important;
}

.col-center {
  display: flex  !important;
  align-items: center  !important;
  flex-direction: column  !important;
  justify-content: center  !important;
}

.col-right {
  display: flex  !important;
  align-items: flex-end  !important;
  flex-direction: column  !important;
  justify-content: center  !important;
}

@media (max-width: 991px) {
  .hide-phone {
    display: none  !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-tablet {
    display: none  !important;
  }
}
@media (min-width: 1200px) {
  .hide-desktop {
    display: none  !important;
  }
}
@media (max-width: 767px) {
  .hide-xs,
  .hidden-xs,
  .d-xs-none {
    display: none  !important;
  }
  .d-xs-flex {
    display: flex  !important;
  }
  .d-xs-inline-flex {
    display: inline-flex  !important;
  }
  .d-xs-inline {
    display: inline  !important;
  }
  .d-xs-inline-block {
    display: inline-block  !important;
  }
  .d-xs-block {
    display: block  !important;
  }
  .d-xs-table {
    display: table  !important;
  }
  .d-xs-table-row {
    display: table-row  !important;
  }
  .d-xs-table-cell {
    display: table-cell  !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-sm,
  .hidden-sm,
  .d-sm-none {
    display: none  !important;
  }
  .d-sm-flex {
    display: flex  !important;
  }
  .d-sm-inline-flex {
    display: inline-flex  !important;
  }
  .d-sm-inline {
    display: inline  !important;
  }
  .d-sm-inline-block {
    display: inline-block  !important;
  }
  .d-sm-block {
    display: block  !important;
  }
  .d-sm-table {
    display: table  !important;
  }
  .d-sm-table-row {
    display: table-row  !important;
  }
  .d-sm-table-cell {
    display: table-cell  !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-md,
  .hidden-md,
  .d-md-none {
    display: none  !important;
  }
  .d-md-flex {
    display: flex  !important;
  }
  .d-md-inline-flex {
    display: inline-flex  !important;
  }
  .d-md-inline {
    display: inline  !important;
  }
  .d-md-inline-block {
    display: inline-block  !important;
  }
  .d-md-block {
    display: block  !important;
  }
  .d-md-table {
    display: table  !important;
  }
  .d-md-table-row {
    display: table-row  !important;
  }
  .d-md-table-cell {
    display: table-cell  !important;
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  .hide-lg,
  .hidden-lg,
  .d-lg-none {
    display: none  !important;
  }
  .d-lg-flex {
    display: flex  !important;
  }
  .d-lg-inline-flex {
    display: inline-flex  !important;
  }
  .d-lg-inline {
    display: inline  !important;
  }
  .d-lg-inline-block {
    display: inline-block  !important;
  }
  .d-lg-block {
    display: block  !important;
  }
  .d-lg-table {
    display: table  !important;
  }
  .d-lg-table-row {
    display: table-row  !important;
  }
  .d-lg-table-cell {
    display: table-cell  !important;
  }
}
@media (min-width: 1200px) {
  .hide-xl,
  .hidden-xl,
  .d-xl-none {
    display: none  !important;
  }
  .d-xl-flex {
    display: flex  !important;
  }
  .d-xl-inline-flex {
    display: inline-flex  !important;
  }
  .d-xl-inline {
    display: inline  !important;
  }
  .d-xl-inline-block {
    display: inline-block  !important;
  }
  .d-xl-block {
    display: block  !important;
  }
  .d-xl-table {
    display: table  !important;
  }
  .d-xl-table-row {
    display: table-row  !important;
  }
  .d-xl-table-cell {
    display: table-cell  !important;
  }
}
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Dijit Widgets
*
* Default Dojo Dijit Widgets
*/
/*
 * Dijit Tooltip Widget
 *
 * Default tooltip used for Mendix widgets
 */
.mx-tooltip .dijitTooltipContainer {
  border-width: 1px;
  border-color: #888;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.mx-tooltip .dijitTooltipContainer .mx-tooltip-content {
  padding: 10px;
}
.mx-tooltip .dijitTooltipContainer .form-group {
  margin-bottom: 5px;
}
.mx-tooltip .dijitTooltipConnector {
  width: 0;
  height: 0;
  margin-left: -10px;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #888;
}

/*
 * Dijit Border Container
 *
 * Used in Mendix as split pane containers
 */
.dijitBorderContainer {
  padding: 5px;
  background-color: #fcfcfc;
}
.dijitBorderContainer .dijitSplitterV,
.dijitBorderContainer .dijitGutterV {
  width: 5px;
  border: 0;
  background: #fcfcfc;
}
.dijitBorderContainer .dijitSplitterH,
.dijitBorderContainer .dijitGutterH {
  height: 5px;
  border: 0;
  background: #fcfcfc;
}
.dijitBorderContainer .dijitSplitterH .dijitSplitterThumb {
  top: 2px;
  width: 19px;
  height: 1px;
  background: #b0b0b0;
}
.dijitBorderContainer .dijitSplitterV .dijitSplitterThumb {
  left: 2px;
  width: 1px;
  height: 19px;
  background: #b0b0b0;
}
.dijitBorderContainer .dijitSplitContainer-child,
.dijitBorderContainer .dijitBorderContainer-child {
  border: 1px solid #cccccc;
}
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerTop,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerBottom,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerLeft,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerRight {
  border: none;
}
.dijitBorderContainer .dijitBorderContainer-dijitBorderContainer {
  padding: 0;
  border: none;
}
.dijitBorderContainer .dijitSplitterActive {
  /* For IE8 and earlier */
  margin: 0;
  opacity: 0.6;
  background-color: #aaaaaa;
  background-image: none;
  font-size: 1px;
  filter: alpha(opacity=60);
}
.dijitBorderContainer .dijitSplitContainer-dijitContentPane,
.dijitBorderContainer .dijitBorderContainer-dijitContentPane {
  padding: 5px;
  background-color: #ffffff;
}

/*
 * Dijit Menu Popup
 *
 * Used in datepickers and calendar widgets
 */
.dijitMenuPopup {
  margin-top: 10px;
}
.dijitMenuPopup .dijitMenu {
  display: block;
  width: 200px !important;
  margin-top: 0;
  padding: 12px 10px;
  border-radius: 3px;
  background: #252C36;
}
.dijitMenuPopup .dijitMenu:after {
  position: absolute;
  bottom: 100%;
  left: 20px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: " ";
  pointer-events: none;
  border: medium solid transparent;
  border-width: 10px;
  border-bottom-color: #252C36;
}
.dijitMenuPopup .dijitMenu .dijitMenuItem {
  background: transparent;
}
.dijitMenuPopup .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
  display: block;
  overflow: hidden;
  width: 180px !important;
  padding: 10px;
  text-overflow: ellipsis;
  color: #ffffff;
  border-radius: 3px;
}
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover {
  background: none;
}
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel {
  background: #184440;
}
.dijitMenuPopup .dijitMenu .tg_newlabelmenuitem .dijitMenuItemLabel {
  font-weight: bold;
}
.dijitMenuPopup .dijitMenu .dijitMenuSeparator td {
  padding: 0;
  border-bottom-width: 3px;
}
.dijitMenuPopup .dijitMenu .dijitMenuSeparator .dijitMenuSeparatorIconCell > div {
  margin: 0;
}

/* Based on https://github.com/mendixlabs/star-rating/blob/v1.1.1/src/ui/StarRating.scss */
div.widget-progress-bar .progress-bar-default {
  background-color: #DDDDDD;
}

div.widget-progress-bar .progress-bar-primary {
  background-color: #184440;
}

div.widget-progress-bar .progress-bar-success {
  background-color: #76CA02;
}

div.widget-progress-bar .progress-bar-info {
  background-color: #48B0F7;
}

div.widget-progress-bar .progress-bar-warning {
  background-color: #F99B1D;
}

div.widget-progress-bar .progress-bar-danger {
  background-color: #ED1C24;
}

div.widget-progress-bar .progress-bar-inverse {
  background-color: #252C36;
}

div.widget-progress-bar-alert.widget-progress-bar-text-contrast .progress-bar {
  color: rgb(142.2, 16.8, 21.6);
}

div.widget-progress-bar-text-contrast .progress-bar {
  color: #555;
}

/* Based on https://github.com/mendixlabs/progress-circle/tree/master/src/ui/_progress-circle-theme.scss */
path.widget-progress-circle-path {
  stroke: #184440;
}

.widget-progress-circle-primary path.widget-progress-circle-path {
  stroke: #184440;
}
.widget-progress-circle-primary .progressbar-text {
  color: #184440 !important;
}

.widget-progress-circle-info path.widget-progress-circle-path {
  stroke: #48B0F7;
}
.widget-progress-circle-info .progressbar-text {
  color: #48B0F7 !important;
}

.widget-progress-circle-success path.widget-progress-circle-path {
  stroke: #76CA02;
}
.widget-progress-circle-success .progressbar-text {
  color: #76CA02 !important;
}

.widget-progress-circle-warning path.widget-progress-circle-path {
  stroke: #F99B1D;
}
.widget-progress-circle-warning .progressbar-text {
  color: #F99B1D !important;
}

.widget-progress-circle-danger path.widget-progress-circle-path {
  stroke: #ED1C24;
}
.widget-progress-circle-danger .progressbar-text {
  color: #ED1C24 !important;
}

.widget-progress-circle-inverse path.widget-progress-circle-path {
  stroke: #252C36;
}
.widget-progress-circle-inverse .progressbar-text {
  color: #252C36 !important;
}

div.widget-range-slider .rc-slider-handle,
div.widget-range-slider .rc-slider-dot-active {
  border-color: #DDDDDD;
}
div.widget-range-slider .rc-slider-handle:active,
div.widget-range-slider .rc-slider-dot-active:active {
  border-color: #DDDDDD;
  box-shadow: none;
}
div.widget-range-slider .rc-slider-handle:hover,
div.widget-range-slider .rc-slider-dot-active:hover {
  border-color: #DDDDDD;
}
div.widget-range-slider.has-error .rc-slider-track,
div.widget-range-slider.has-error .rc-slider-rail {
  background-color: #ED1C24;
}

div.widget-range-slider-primary .rc-slider-track {
  background-color: #184440;
}

div.widget-range-slider-info .rc-slider-track {
  background-color: #48B0F7;
}

div.widget-range-slider-success .rc-slider-track {
  background-color: #76CA02;
}

div.widget-range-slider-warning .rc-slider-track {
  background-color: #F99B1D;
}

div.widget-range-slider-danger .rc-slider-track {
  background-color: #ED1C24;
}

div.widget-range-slider-inverse .rc-slider-track {
  background-color: #252C36;
}

.rc-slider-tooltip {
  z-index: 999;
}

div.widget-slider .rc-slider-handle,
div.widget-slider .rc-slider-dot-active {
  border-color: #DDDDDD;
}
div.widget-slider .rc-slider-handle:active,
div.widget-slider .rc-slider-dot-active:active {
  border-color: #DDDDDD;
}
div.widget-slider .rc-slider-handle:hover,
div.widget-slider .rc-slider-dot-active:hover {
  border-color: #DDDDDD;
}
div.widget-slider.has-error .rc-slider-track,
div.widget-slider.has-error .rc-slider-rail {
  background-color: #ED1C24;
}

div.widget-slider-primary .rc-slider-track {
  background-color: #184440;
}

div.widget-slider-info .rc-slider-track {
  background-color: #48B0F7;
}

div.widget-slider-success .rc-slider-track {
  background-color: #76CA02;
}

div.widget-slider-warning .rc-slider-track {
  background-color: #F99B1D;
}

div.widget-slider-danger .rc-slider-track {
  background-color: #ED1C24;
}

div.widget-slider-inverse .rc-slider-track {
  background-color: #252C36;
}

/* Based on https://github.com/mendixlabs/star-rating/blob/v1.1.1/src/ui/StarRating.scss */
span.widget-star-rating-full-default {
  color: #DDDDDD;
}

span.widget-star-rating-full-primary {
  color: #184440;
}

span.widget-star-rating-full-success {
  color: #76CA02;
}

span.widget-star-rating-full-info {
  color: #48B0F7;
}

span.widget-star-rating-full-warning {
  color: #F99B1D;
}

span.widget-star-rating-full-danger {
  color: #ED1C24;
}

span.widget-star-rating-full-inverse {
  color: #252C36;
}

.widget-switch-btn-wrapper:focus {
  outline: 1px solid #184440;
}

div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default {
  border-color: rgb(100, 189, 99);
  background-color: rgb(100, 189, 99);
  box-shadow: rgb(100, 189, 99) 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success {
  border-color: #76CA02;
  background-color: #76CA02;
  box-shadow: #76CA02 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info {
  border-color: #48B0F7;
  background-color: #48B0F7;
  box-shadow: #48B0F7 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary {
  border-color: #184440;
  background-color: #184440;
  box-shadow: #184440 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning {
  border-color: #F99B1D;
  background-color: #F99B1D;
  box-shadow: #F99B1D 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger {
  border-color: #ED1C24;
  background-color: #ED1C24;
  box-shadow: #ED1C24 0 0 0 16px inset;
}
div.widget-switch.iOS .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse {
  border-color: #252C36;
  background-color: #252C36;
  box-shadow: #252C36 0 0 0 16px inset;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default {
  background-color: rgb(146.1387559809, 205.8612440191, 199.0574162679);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default .widget-switch-btn {
  background: #6FBEB5;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success {
  background-color: rgb(147.5, 252.5, 2.5);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success .widget-switch-btn {
  background: #76CA02;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info {
  background-color: rgb(120.8638743455, 197.0942408377, 249.1361256545);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info .widget-switch-btn {
  background: #48B0F7;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary {
  background-color: rgb(37.3043478261, 105.6956521739, 99.4782608696);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary .widget-switch-btn {
  background: #184440;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning {
  background-color: rgb(250.3189655172, 176.9827586207, 78.6810344828);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning .widget-switch-btn {
  background: #F99B1D;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger {
  background-color: rgb(240.7469387755, 75.2530612245, 81.587755102);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger .widget-switch-btn {
  background: #ED1C24;
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse {
  background-color: rgb(57.7362637363, 68.6593406593, 84.2637362637);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse .widget-switch-btn {
  background: #252C36;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default {
  border-color: rgb(100, 189, 99);
  background-color: rgb(100, 189, 99);
  box-shadow: rgb(100, 189, 99) 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success {
  border-color: #76CA02;
  background-color: #76CA02;
  box-shadow: #76CA02 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info {
  border-color: #48B0F7;
  background-color: #48B0F7;
  box-shadow: #48B0F7 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary {
  border-color: #184440;
  background-color: #184440;
  box-shadow: #184440 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning {
  border-color: #F99B1D;
  background-color: #F99B1D;
  box-shadow: #F99B1D 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger {
  border-color: #ED1C24;
  background-color: #ED1C24;
  box-shadow: #ED1C24 0 0 0 16px inset;
}
div.widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse {
  border-color: #252C36;
  background-color: #252C36;
  box-shadow: #252C36 0 0 0 16px inset;
}

html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default {
  background-color: rgb(146.1387559809, 205.8612440191, 199.0574162679);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default .widget-switch-btn {
  background: #6FBEB5;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success {
  background-color: rgb(147.5, 252.5, 2.5);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success .widget-switch-btn {
  background: #76CA02;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info {
  background-color: rgb(120.8638743455, 197.0942408377, 249.1361256545);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info .widget-switch-btn {
  background: #48B0F7;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary {
  background-color: rgb(37.3043478261, 105.6956521739, 99.4782608696);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary .widget-switch-btn {
  background: #184440;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning {
  background-color: rgb(250.3189655172, 176.9827586207, 78.6810344828);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning .widget-switch-btn {
  background: #F99B1D;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger {
  background-color: rgb(240.7469387755, 75.2530612245, 81.587755102);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger .widget-switch-btn {
  background: #ED1C24;
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse {
  background-color: rgb(57.7362637363, 68.6593406593, 84.2637362637);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse .widget-switch-btn {
  background: #252C36;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-default {
  border-color: rgb(100, 189, 99);
  background-color: rgb(100, 189, 99);
  box-shadow: rgb(100, 189, 99) 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-success {
  border-color: #76CA02;
  background-color: #76CA02;
  box-shadow: #76CA02 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-info {
  border-color: #48B0F7;
  background-color: #48B0F7;
  box-shadow: #48B0F7 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary {
  border-color: #184440;
  background-color: #184440;
  box-shadow: #184440 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-warning {
  border-color: #F99B1D;
  background-color: #F99B1D;
  box-shadow: #F99B1D 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-danger {
  border-color: #ED1C24;
  background-color: #ED1C24;
  box-shadow: #ED1C24 0 0 0 16px inset;
}
html div.dj_ios .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-inverse {
  border-color: #252C36;
  background-color: #252C36;
  box-shadow: #252C36 0 0 0 16px inset;
}

/* ==========================================================================
   Breadcrumbs

========================================================================== */
.breadcrumb {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 14px;
}

.breadcrumb-item {
  display: inline-block;
  margin: 0;
}
.breadcrumb-item:last-child {
  color: #555;
}
.breadcrumb-item:last-child a {
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  content: "/";
  color: #888;
}

.breadcrumb-large {
  font-size: 24px;
}

.breadcrumb-underline {
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
}

/* ==========================================================================
   Cards

========================================================================== */
.card {
  padding: 30px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background-color: #FFFFFF;
}

.card-title {
  margin-top: 0;
}

.cardaction .card-image .glyphicon {
  font-size: 58px;
}

.cardmetrics .card-title {
  margin-bottom: 0;
}
.cardmetrics .card-image {
  width: 100px;
  height: auto;
}
.cardmetrics .card-image.btn {
  width: 100px;
  height: 100px;
  padding: 0;
  cursor: default;
  pointer-events: none;
  font-size: 40px;
}
.cardmetrics .card-counter {
  margin: 0;
  font-size: 64px;
}
.cardinfo .card-text {
  margin-bottom: 30px;
}

.textwithicon {
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 15px;
  text-overflow: ellipsis;
}
.textwithicon .textwithicon-icon,
.textwithicon .textwithicon-text {
  display: inline-block;
  vertical-align: middle;
}
.textwithicon .textwithicon-icon {
  margin-right: 15px;
  padding: 0;
  color: #184440;
  border: 0;
  background: transparent;
  font-size: 23px;
}
.socialprofiles .socialprofiles-title {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.socialprofiles .socialprofiles-button {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  padding: 0;
  border-radius: 24px;
}
.socialprofiles .socialprofiles-button .glyphicon {
  margin: 0;
}

.cardtabs {
  padding: 0;
}

.cardtabs-tabs {
  margin: 0;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs {
  display: flex;
  margin: 0;
  background-color: #f7f7f7;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs li {
  flex: 1 1 auto;
  text-align: center;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs li a,
.cardtabs-tabs ul.mx-tabcontainer-tabs li a:hover,
.cardtabs-tabs ul.mx-tabcontainer-tabs li a:focus {
  border-top-width: 0;
  border-right-width: 1px;
  border-left-width: 0;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs li:first-child a {
  border-radius: 2px 0 0 0;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs li:last-child a {
  border-radius: 0 2px 0 0;
}
@media (max-width: 991px) {
  .cardtabs-tabs .mx-tabcontainer-pane {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .cardtabs-tabs .mx-tabcontainer-pane {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .cardtabs-tabs .mx-tabcontainer-pane {
    padding: 30px;
  }
}

.cardproduct, .cardproduct3, .cardproduct2 {
  padding: 0;
}

.cardproduct-header {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.cardproduct-header .card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.cardproduct-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 30px;
  background: rgba(0, 0, 0, 0.6);
}

.cardproduct-overlay-category,
.cardproduct-overlay-title {
  margin: 0;
  color: #FFFFFF;
}

.cardproduct-footer .col {
  padding: 20px 30px;
}
.cardproduct-footer .col .widget-star-rating-font {
  font-size: 20px;
}

.cardproduct-name {
  margin: 0;
}

.cardproduct-btn {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 30px;
  border-left: 1px solid #d7d7d7;
}

.cardproduct2 .cardproduct-header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 20px 30px;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 2%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 2%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 2%, rgba(0, 0, 0, 0.99) 99%, rgb(0, 0, 0) 100%);
}

.cardproduct3 .cardproduct-header {
  height: 320px;
}
.cardproduct3 .cardproduct-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardproduct3 .cardproduct-overlay {
  min-height: 100px;
  padding: 30px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 8%, rgba(0, 0, 0, 0.99) 121%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 8%, rgba(0, 0, 0, 0.99) 121%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 8%, rgba(0, 0, 0, 0.99) 121%, rgb(0, 0, 0) 100%);
  font-size: 14px;
}

.cardstatus {
  padding: 20px;
}
.cardstatus .card-linkicon {
  font-size: 30px;
}
.cardstatus .cardstatus-status {
  margin-bottom: 5px;
}

.cardprogress-state {
  width: 80px;
  height: 80px;
  padding: 0;
  cursor: default;
  pointer-events: none;
  border-radius: 100%;
  font-size: 28px;
}

.cardhighlight {
  border-top: 4px solid #184440;
}

.cardchat {
  overflow: hidden;
  padding: 0;
}
.cardchat .chat {
  height: 400px;
}

@media screen and (max-width: 1199px) {
  .widget-charts:not([height]),
  .widget-charts-line:not([height]) {
    padding-bottom: 80% !important;
  }
}
@media screen and (max-width: 1199px) {
  .cardprogress .cardprogress-state {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
}
/* ==========================================================================
   Chats

========================================================================== */
.chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #F5F8FD;
}

.chat-content {
  display: flex;
  overflow: auto;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.chat-content .chat-list {
  position: relative;
  overflow: auto;
}
.chat-content .chat-list ul {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 15px;
}
.chat-content .chat-list li {
  padding: 15px 30px;
  animation: fadeIn 0.2s;
  background-color: transparent;
  animation-fill-mode: both;
}
.chat-content .chat-list li, .chat-content .chat-list li:last-child {
  border: 0;
}
.chat-content .chat-list .mx-listview-loadMore {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 50%;
  margin: 15px auto;
  color: #FFFFFF;
  background-color: #184440;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.chat-message {
  display: flex;
}

.chat-avatar {
  margin: 0 20px 0 0;
  border-radius: 50%;
}

.chat-message-content {
  display: inline-flex;
  flex-direction: column;
}

.chat-message-balloon {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #FFF;
}
.chat-message-balloon::after {
  position: absolute;
  top: 10px;
  right: 100%;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-top: 0;
  border-right-color: #FFF;
  border-left: 0;
}

.chat-message-time {
  padding-top: 2px;
}
.chat-message-time .form-control-static, .chat-message-time .form-group div[class*=textBox] > .control-label, .form-group .chat-message-time div[class*=textBox] > .control-label,
.chat-message-time .form-group div[class*=textArea] > .control-label,
.form-group .chat-message-time div[class*=textArea] > .control-label,
.chat-message-time .form-group div[class*=datePicker] > .control-label,
.form-group .chat-message-time div[class*=datePicker] > .control-label {
  border: 0;
}

.chat-footer {
  z-index: 1;
  padding: 15px;
  background-color: #FFF;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.chat-input {
  display: flex;
}
.chat-input .chat-textbox {
  flex: 1;
  margin-right: 30px;
  margin-bottom: 0;
}
.chat-input .chat-textbox .form-control {
  border: 0;
}

.chat-message-self {
  justify-content: flex-end;
}
.chat-message-self .chat-avatar {
  margin: 0 0 0 20px;
}
.chat-message-self .chat-message-balloon {
  background-color: rgb(208.8, 217.6, 216.8);
}
.chat-message-self .chat-message-balloon::after {
  left: 100%;
  border: 10px solid transparent;
  border-top: 0;
  border-right: 0;
  border-left-color: rgb(208.8, 217.6, 216.8);
}
.chat-message-self .chat-message-time {
  text-align: right;
}

/* ==========================================================================
   Control Group

   A group of buttons next to eachother
========================================================================== */
.controlgroup .btn,
.controlgroup .btn-group {
  margin-right: 5px;
  margin-bottom: 5px;
}
.controlgroup .btn:last-child,
.controlgroup .btn-group:last-child {
  margin-right: 0;
}
.controlgroup .btn .btn,
.controlgroup .btn-group .btn {
  margin-right: 0;
  margin-bottom: 0;
}
.controlgroup .btn-group .btn + .btn {
  margin-left: -1px;
}

/* ==========================================================================
   Full page blocks

   Blocks that take up the full width and height
========================================================================== */
.fullpageblock {
  position: relative;
  height: 100%;
  min-height: 100%;
}
.fullpageblock .fullheight {
  height: 100% !important;
}
.fullpageblock .fullheight > .mx-dataview-content {
  height: inherit !important;
}
.fullpageblock .fullpage-overlay {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* ==========================================================================
   Pageheader
========================================================================== */
.pageheader {
  border-bottom: 1px solid #d7d7d7;
  background: #F5F8FD;
}

@media (max-width: 991px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 30px;
  }
}
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
  background: transparent;
}

.pageheader-type {
  margin: 0;
}

.pageheader-title {
  margin: 0;
}

.pageheader-subtitle {
  margin: 0;
}

.pageheaderwithsearch .pageheader-title {
  margin-bottom: 1em;
}

/* ==========================================================================
   Pageheader

========================================================================== */
.heroheader {
  border-bottom: 1px solid #d7d7d7;
  background: #F5F8FD;
}

.heroheader-title {
  margin: 0 0 10px 0;
}

.heroheader-subtitle {
  margin: 0;
  padding: 0 15px;
}
.heroheader-subtitle::before {
  display: block;
  max-width: 330px;
  height: 1px;
  margin: auto auto 10px auto;
  content: "";
  background-color: rgb(225.2, 225.2, 225.2);
}

.heroheader1 {
  background-image: linear-gradient(152deg, #0CC7F0 0%, #087ECC 51%, #077AC9 55%, #0659B9 78%);
}
.heroheader1 .heroheader-title {
  margin-bottom: 10px;
  color: #FFFFFF;
}
.heroheader1 .heroheader-subtitle {
  padding: 0;
  color: #FFFFFF;
}
.heroheader1 .heroheader-subtitle::before {
  display: none;
}

.heroheadermap {
  padding: 0 !important;
}

.heroheadermap-controls {
  padding: 30px;
  background: #F5F8FD;
}

.heroheaderproduct {
  position: relative;
  overflow: hidden;
  height: 300px;
  background-color: #000000;
}
.heroheaderproduct .heroheaderproduct-backgroundimage {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  opacity: 0.7;
  filter: blur(5px);
}
.heroheaderproduct .heroheaderproduct-overlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.heroheaderexpense .heroheaderexpense-title {
  font-size: 72px;
}
.heroheaderexpense .heroheaderexpense-type {
  align-items: center;
}
.heroheaderexpense .heroheaderexpense-type::before {
  flex-grow: 1;
  height: 1px;
  margin-right: 10px;
  content: "";
  background-color: #D2D2D2;
}

/* ==========================================================================
   Form Block

   Used in default forms
========================================================================== */
.formblock-title {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
}

/* ==========================================================================
   Master Detail

    A list with a listening dataview
========================================================================== */
.masterdetail .masterdetail-master .controlgroup {
  margin-bottom: 15px;
}
@media (max-width: 1200px) and (max-width: 991px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) and (min-width: 1200px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .masterdetail .masterdetail-master {
    border-right: 1px solid #d7d7d7;
  }
  .masterdetail .masterdetail-master .mx-listview-searchbar {
    margin: 15px;
  }
  .masterdetail .masterdetail-master .controlgroup {
    padding: 15px;
    border-bottom: 1px solid #d7d7d7;
  }
}
@media (min-width: 1200px) and (max-width: 991px) {
  .masterdetail .masterdetail-detail {
    padding: 15px 15px 15px 15px;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .masterdetail .masterdetail-detail {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .masterdetail .masterdetail-detail {
    padding: 30px 30px 30px 30px;
  }
}

@media (max-width: 991px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .masterdetailvertical .masterdetail-detail {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .masterdetailvertical .masterdetail-detail {
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .masterdetailvertical .masterdetail-detail {
    padding-top: 30px;
  }
}

/* ==========================================================================
   User profile blocks
   -
========================================================================== */
.wizard {
  display: flex;
  justify-content: space-between;
}
.wizard .wizard-step {
  position: relative;
  width: 100%;
  text-align: center;
}
.wizard .wizard-step::before {
  position: absolute;
  z-index: -1;
  top: 30px;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #d7d7d7;
}
.wizard .wizard-step .wizard-step-number {
  width: 60px;
  height: 60px;
  border-color: #d7d7d7;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-size: 20px;
}
.wizard .wizard-step .wizard-step-text {
  display: block;
  margin-top: 15px;
}
.wizard .wizard-step-active .wizard-step-number {
  color: #FFFFFF;
  border-color: #184440;
  background-color: #184440;
}
.wizard .wizard-step-active .wizard-step-text {
  color: #184440;
}
.wizard .wizard-step-visited .wizard-step-number {
  color: #FFFFFF;
  border-color: #76CA02;
  background-color: #76CA02;
}
.wizardprogress {
  display: flex;
  justify-content: space-between;
}
.wizardprogress .wizard-step-text {
  width: 100%;
}
.wizardprogress .wizard-step {
  position: relative;
  width: 100%;
  height: 50px;
  margin-left: -25px;
  padding-left: 25px;
  border: 1px solid #d7d7d7;
  background: #FFFFFF;
}
.wizardprogress .wizard-step a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 14px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #555;
}
.wizardprogress .wizard-step::before, .wizardprogress .wizard-step::after {
  position: absolute;
  z-index: 1;
  left: 100%;
  margin-left: -25px;
  content: " ";
  border-style: solid;
  border-color: transparent;
}
.wizardprogress .wizard-step::after {
  top: 1px;
  border-width: 24px;
  border-left-color: #FFFFFF;
}
.wizardprogress .wizard-step::before {
  top: 0;
  border-width: 25px;
  border-left-color: #d7d7d7;
}
.wizardprogress .wizard-step:first-child {
  margin-left: 0;
  padding-left: 0;
  border-radius: 5px 0 0 5px;
}
.wizardprogress .wizard-step:last-child {
  border-radius: 0 5px 5px 0;
}
.wizardprogress .wizard-step:last-child::before, .wizardprogress .wizard-step:last-child::after {
  display: none;
}
.wizardprogress .wizard-step-active {
  background: #184440;
}
.wizardprogress .wizard-step-active a {
  text-decoration: none;
  color: #FFFFFF;
}
.wizardprogress .wizard-step-active::after {
  border-left-color: #184440;
}
.wizardprogress .wizard-step-visited a {
  color: #184440;
}

.timeline .timeline-header {
  display: inline-block;
  width: 110px;
  padding: 8px;
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 30px;
}

.timeline-itemwrapper.mx-listview {
  margin-bottom: 0;
  margin-left: 55px;
  padding: 30px 0;
  border-left: 1px solid #d7d7d7;
}
.timeline-itemwrapper.mx-listview > ul > li {
  position: relative;
  padding-left: 30px;
}
.timeline-itemwrapper.mx-listview > ul > li::before {
  position: absolute;
  top: 5px;
  left: -5px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  background-color: #184440;
}
.timeline-itemwrapper.mx-listview li + li {
  margin-top: 30px;
}

.timeline2 .timeline-itemwrapper.mx-listview > ul > li {
  padding-left: 15px;
}

/* ==========================================================================
   Atlas layout

   The core stucture of all atlas layouts
========================================================================== */
.layout-atlas .toggle-btn > .glyphicon {
  margin: 0;
}
.layout-atlas .region-sidebar {
  background-color: #252C36;
}
.layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
  padding: 0 15px;
}
.layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .glyphicon {
  margin-right: 10px;
}
.layout-atlas .region-sidebar .toggle-btn {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}
.layout-atlas .region-topbar {
  position: relative;
  z-index: 1;
  min-height: 60px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #FFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.layout-atlas .region-topbar::before {
  z-index: 1;
  display: block;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #184440;
}
.layout-atlas .region-topbar .topbar-content {
  display: flex;
  align-items: center;
  min-height: 60px;
}
.layout-atlas .region-topbar .toggle-btn {
  margin-right: 15px;
  padding: 5px;
}
.layout-atlas .region-topbar .navbar-brand {
  display: inline-block;
  float: none;
  height: auto;
  padding: 0;
  line-height: inherit;
}
.layout-atlas .region-topbar .navbar-brand img {
  display: inline-block;
  width: 0;
  height: 0;
  padding: 17.5px 81px;
  background-image: url("../../../tg-logo.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 162px;
}
.layout-atlas .region-topbar .navbar-brand a {
  margin-left: 5px;
  color: #555;
  font-size: 20px;
}
.layout-atlas .region-topbar .navbar-brand a:hover, .layout-atlas .region-topbar .navbar-brand a:focus {
  text-decoration: none;
}
.layout-atlas .region-topbar .mx-navbar {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  background: transparent;
}
.layout-atlas .region-topbar .mx-navbar > .mx-navbar-item > a {
  margin-top: 5px;
  padding: 0 20px;
}

/* ==========================================================================
   Atlas layout

   Extra styling for phone layouts
========================================================================== */
.layout-atlas-phone .region-topbar {
  min-height: 45px;
  border-style: none;
  background-color: #FFF;
}
.layout-atlas-phone .region-topbar::before {
  display: none;
}

/* ==========================================================================
   Atlas layout

   Extra styling for responsive layouts
========================================================================== */
@media (min-width: 992px) {
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar {
    width: 60px !important;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items:hover a {
    background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items:hover ul {
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 60px;
    display: block;
    overflow-y: auto;
    min-width: 200px;
    padding-top: 10px;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-collapsed ul, .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items ul {
    display: none;
  }
}
.layout-atlas-responsive-default .mx-scrollcontainer-slide.mx-scrollcontainer-open > .region-sidebar {
  width: 60px !important;
}
@media (max-width: 991px) {
  .layout-atlas-responsive-default .mx-scrollcontainer-open:not(.mx-scrollcontainer-slide) {
    width: 1100px;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer-slide .toggle-btn {
    display: inline-block !important;
  }
}
.layout-atlas-responsive-default .region-sidebar .toggle-btn {
  width: 60px;
  height: 60px;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}
.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a {
  height: 60px;
}
.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a .glyphicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  padding: 10px;
  border-radius: 3px;
}
.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon {
  background: #184440;
}
.layout-atlas-responsive-topbar .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar,
.layout-atlas-responsive-topbar .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .region-sidebar {
  visibility: hidden;
}

.layout-atlas-responsive-default .region-topbar .toggle-btn,
.layout-atlas-responsive-topbar .region-topbar .toggle-btn {
  display: none;
}
@media (max-width: 991px) {
  .layout-atlas-responsive-default .region-topbar .toggle-btn,
  .layout-atlas-responsive-topbar .region-topbar .toggle-btn {
    display: inline-block;
  }
}
.layout-atlas-responsive-default .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar,
.layout-atlas-responsive-topbar .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar {
  overflow: hidden;
}
.layout-atlas-responsive-default .mx-scrollcontainer-slide.mx-scrollcontainer-open > .region-sidebar > .mx-scrollcontainer-wrapper,
.layout-atlas-responsive-topbar .mx-scrollcontainer-slide.mx-scrollcontainer-open > .region-sidebar > .mx-scrollcontainer-wrapper {
  position: relative;
}
.layout-atlas-responsive-default .mx-scrollcontainer-slide .region-sidebar > .mx-scrollcontainer-wrapper,
.layout-atlas-responsive-topbar .mx-scrollcontainer-slide .region-sidebar > .mx-scrollcontainer-wrapper {
  z-index: 2;
  background-color: inherit;
}

.profile-tablet .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar {
  overflow-y: hidden;
}
.profile-tablet .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper {
  overflow: visible;
}

/* ==========================================================================
   Atlas layout

   Extra styling for tablet layouts
========================================================================== */
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../../mdi/fonts/materialdesignicons-webfont.eot?v=3.0.39");
  src: url("../../mdi/fonts/materialdesignicons-webfont.eot?#iefix&v=3.0.39") format("embedded-opentype"), url("../../mdi/fonts/materialdesignicons-webfont.woff2?v=3.0.39") format("woff2"), url("../../mdi/fonts/materialdesignicons-webfont.woff?v=3.0.39") format("woff"), url("../../mdi/fonts/materialdesignicons-webfont.ttf?v=3.0.39") format("truetype"), url("../../mdi/fonts/materialdesignicons-webfont.svg?v=3.0.39#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-alert-outline:before {
  content: "\FB2C";
}

.mdi-account-arrow-left:before {
  content: "\FB2D";
}

.mdi-account-arrow-left-outline:before {
  content: "\FB2E";
}

.mdi-account-arrow-right:before {
  content: "\FB2F";
}

.mdi-account-arrow-right-outline:before {
  content: "\FB30";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-multiple:before {
  content: "\F933";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-child:before {
  content: "\FA88";
}

.mdi-account-child-circle:before {
  content: "\FA89";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-circle-outline:before {
  content: "\FB31";
}

.mdi-account-clock:before {
  content: "\FB32";
}

.mdi-account-clock-outline:before {
  content: "\FB33";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-details:before {
  content: "\F631";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-group:before {
  content: "\F848";
}

.mdi-account-group-outline:before {
  content: "\FB34";
}

.mdi-account-heart:before {
  content: "\F898";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-minus-outline:before {
  content: "\FAEB";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-check:before {
  content: "\F8C4";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-multiple-plus-outline:before {
  content: "\F7FF";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-plus-outline:before {
  content: "\F800";
}

.mdi-account-question:before {
  content: "\FB35";
}

.mdi-account-question-outline:before {
  content: "\FB36";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-remove-outline:before {
  content: "\FAEC";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-search-outline:before {
  content: "\F934";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-supervisor:before {
  content: "\FA8A";
}

.mdi-account-supervisor-circle:before {
  content: "\FA8B";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-accusoft:before {
  content: "\F849";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-adobe:before {
  content: "\F935";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-airport:before {
  content: "\F84A";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-bell:before {
  content: "\F78D";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-light:before {
  content: "\F78E";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-alien:before {
  content: "\F899";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alpha-a:before {
  content: "\41";
}

.mdi-alpha-a-box:before {
  content: "\FAED";
}

.mdi-alpha-b:before {
  content: "\42";
}

.mdi-alpha-b-box:before {
  content: "\FAEE";
}

.mdi-alpha-c:before {
  content: "\43";
}

.mdi-alpha-c-box:before {
  content: "\FAEF";
}

.mdi-alpha-d:before {
  content: "\44";
}

.mdi-alpha-d-box:before {
  content: "\FAF0";
}

.mdi-alpha-e:before {
  content: "\45";
}

.mdi-alpha-e-box:before {
  content: "\FAF1";
}

.mdi-alpha-f:before {
  content: "\46";
}

.mdi-alpha-f-box:before {
  content: "\FAF2";
}

.mdi-alpha-g:before {
  content: "\47";
}

.mdi-alpha-g-box:before {
  content: "\FAF3";
}

.mdi-alpha-h:before {
  content: "\48";
}

.mdi-alpha-h-box:before {
  content: "\FAF4";
}

.mdi-alpha-i:before {
  content: "\49";
}

.mdi-alpha-i-box:before {
  content: "\FAF5";
}

.mdi-alpha-j:before {
  content: "\4A";
}

.mdi-alpha-j-box:before {
  content: "\FAF6";
}

.mdi-alpha-k:before {
  content: "\4B";
}

.mdi-alpha-k-box:before {
  content: "\FAF7";
}

.mdi-alpha-l:before {
  content: "\4C";
}

.mdi-alpha-l-box:before {
  content: "\FAF8";
}

.mdi-alpha-m:before {
  content: "\4D";
}

.mdi-alpha-m-box:before {
  content: "\FAF9";
}

.mdi-alpha-n:before {
  content: "\4E";
}

.mdi-alpha-n-box:before {
  content: "\FAFA";
}

.mdi-alpha-o:before {
  content: "\4F";
}

.mdi-alpha-o-box:before {
  content: "\FAFB";
}

.mdi-alpha-p:before {
  content: "\50";
}

.mdi-alpha-p-box:before {
  content: "\FAFC";
}

.mdi-alpha-q:before {
  content: "\51";
}

.mdi-alpha-q-box:before {
  content: "\FAFD";
}

.mdi-alpha-r:before {
  content: "\52";
}

.mdi-alpha-r-box:before {
  content: "\FAFE";
}

.mdi-alpha-s:before {
  content: "\53";
}

.mdi-alpha-s-box:before {
  content: "\FAFF";
}

.mdi-alpha-t:before {
  content: "\54";
}

.mdi-alpha-t-box:before {
  content: "\FB00";
}

.mdi-alpha-u:before {
  content: "\55";
}

.mdi-alpha-u-box:before {
  content: "\FB01";
}

.mdi-alpha-v:before {
  content: "\56";
}

.mdi-alpha-v-box:before {
  content: "\FB02";
}

.mdi-alpha-w:before {
  content: "\57";
}

.mdi-alpha-w-box:before {
  content: "\FB03";
}

.mdi-alpha-x:before {
  content: "\58";
}

.mdi-alpha-x-box:before {
  content: "\FB04";
}

.mdi-alpha-y:before {
  content: "\59";
}

.mdi-alpha-y-box:before {
  content: "\FB05";
}

.mdi-alpha-z:before {
  content: "\5A";
}

.mdi-alpha-z-box:before {
  content: "\FB06";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-alexa:before {
  content: "\F8C5";
}

.mdi-amazon-drive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-ampersand:before {
  content: "\FA8C";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-auto:before {
  content: "\FA8D";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-head:before {
  content: "\F78F";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angle-acute:before {
  content: "\F936";
}

.mdi-angle-obtuse:before {
  content: "\F937";
}

.mdi-angle-right:before {
  content: "\F938";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-animation-outline:before {
  content: "\FA8E";
}

.mdi-animation-play:before {
  content: "\F939";
}

.mdi-animation-play-outline:before {
  content: "\FA8F";
}

.mdi-anvil:before {
  content: "\F89A";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-icloud:before {
  content: "\F038";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-arch:before {
  content: "\F8C6";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-left-bold-outline:before {
  content: "\F9B6";
}

.mdi-arrow-bottom-left-thick:before {
  content: "\F9B7";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-bottom-right-bold-outline:before {
  content: "\F9B8";
}

.mdi-arrow-bottom-right-thick:before {
  content: "\F9B9";
}

.mdi-arrow-collapse:before {
  content: "\F615";
}

.mdi-arrow-collapse-all:before {
  content: "\F044";
}

.mdi-arrow-collapse-down:before {
  content: "\F791";
}

.mdi-arrow-collapse-horizontal:before {
  content: "\F84B";
}

.mdi-arrow-collapse-left:before {
  content: "\F792";
}

.mdi-arrow-collapse-right:before {
  content: "\F793";
}

.mdi-arrow-collapse-up:before {
  content: "\F794";
}

.mdi-arrow-collapse-vertical:before {
  content: "\F84C";
}

.mdi-arrow-decision:before {
  content: "\F9BA";
}

.mdi-arrow-decision-auto:before {
  content: "\F9BB";
}

.mdi-arrow-decision-auto-outline:before {
  content: "\F9BC";
}

.mdi-arrow-decision-outline:before {
  content: "\F9BD";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-bold-outline:before {
  content: "\F9BE";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-expand-down:before {
  content: "\F795";
}

.mdi-arrow-expand-horizontal:before {
  content: "\F84D";
}

.mdi-arrow-expand-left:before {
  content: "\F796";
}

.mdi-arrow-expand-right:before {
  content: "\F797";
}

.mdi-arrow-expand-up:before {
  content: "\F798";
}

.mdi-arrow-expand-vertical:before {
  content: "\F84E";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-bold-outline:before {
  content: "\F9BF";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-right-bold-outline:before {
  content: "\F9C0";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-bold-outline:before {
  content: "\F9C1";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-split-horizontal:before {
  content: "\F93A";
}

.mdi-arrow-split-vertical:before {
  content: "\F93B";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-left-bold-outline:before {
  content: "\F9C2";
}

.mdi-arrow-top-left-thick:before {
  content: "\F9C3";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-top-right-bold-outline:before {
  content: "\F9C4";
}

.mdi-arrow-top-right-thick:before {
  content: "\F9C5";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-bold-outline:before {
  content: "\F9C6";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-down-bold-outline:before {
  content: "\F9C7";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-artist:before {
  content: "\F802";
}

.mdi-artstation:before {
  content: "\FB37";
}

.mdi-aspect-ratio:before {
  content: "\FA23";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atlassian:before {
  content: "\F803";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audio-video:before {
  content: "\F93C";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-augmented-reality:before {
  content: "\F84F";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-axe:before {
  content: "\F8C7";
}

.mdi-azure:before {
  content: "\F804";
}

.mdi-babel:before {
  content: "\FA24";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backspace-outline:before {
  content: "\FB38";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-badminton:before {
  content: "\F850";
}

.mdi-balloon:before {
  content: "\FA25";
}

.mdi-ballot:before {
  content: "\F9C8";
}

.mdi-ballot-outline:before {
  content: "\F9C9";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-bank-transfer:before {
  content: "\FA26";
}

.mdi-bank-transfer-in:before {
  content: "\FA27";
}

.mdi-bank-transfer-out:before {
  content: "\FA28";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barley-off:before {
  content: "\FB39";
}

.mdi-barn:before {
  content: "\FB3A";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-baseball:before {
  content: "\F851";
}

.mdi-baseball-bat:before {
  content: "\F852";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-basketball:before {
  content: "\F805";
}

.mdi-bat:before {
  content: "\FB3B";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-10-bluetooth:before {
  content: "\F93D";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-20-bluetooth:before {
  content: "\F93E";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-30-bluetooth:before {
  content: "\F93F";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-40-bluetooth:before {
  content: "\F940";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-50-bluetooth:before {
  content: "\F941";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-60-bluetooth:before {
  content: "\F942";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-70-bluetooth:before {
  content: "\F943";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-80-bluetooth:before {
  content: "\F944";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-90-bluetooth:before {
  content: "\F945";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-alert-bluetooth:before {
  content: "\F946";
}

.mdi-battery-bluetooth:before {
  content: "\F947";
}

.mdi-battery-bluetooth-variant:before {
  content: "\F948";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-10:before {
  content: "\F89B";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-50:before {
  content: "\F89C";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-70:before {
  content: "\F89D";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-charging-outline:before {
  content: "\F89E";
}

.mdi-battery-charging-wireless:before {
  content: "\F806";
}

.mdi-battery-charging-wireless-10:before {
  content: "\F807";
}

.mdi-battery-charging-wireless-20:before {
  content: "\F808";
}

.mdi-battery-charging-wireless-30:before {
  content: "\F809";
}

.mdi-battery-charging-wireless-40:before {
  content: "\F80A";
}

.mdi-battery-charging-wireless-50:before {
  content: "\F80B";
}

.mdi-battery-charging-wireless-60:before {
  content: "\F80C";
}

.mdi-battery-charging-wireless-70:before {
  content: "\F80D";
}

.mdi-battery-charging-wireless-80:before {
  content: "\F80E";
}

.mdi-battery-charging-wireless-90:before {
  content: "\F80F";
}

.mdi-battery-charging-wireless-alert:before {
  content: "\F810";
}

.mdi-battery-charging-wireless-outline:before {
  content: "\F811";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-battery-unknown-bluetooth:before {
  content: "\F949";
}

.mdi-battlenet:before {
  content: "\FB3C";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-bed-empty:before {
  content: "\F89F";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-off-outline:before {
  content: "\FA90";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-plus-outline:before {
  content: "\FA91";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-bell-sleep-outline:before {
  content: "\FA92";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-betamax:before {
  content: "\F9CA";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-billiards:before {
  content: "\FB3D";
}

.mdi-billiards-rack:before {
  content: "\FB3E";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-bitcoin:before {
  content: "\F812";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-lock:before {
  content: "\F799";
}

.mdi-book-lock-open:before {
  content: "\F79A";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-minus:before {
  content: "\FA93";
}

.mdi-book-multiple-plus:before {
  content: "\FA94";
}

.mdi-book-multiple-remove:before {
  content: "\FA95";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-outline:before {
  content: "\FB3F";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-outline:before {
  content: "\FB40";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-remove:before {
  content: "\FA96";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-minus:before {
  content: "\F9CB";
}

.mdi-bookmark-minus-outline:before {
  content: "\F9CC";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-off:before {
  content: "\F9CD";
}

.mdi-bookmark-off-outline:before {
  content: "\F9CE";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-all-variant:before {
  content: "\F8A0";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-bottom-variant:before {
  content: "\F8A1";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-left-variant:before {
  content: "\F8A2";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-none-variant:before {
  content: "\F8A3";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-right-variant:before {
  content: "\F8A4";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-top-variant:before {
  content: "\F8A5";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bottle-wine:before {
  content: "\F853";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-boxing-glove:before {
  content: "\FB41";
}

.mdi-braille:before {
  content: "\F9CF";
}

.mdi-brain:before {
  content: "\F9D0";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-edit:before {
  content: "\FA97";
}

.mdi-briefcase-minus:before {
  content: "\FA29";
}

.mdi-briefcase-outline:before {
  content: "\F813";
}

.mdi-briefcase-plus:before {
  content: "\FA2A";
}

.mdi-briefcase-remove:before {
  content: "\FA2B";
}

.mdi-briefcase-search:before {
  content: "\FA2C";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buddhism:before {
  content: "\F94A";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bug-check:before {
  content: "\FA2D";
}

.mdi-bug-check-outline:before {
  content: "\FA2E";
}

.mdi-bug-outline:before {
  content: "\FA2F";
}

.mdi-bulldozer:before {
  content: "\FB07";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullhorn-outline:before {
  content: "\FB08";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-bullseye-arrow:before {
  content: "\F8C8";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-bus-alert:before {
  content: "\FA98";
}

.mdi-bus-articulated-end:before {
  content: "\F79B";
}

.mdi-bus-articulated-front:before {
  content: "\F79C";
}

.mdi-bus-clock:before {
  content: "\F8C9";
}

.mdi-bus-double-decker:before {
  content: "\F79D";
}

.mdi-bus-school:before {
  content: "\F79E";
}

.mdi-bus-side:before {
  content: "\F79F";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calculator-variant:before {
  content: "\FA99";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-alert:before {
  content: "\FA30";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-blank-outline:before {
  content: "\FB42";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-edit:before {
  content: "\F8A6";
}

.mdi-calendar-export:before {
  content: "\FB09";
}

.mdi-calendar-heart:before {
  content: "\F9D1";
}

.mdi-calendar-import:before {
  content: "\FB0A";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-multiselect:before {
  content: "\FA31";
}

.mdi-calendar-outline:before {
  content: "\FB43";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-range-outline:before {
  content: "\FB44";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-search:before {
  content: "\F94B";
}

.mdi-calendar-star:before {
  content: "\F9D2";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-calendar-week:before {
  content: "\FA32";
}

.mdi-calendar-week-begin:before {
  content: "\FA33";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-account:before {
  content: "\F8CA";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-control:before {
  content: "\FB45";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-enhance-outline:before {
  content: "\FB46";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-gopro:before {
  content: "\F7A0";
}

.mdi-camera-image:before {
  content: "\F8CB";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-metering-center:before {
  content: "\F7A1";
}

.mdi-camera-metering-matrix:before {
  content: "\F7A2";
}

.mdi-camera-metering-partial:before {
  content: "\F7A3";
}

.mdi-camera-metering-spot:before {
  content: "\F7A4";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-cannabis:before {
  content: "\F7A5";
}

.mdi-caps-lock:before {
  content: "\FA9A";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-convertible:before {
  content: "\F7A6";
}

.mdi-car-door:before {
  content: "\FB47";
}

.mdi-car-electric:before {
  content: "\FB48";
}

.mdi-car-estate:before {
  content: "\F7A7";
}

.mdi-car-hatchback:before {
  content: "\F7A8";
}

.mdi-car-key:before {
  content: "\FB49";
}

.mdi-car-limousine:before {
  content: "\F8CC";
}

.mdi-car-multiple:before {
  content: "\FB4A";
}

.mdi-car-pickup:before {
  content: "\F7A9";
}

.mdi-car-side:before {
  content: "\F7AA";
}

.mdi-car-sports:before {
  content: "\F7AB";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-caravan:before {
  content: "\F7AC";
}

.mdi-card:before {
  content: "\FB4B";
}

.mdi-card-bulleted:before {
  content: "\FB4C";
}

.mdi-card-bulleted-off:before {
  content: "\FB4D";
}

.mdi-card-bulleted-off-outline:before {
  content: "\FB4E";
}

.mdi-card-bulleted-outline:before {
  content: "\FB4F";
}

.mdi-card-bulleted-settings:before {
  content: "\FB50";
}

.mdi-card-bulleted-settings-outline:before {
  content: "\FB51";
}

.mdi-card-outline:before {
  content: "\FB52";
}

.mdi-card-text:before {
  content: "\FB53";
}

.mdi-card-text-outline:before {
  content: "\FB54";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-club:before {
  content: "\F8CD";
}

.mdi-cards-diamond:before {
  content: "\F8CE";
}

.mdi-cards-heart:before {
  content: "\F8CF";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-spade:before {
  content: "\F8D0";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-refund:before {
  content: "\FA9B";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cassette:before {
  content: "\F9D3";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-cctv:before {
  content: "\F7AD";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-arrow-down:before {
  content: "\F9D4";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-erase:before {
  content: "\F94C";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-key:before {
  content: "\F94D";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-lock:before {
  content: "\F94E";
}

.mdi-cellphone-message:before {
  content: "\F8D2";
}

.mdi-cellphone-off:before {
  content: "\F94F";
}

.mdi-cellphone-screenshot:before {
  content: "\FA34";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-cellphone-settings-variant:before {
  content: "\F950";
}

.mdi-cellphone-sound:before {
  content: "\F951";
}

.mdi-cellphone-text:before {
  content: "\F8D1";
}

.mdi-cellphone-wireless:before {
  content: "\F814";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-donut:before {
  content: "\F7AE";
}

.mdi-chart-donut-variant:before {
  content: "\F7AF";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-line-variant:before {
  content: "\F7B0";
}

.mdi-chart-multiline:before {
  content: "\F8D3";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-chat:before {
  content: "\FB55";
}

.mdi-chat-alert:before {
  content: "\FB56";
}

.mdi-chat-processing:before {
  content: "\FB57";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-check-decagram:before {
  content: "\F790";
}

.mdi-check-outline:before {
  content: "\F854";
}

.mdi-checkbook:before {
  content: "\FA9C";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-intermediate:before {
  content: "\F855";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chef-hat:before {
  content: "\FB58";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chess-bishop:before {
  content: "\F85B";
}

.mdi-chess-king:before {
  content: "\F856";
}

.mdi-chess-knight:before {
  content: "\F857";
}

.mdi-chess-pawn:before {
  content: "\F858";
}

.mdi-chess-queen:before {
  content: "\F859";
}

.mdi-chess-rook:before {
  content: "\F85A";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-down-box:before {
  content: "\F9D5";
}

.mdi-chevron-down-box-outline:before {
  content: "\F9D6";
}

.mdi-chevron-down-circle:before {
  content: "\FB0B";
}

.mdi-chevron-down-circle-outline:before {
  content: "\FB0C";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-left-box:before {
  content: "\F9D7";
}

.mdi-chevron-left-box-outline:before {
  content: "\F9D8";
}

.mdi-chevron-left-circle:before {
  content: "\FB0D";
}

.mdi-chevron-left-circle-outline:before {
  content: "\FB0E";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-right-box:before {
  content: "\F9D9";
}

.mdi-chevron-right-box-outline:before {
  content: "\F9DA";
}

.mdi-chevron-right-circle:before {
  content: "\FB0F";
}

.mdi-chevron-right-circle-outline:before {
  content: "\FB10";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chevron-up-box:before {
  content: "\F9DB";
}

.mdi-chevron-up-box-outline:before {
  content: "\F9DC";
}

.mdi-chevron-up-circle:before {
  content: "\FB11";
}

.mdi-chevron-up-circle-outline:before {
  content: "\FB12";
}

.mdi-chili-hot:before {
  content: "\F7B1";
}

.mdi-chili-medium:before {
  content: "\F7B2";
}

.mdi-chili-mild:before {
  content: "\F7B3";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-christianity:before {
  content: "\F952";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-edit-outline:before {
  content: "\F8D4";
}

.mdi-circle-medium:before {
  content: "\F9DD";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-circle-slice-1:before {
  content: "\FA9D";
}

.mdi-circle-slice-2:before {
  content: "\FA9E";
}

.mdi-circle-slice-3:before {
  content: "\FA9F";
}

.mdi-circle-slice-4:before {
  content: "\FAA0";
}

.mdi-circle-slice-5:before {
  content: "\FAA1";
}

.mdi-circle-slice-6:before {
  content: "\FAA2";
}

.mdi-circle-slice-7:before {
  content: "\FAA3";
}

.mdi-circle-slice-8:before {
  content: "\FAA4";
}

.mdi-circle-small:before {
  content: "\F9DE";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-city-variant:before {
  content: "\FA35";
}

.mdi-city-variant-outline:before {
  content: "\FA36";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-check-outline:before {
  content: "\F8A7";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-pulse:before {
  content: "\F85C";
}

.mdi-clipboard-pulse-outline:before {
  content: "\F85D";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clipboard-text-outline:before {
  content: "\FA37";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F953";
}

.mdi-clock-alert:before {
  content: "\F954";
}

.mdi-clock-alert-outline:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-outline:before {
  content: "\F150";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-alert:before {
  content: "\F9DF";
}

.mdi-cloud-braces:before {
  content: "\F7B4";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-download-outline:before {
  content: "\FB59";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-question:before {
  content: "\FA38";
}

.mdi-cloud-search:before {
  content: "\F955";
}

.mdi-cloud-search-outline:before {
  content: "\F956";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-tags:before {
  content: "\F7B5";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-cloud-upload-outline:before {
  content: "\FB5A";
}

.mdi-clover:before {
  content: "\F815";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-coffin:before {
  content: "\FB5B";
}

.mdi-cogs:before {
  content: "\F8D5";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-collapse-all:before {
  content: "\FAA5";
}

.mdi-collapse-all-outline:before {
  content: "\FAA6";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-arrow-left:before {
  content: "\F9E0";
}

.mdi-comment-arrow-left-outline:before {
  content: "\F9E1";
}

.mdi-comment-arrow-right:before {
  content: "\F9E2";
}

.mdi-comment-arrow-right-outline:before {
  content: "\F9E3";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-eye:before {
  content: "\FA39";
}

.mdi-comment-eye-outline:before {
  content: "\FA3A";
}

.mdi-comment-multiple:before {
  content: "\F85E";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus:before {
  content: "\F9E4";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question:before {
  content: "\F816";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove:before {
  content: "\F5DE";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-search:before {
  content: "\FA3B";
}

.mdi-comment-search-outline:before {
  content: "\FA3C";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-multiple:before {
  content: "\F85F";
}

.mdi-comment-text-multiple-outline:before {
  content: "\F860";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-off:before {
  content: "\FB5C";
}

.mdi-compass-off-outline:before {
  content: "\FB5D";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-console-line:before {
  content: "\F7B6";
}

.mdi-console-network:before {
  content: "\F8A8";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-contain:before {
  content: "\FA3D";
}

.mdi-contain-end:before {
  content: "\FA3E";
}

.mdi-contain-start:before {
  content: "\FA3F";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-outline:before {
  content: "\F817";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-content-save-settings-outline:before {
  content: "\FB13";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-controller-classic:before {
  content: "\FB5E";
}

.mdi-controller-classic-outline:before {
  content: "\FB5F";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-cordova:before {
  content: "\F957";
}

.mdi-corn:before {
  content: "\F7B7";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-crane:before {
  content: "\F861";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-refund:before {
  content: "\FAA7";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-credit-card-settings:before {
  content: "\F8D6";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cryengine:before {
  content: "\F958";
}

.mdi-crystal-ball:before {
  content: "\FB14";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-scan:before {
  content: "\FB60";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-cupcake:before {
  content: "\F959";
}

.mdi-curling:before {
  content: "\F862";
}

.mdi-currency-bdt:before {
  content: "\F863";
}

.mdi-currency-brl:before {
  content: "\FB61";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-chf:before {
  content: "\F7B8";
}

.mdi-currency-cny:before {
  content: "\F7B9";
}

.mdi-currency-eth:before {
  content: "\F7BA";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-jpy:before {
  content: "\F7BB";
}

.mdi-currency-krw:before {
  content: "\F7BC";
}

.mdi-currency-kzt:before {
  content: "\F864";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-php:before {
  content: "\F9E5";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-sign:before {
  content: "\F7BD";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-twd:before {
  content: "\F7BE";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-current-ac:before {
  content: "\F95A";
}

.mdi-current-dc:before {
  content: "\F95B";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-check:before {
  content: "\FAA8";
}

.mdi-database-edit:before {
  content: "\FB62";
}

.mdi-database-export:before {
  content: "\F95D";
}

.mdi-database-import:before {
  content: "\F95C";
}

.mdi-database-lock:before {
  content: "\FAA9";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-database-search:before {
  content: "\F865";
}

.mdi-death-star:before {
  content: "\F8D7";
}

.mdi-death-star-variant:before {
  content: "\F8D8";
}

.mdi-deathly-hallows:before {
  content: "\FB63";
}

.mdi-debian:before {
  content: "\F8D9";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-circle-outline:before {
  content: "\FB64";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-forever-outline:before {
  content: "\FB65";
}

.mdi-delete-outline:before {
  content: "\F9E6";
}

.mdi-delete-restore:before {
  content: "\F818";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-desk-lamp:before {
  content: "\F95E";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-classic:before {
  content: "\F7BF";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-mac-dashboard:before {
  content: "\F9E7";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-desktop-tower-monitor:before {
  content: "\FAAA";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\FB66";
}

.mdi-diamond-outline:before {
  content: "\FB67";
}

.mdi-diamond-stone:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d12:before {
  content: "\F866";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-dip-switch:before {
  content: "\F7C0";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-disc:before {
  content: "\F5EE";
}

.mdi-disc-alert:before {
  content: "\F1D1";
}

.mdi-disc-player:before {
  content: "\F95F";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-dishwasher:before {
  content: "\FAAB";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dlna:before {
  content: "\FA40";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-dns-outline:before {
  content: "\FB68";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-docker:before {
  content: "\F867";
}

.mdi-doctor:before {
  content: "\FA41";
}

.mdi-dog:before {
  content: "\FA42";
}

.mdi-dog-service:before {
  content: "\FAAC";
}

.mdi-dog-side:before {
  content: "\FA43";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-donkey:before {
  content: "\F7C1";
}

.mdi-door:before {
  content: "\F819";
}

.mdi-door-closed:before {
  content: "\F81A";
}

.mdi-door-open:before {
  content: "\F81B";
}

.mdi-doorbell-video:before {
  content: "\F868";
}

.mdi-dot-net:before {
  content: "\FAAD";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-horizontal-circle:before {
  content: "\F7C2";
}

.mdi-dots-horizontal-circle-outline:before {
  content: "\FB69";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-dots-vertical-circle:before {
  content: "\F7C3";
}

.mdi-dots-vertical-circle-outline:before {
  content: "\FB6A";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-multiple:before {
  content: "\F9E8";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-download-outline:before {
  content: "\FB6B";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-variant:before {
  content: "\FB6C";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-ear-hearing:before {
  content: "\F7C4";
}

.mdi-ear-hearing-off:before {
  content: "\FA44";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-egg:before {
  content: "\FAAE";
}

.mdi-egg-easter:before {
  content: "\FAAF";
}

.mdi-eight-track:before {
  content: "\F9E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-eject-outline:before {
  content: "\FB6D";
}

.mdi-elephant:before {
  content: "\F7C5";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-check:before {
  content: "\FAB0";
}

.mdi-email-check-outline:before {
  content: "\FAB1";
}

.mdi-email-lock:before {
  content: "\F1F1";
}

.mdi-email-mark-as-unread:before {
  content: "\FB6E";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-plus:before {
  content: "\F9EA";
}

.mdi-email-plus-outline:before {
  content: "\F9EB";
}

.mdi-email-search:before {
  content: "\F960";
}

.mdi-email-search-outline:before {
  content: "\F961";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-ember:before {
  content: "\FB15";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-off:before {
  content: "\FA45";
}

.mdi-engine-off-outline:before {
  content: "\FA46";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-et:before {
  content: "\FAB2";
}

.mdi-ethereum:before {
  content: "\F869";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-eventbrite:before {
  content: "\F7C6";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-run:before {
  content: "\FA47";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-expand-all:before {
  content: "\FAB3";
}

.mdi-expand-all-outline:before {
  content: "\FAB4";
}

.mdi-exponent:before {
  content: "\F962";
}

.mdi-exponent-box:before {
  content: "\F963";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-export-variant:before {
  content: "\FB6F";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-circle:before {
  content: "\FB70";
}

.mdi-eye-circle-outline:before {
  content: "\FB71";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eye-plus:before {
  content: "\F86A";
}

.mdi-eye-plus-outline:before {
  content: "\F86B";
}

.mdi-eye-settings:before {
  content: "\F86C";
}

.mdi-eye-settings-outline:before {
  content: "\F86D";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-outline:before {
  content: "\FB72";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-facebook-workplace:before {
  content: "\FB16";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fan-off:before {
  content: "\F81C";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-feature-search:before {
  content: "\FA48";
}

.mdi-feature-search-outline:before {
  content: "\FA49";
}

.mdi-fedora:before {
  content: "\F8DA";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-alert:before {
  content: "\FA4A";
}

.mdi-file-alert-outline:before {
  content: "\FA4B";
}

.mdi-file-cabinet:before {
  content: "\FAB5";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-compare:before {
  content: "\F8A9";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-document-box-multiple:before {
  content: "\FAB6";
}

.mdi-file-document-box-multiple-outline:before {
  content: "\FAB7";
}

.mdi-file-document-box-outline:before {
  content: "\F9EC";
}

.mdi-file-document-outline:before {
  content: "\F9ED";
}

.mdi-file-download:before {
  content: "\F964";
}

.mdi-file-download-outline:before {
  content: "\F965";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-find-outline:before {
  content: "\FB73";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-move:before {
  content: "\FAB8";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-percent:before {
  content: "\F81D";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-question:before {
  content: "\F86E";
}

.mdi-file-remove:before {
  content: "\FB74";
}

.mdi-file-replace:before {
  content: "\FB17";
}

.mdi-file-replace-outline:before {
  content: "\FB18";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-undo:before {
  content: "\F8DB";
}

.mdi-file-upload:before {
  content: "\FA4C";
}

.mdi-file-upload-outline:before {
  content: "\FA4D";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-finance:before {
  content: "\F81E";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-fire-truck:before {
  content: "\F8AA";
}

.mdi-firebase:before {
  content: "\F966";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-minus:before {
  content: "\FB75";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-plus:before {
  content: "\FB76";
}

.mdi-flag-remove:before {
  content: "\FB77";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flag-variant-outline:before {
  content: "\F23E";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-circle:before {
  content: "\F81F";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floor-lamp:before {
  content: "\F8DC";
}

.mdi-floor-plan:before {
  content: "\F820";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-floppy-variant:before {
  content: "\F9EE";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-flower-outline:before {
  content: "\F9EF";
}

.mdi-flower-tulip:before {
  content: "\F9F0";
}

.mdi-flower-tulip-outline:before {
  content: "\F9F1";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-account-outline:before {
  content: "\FB78";
}

.mdi-folder-clock:before {
  content: "\FAB9";
}

.mdi-folder-clock-outline:before {
  content: "\FABA";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-edit:before {
  content: "\F8DD";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-key:before {
  content: "\F8AB";
}

.mdi-folder-key-network:before {
  content: "\F8AC";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-network:before {
  content: "\F86F";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-plus-outline:before {
  content: "\FB79";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-remove-outline:before {
  content: "\FB7A";
}

.mdi-folder-search:before {
  content: "\F967";
}

.mdi-folder-search-outline:before {
  content: "\F968";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-star-outline:before {
  content: "\FB7B";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-croissant:before {
  content: "\F7C7";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-forklift:before {
  content: "\F7C8";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-minus:before {
  content: "\FABB";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-columns:before {
  content: "\F8DE";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-font-size-decrease:before {
  content: "\F9F2";
}

.mdi-format-font-size-increase:before {
  content: "\F9F3";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-letter-case:before {
  content: "\FB19";
}

.mdi-format-letter-case-lower:before {
  content: "\FB1A";
}

.mdi-format-letter-case-upper:before {
  content: "\FB1B";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checkbox:before {
  content: "\F969";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forum-outline:before {
  content: "\F821";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-fountain:before {
  content: "\F96A";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-freebsd:before {
  content: "\F8DF";
}

.mdi-fridge:before {
  content: "\F290";
}

.mdi-fridge-bottom:before {
  content: "\F292";
}

.mdi-fridge-outline:before {
  content: "\F28F";
}

.mdi-fridge-top:before {
  content: "\F291";
}

.mdi-fuel:before {
  content: "\F7C9";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-function-variant:before {
  content: "\F870";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-alert:before {
  content: "\F871";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gate-and:before {
  content: "\F8E0";
}

.mdi-gate-nand:before {
  content: "\F8E1";
}

.mdi-gate-nor:before {
  content: "\F8E2";
}

.mdi-gate-not:before {
  content: "\F8E3";
}

.mdi-gate-or:before {
  content: "\F8E4";
}

.mdi-gate-xnor:before {
  content: "\F8E5";
}

.mdi-gate-xor:before {
  content: "\F8E6";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gauge-empty:before {
  content: "\F872";
}

.mdi-gauge-full:before {
  content: "\F873";
}

.mdi-gauge-low:before {
  content: "\F874";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gentoo:before {
  content: "\F8E7";
}

.mdi-gesture:before {
  content: "\F7CA";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-pinch:before {
  content: "\FABC";
}

.mdi-gesture-spread:before {
  content: "\FABD";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-horizontal:before {
  content: "\FABE";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-swipe-vertical:before {
  content: "\FABF";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-ghost-off:before {
  content: "\F9F4";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-gitlab:before {
  content: "\FB7C";
}

.mdi-glass-cocktail:before {
  content: "\F356";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glass-wine:before {
  content: "\F875";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-globe-model:before {
  content: "\F8E8";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-gog:before {
  content: "\FB7D";
}

.mdi-golf:before {
  content: "\F822";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-allo:before {
  content: "\F801";
}

.mdi-google-analytics:before {
  content: "\F7CB";
}

.mdi-google-assistant:before {
  content: "\F7CC";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-fit:before {
  content: "\F96B";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-hangouts:before {
  content: "\F2C9";
}

.mdi-google-home:before {
  content: "\F823";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-lens:before {
  content: "\F9F5";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-spreadsheet:before {
  content: "\F9F6";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gpu:before {
  content: "\F8AD";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-graphql:before {
  content: "\F876";
}

.mdi-grave-stone:before {
  content: "\FB7E";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-greater-than:before {
  content: "\F96C";
}

.mdi-greater-than-or-equal:before {
  content: "\F96D";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-guy-fawkes-mask:before {
  content: "\F824";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hail:before {
  content: "\FAC0";
}

.mdi-halloween:before {
  content: "\FB7F";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hammer:before {
  content: "\F8E9";
}

.mdi-hand:before {
  content: "\FA4E";
}

.mdi-hand-okay:before {
  content: "\FA4F";
}

.mdi-hand-peace:before {
  content: "\FA50";
}

.mdi-hand-peace-variant:before {
  content: "\FA51";
}

.mdi-hand-pointing-down:before {
  content: "\FA52";
}

.mdi-hand-pointing-left:before {
  content: "\FA53";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hand-pointing-up:before {
  content: "\FA54";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hard-hat:before {
  content: "\F96E";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-hat-fedora:before {
  content: "\FB80";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-bluetooth:before {
  content: "\F96F";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-off:before {
  content: "\F7CD";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-circle:before {
  content: "\F970";
}

.mdi-heart-circle-outline:before {
  content: "\F971";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-multiple:before {
  content: "\FA55";
}

.mdi-heart-multiple-outline:before {
  content: "\FA56";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-helicopter:before {
  content: "\FAC1";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-help-rhombus:before {
  content: "\FB81";
}

.mdi-help-rhombus-outline:before {
  content: "\FB82";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-hexagon-slice-1:before {
  content: "\FAC2";
}

.mdi-hexagon-slice-2:before {
  content: "\FAC3";
}

.mdi-hexagon-slice-3:before {
  content: "\FAC4";
}

.mdi-hexagon-slice-4:before {
  content: "\FAC5";
}

.mdi-hexagon-slice-5:before {
  content: "\FAC6";
}

.mdi-hexagon-slice-6:before {
  content: "\FAC7";
}

.mdi-hexagram:before {
  content: "\FAC8";
}

.mdi-hexagram-outline:before {
  content: "\FAC9";
}

.mdi-high-definition:before {
  content: "\F7CE";
}

.mdi-high-definition-box:before {
  content: "\F877";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-hinduism:before {
  content: "\F972";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hockey-puck:before {
  content: "\F878";
}

.mdi-hockey-sticks:before {
  content: "\F879";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-account:before {
  content: "\F825";
}

.mdi-home-alert:before {
  content: "\F87A";
}

.mdi-home-assistant:before {
  content: "\F7CF";
}

.mdi-home-automation:before {
  content: "\F7D0";
}

.mdi-home-circle:before {
  content: "\F7D1";
}

.mdi-home-currency-usd:before {
  content: "\F8AE";
}

.mdi-home-heart:before {
  content: "\F826";
}

.mdi-home-lock:before {
  content: "\F8EA";
}

.mdi-home-lock-open:before {
  content: "\F8EB";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-minus:before {
  content: "\F973";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-plus:before {
  content: "\F974";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-home-variant-outline:before {
  content: "\FB83";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-horseshoe:before {
  content: "\FA57";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hot-tub:before {
  content: "\F827";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-hulu:before {
  content: "\F828";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-female-boy:before {
  content: "\FA58";
}

.mdi-human-female-female:before {
  content: "\FA59";
}

.mdi-human-female-girl:before {
  content: "\FA5A";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-boy:before {
  content: "\FA5B";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-male-girl:before {
  content: "\FA5C";
}

.mdi-human-male-male:before {
  content: "\FA5D";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-ice-cream:before {
  content: "\F829";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-move:before {
  content: "\F9F7";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-image-off:before {
  content: "\F82A";
}

.mdi-image-outline:before {
  content: "\F975";
}

.mdi-image-plus:before {
  content: "\F87B";
}

.mdi-image-search:before {
  content: "\F976";
}

.mdi-image-search-outline:before {
  content: "\F977";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-inbox-multiple:before {
  content: "\F8AF";
}

.mdi-inbox-multiple-outline:before {
  content: "\FB84";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-ip:before {
  content: "\FA5E";
}

.mdi-ip-network:before {
  content: "\FA5F";
}

.mdi-islam:before {
  content: "\F978";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jquery:before {
  content: "\F87C";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-judaism:before {
  content: "\F979";
}

.mdi-karate:before {
  content: "\F82B";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-outline:before {
  content: "\F97A";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-settings:before {
  content: "\F9F8";
}

.mdi-keyboard-settings-outline:before {
  content: "\F9F9";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-knife:before {
  content: "\F9FA";
}

.mdi-knife-military:before {
  content: "\F9FB";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-off:before {
  content: "\FACA";
}

.mdi-label-off-outline:before {
  content: "\FACB";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-label-variant:before {
  content: "\FACC";
}

.mdi-label-variant-outline:before {
  content: "\FACD";
}

.mdi-ladybug:before {
  content: "\F82C";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-go:before {
  content: "\F7D2";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-java:before {
  content: "\FB1C";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-lua:before {
  content: "\F8B0";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-r:before {
  content: "\F7D3";
}

.mdi-language-ruby-on-rails:before {
  content: "\FACE";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-laravel:before {
  content: "\FACF";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-lastpass:before {
  content: "\F446";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-lava-lamp:before {
  content: "\F7D4";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-layers-off-outline:before {
  content: "\F9FC";
}

.mdi-layers-outline:before {
  content: "\F9FD";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-strip:before {
  content: "\F7D5";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-less-than:before {
  content: "\F97B";
}

.mdi-less-than-or-equal:before {
  content: "\F97C";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-library-shelves:before {
  content: "\FB85";
}

.mdi-lifebuoy:before {
  content: "\F87D";
}

.mdi-light-switch:before {
  content: "\F97D";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-lighthouse:before {
  content: "\F9FE";
}

.mdi-lighthouse-on:before {
  content: "\F9FF";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-linux-mint:before {
  content: "\F8EC";
}

.mdi-litecoin:before {
  content: "\FA60";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-alert:before {
  content: "\F8ED";
}

.mdi-lock-clock:before {
  content: "\F97E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-question:before {
  content: "\F8EE";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-lock-smart:before {
  content: "\F8B1";
}

.mdi-locker:before {
  content: "\F7D6";
}

.mdi-locker-multiple:before {
  content: "\F7D7";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-lyft:before {
  content: "\FB1D";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-close:before {
  content: "\F97F";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-cursor:before {
  content: "\FA61";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-cursor:before {
  content: "\FA62";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-legend:before {
  content: "\FA00";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-distance:before {
  content: "\F8EF";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-outline:before {
  content: "\F7D8";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-map-minus:before {
  content: "\F980";
}

.mdi-map-outline:before {
  content: "\F981";
}

.mdi-map-plus:before {
  content: "\F982";
}

.mdi-map-search:before {
  content: "\F983";
}

.mdi-map-search-outline:before {
  content: "\F984";
}

.mdi-mapbox:before {
  content: "\FB86";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-mastodon:before {
  content: "\FAD0";
}

.mdi-mastodon-variant:before {
  content: "\FAD1";
}

.mdi-material-design:before {
  content: "\F985";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medal:before {
  content: "\F986";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-meetup:before {
  content: "\FAD2";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-left-outline:before {
  content: "\FA01";
}

.mdi-menu-open:before {
  content: "\FB87";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-right-outline:before {
  content: "\FA02";
}

.mdi-menu-swap:before {
  content: "\FA63";
}

.mdi-menu-swap-outline:before {
  content: "\FA64";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-alert-outline:before {
  content: "\FA03";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-metronome:before {
  content: "\F7D9";
}

.mdi-metronome-tick:before {
  content: "\F7DA";
}

.mdi-micro-sd:before {
  content: "\F7DB";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-minus:before {
  content: "\F8B2";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-plus:before {
  content: "\F8B3";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-microsoft-dynamics:before {
  content: "\F987";
}

.mdi-midi:before {
  content: "\F8F0";
}

.mdi-midi-port:before {
  content: "\F8F1";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-mini-sd:before {
  content: "\FA04";
}

.mdi-minidisc:before {
  content: "\FA05";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-mixed-reality:before {
  content: "\F87E";
}

.mdi-mixer:before {
  content: "\F7DC";
}

.mdi-molecule:before {
  content: "\FB88";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-cellphone:before {
  content: "\F988";
}

.mdi-monitor-cellphone-star:before {
  content: "\F989";
}

.mdi-monitor-dashboard:before {
  content: "\FA06";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-bluetooth:before {
  content: "\F98A";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-movie-roll:before {
  content: "\F7DD";
}

.mdi-muffin:before {
  content: "\F98B";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-mushroom:before {
  content: "\F7DE";
}

.mdi-mushroom-outline:before {
  content: "\F7DF";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-circle-outline:before {
  content: "\FAD3";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nas:before {
  content: "\F8F2";
}

.mdi-nativescript:before {
  content: "\F87F";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-network-strength-1:before {
  content: "\F8F3";
}

.mdi-network-strength-1-alert:before {
  content: "\F8F4";
}

.mdi-network-strength-2:before {
  content: "\F8F5";
}

.mdi-network-strength-2-alert:before {
  content: "\F8F6";
}

.mdi-network-strength-3:before {
  content: "\F8F7";
}

.mdi-network-strength-3-alert:before {
  content: "\F8F8";
}

.mdi-network-strength-4:before {
  content: "\F8F9";
}

.mdi-network-strength-4-alert:before {
  content: "\F8FA";
}

.mdi-network-strength-off:before {
  content: "\F8FB";
}

.mdi-network-strength-off-outline:before {
  content: "\F8FC";
}

.mdi-network-strength-outline:before {
  content: "\F8FD";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nintendo-switch:before {
  content: "\F7E0";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-not-equal:before {
  content: "\F98C";
}

.mdi-not-equal-variant:before {
  content: "\F98D";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notebook:before {
  content: "\F82D";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-npm-variant:before {
  content: "\F98E";
}

.mdi-npm-variant-outline:before {
  content: "\F98F";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-null:before {
  content: "\F7E1";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0:before {
  content: "\30";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1:before {
  content: "\31";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2:before {
  content: "\32";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3:before {
  content: "\33";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4:before {
  content: "\34";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5:before {
  content: "\35";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6:before {
  content: "\36";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7:before {
  content: "\37";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8:before {
  content: "\38";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9:before {
  content: "\39";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-office-building:before {
  content: "\F990";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-one-up:before {
  content: "\FB89";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-onepassword:before {
  content: "\F880";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-open-source-initiative:before {
  content: "\FB8A";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-origin:before {
  content: "\FB2B";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-pac-man:before {
  content: "\FB8B";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-page-next:before {
  content: "\FB8C";
}

.mdi-page-next-outline:before {
  content: "\FB8D";
}

.mdi-page-previous:before {
  content: "\FB8E";
}

.mdi-page-previous-outline:before {
  content: "\FB8F";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-palette-swatch:before {
  content: "\F8B4";
}

.mdi-pan:before {
  content: "\FB90";
}

.mdi-pan-bottom-left:before {
  content: "\FB91";
}

.mdi-pan-bottom-right:before {
  content: "\FB92";
}

.mdi-pan-down:before {
  content: "\FB93";
}

.mdi-pan-horizontal:before {
  content: "\FB94";
}

.mdi-pan-left:before {
  content: "\FB95";
}

.mdi-pan-right:before {
  content: "\FB96";
}

.mdi-pan-top-left:before {
  content: "\FB97";
}

.mdi-pan-top-right:before {
  content: "\FB98";
}

.mdi-pan-up:before {
  content: "\FB99";
}

.mdi-pan-vertical:before {
  content: "\FB9A";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-passport:before {
  content: "\F7E2";
}

.mdi-patreon:before {
  content: "\F881";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-paypal:before {
  content: "\F882";
}

.mdi-peace:before {
  content: "\F883";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periodic-table:before {
  content: "\F8B5";
}

.mdi-periodic-table-co2:before {
  content: "\F7E3";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-lock:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-return:before {
  content: "\F82E";
}

.mdi-phone-rotate-landscape:before {
  content: "\F884";
}

.mdi-phone-rotate-portrait:before {
  content: "\F885";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pickaxe:before {
  content: "\F8B6";
}

.mdi-pier:before {
  content: "\F886";
}

.mdi-pier-crane:before {
  content: "\F887";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pin-off-outline:before {
  content: "\F92F";
}

.mdi-pin-outline:before {
  content: "\F930";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pinwheel:before {
  content: "\FAD4";
}

.mdi-pinwheel-outline:before {
  content: "\FAD5";
}

.mdi-pipe:before {
  content: "\F7E4";
}

.mdi-pipe-disconnected:before {
  content: "\F7E5";
}

.mdi-pipe-leak:before {
  content: "\F888";
}

.mdi-pirate:before {
  content: "\FA07";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-piston:before {
  content: "\F889";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-network:before {
  content: "\F88A";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-play-speed:before {
  content: "\F8FE";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-edit:before {
  content: "\F8FF";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-minus:before {
  content: "\F991";
}

.mdi-plus-minus-box:before {
  content: "\F992";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-podcast:before {
  content: "\F993";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-pokemon-go:before {
  content: "\FA08";
}

.mdi-poker-chip:before {
  content: "\F82F";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-cycle:before {
  content: "\F900";
}

.mdi-power-off:before {
  content: "\F901";
}

.mdi-power-on:before {
  content: "\F902";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-sleep:before {
  content: "\F903";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-power-socket-au:before {
  content: "\F904";
}

.mdi-power-socket-eu:before {
  content: "\F7E6";
}

.mdi-power-socket-uk:before {
  content: "\F7E7";
}

.mdi-power-socket-us:before {
  content: "\F7E8";
}

.mdi-power-standby:before {
  content: "\F905";
}

.mdi-powershell:before {
  content: "\FA09";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-printer-wireless:before {
  content: "\FA0A";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-progress-check:before {
  content: "\F994";
}

.mdi-progress-clock:before {
  content: "\F995";
}

.mdi-progress-download:before {
  content: "\F996";
}

.mdi-progress-upload:before {
  content: "\F997";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-pumpkin:before {
  content: "\FB9B";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-puzzle-outline:before {
  content: "\FA65";
}

.mdi-qi:before {
  content: "\F998";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-edit:before {
  content: "\F8B7";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quality-low:before {
  content: "\FA0B";
}

.mdi-quality-medium:before {
  content: "\FA0C";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-rabbit:before {
  content: "\F906";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radiator-disabled:before {
  content: "\FAD6";
}

.mdi-radiator-off:before {
  content: "\FAD7";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-player:before {
  content: "\F999";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-reflect-horizontal:before {
  content: "\FA0D";
}

.mdi-reflect-vertical:before {
  content: "\FA0E";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-registered-trademark:before {
  content: "\FA66";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-reminder:before {
  content: "\F88B";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-remote-desktop:before {
  content: "\F8B8";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resistor:before {
  content: "\FB1F";
}

.mdi-resistor-nodes:before {
  content: "\FB20";
}

.mdi-resize:before {
  content: "\FA67";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F99A";
}

.mdi-restore-clock:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-medium:before {
  content: "\FA0F";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-rhombus-split:before {
  content: "\FA10";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-rice:before {
  content: "\F7E9";
}

.mdi-ring:before {
  content: "\F7EA";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-robot-industrial:before {
  content: "\FB21";
}

.mdi-robot-vacuum:before {
  content: "\F70C";
}

.mdi-robot-vacuum-variant:before {
  content: "\F907";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-rollupjs:before {
  content: "\FB9C";
}

.mdi-room-service:before {
  content: "\F88C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-router-wireless-settings:before {
  content: "\FA68";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-safe:before {
  content: "\FA69";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-salesforce:before {
  content: "\F88D";
}

.mdi-sass:before {
  content: "\F7EB";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-uplink:before {
  content: "\F908";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-sausage:before {
  content: "\F8B9";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-scanner-off:before {
  content: "\F909";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-scissors-cutting:before {
  content: "\FA6A";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\FB9D";
}

.mdi-script-outline:before {
  content: "\F478";
}

.mdi-script-text:before {
  content: "\FB9E";
}

.mdi-script-text-outline:before {
  content: "\FB9F";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-account:before {
  content: "\F88E";
}

.mdi-security-account-outline:before {
  content: "\FA11";
}

.mdi-security-close:before {
  content: "\F99B";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-lock:before {
  content: "\F99C";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-security-off:before {
  content: "\F99D";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-compare:before {
  content: "\FAD8";
}

.mdi-select-drag:before {
  content: "\FA6B";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-drag:before {
  content: "\FA6C";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-send-lock:before {
  content: "\F7EC";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-set-top-box:before {
  content: "\F99E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-settings-helper:before {
  content: "\FA6D";
}

.mdi-settings-outline:before {
  content: "\F8BA";
}

.mdi-shape:before {
  content: "\F830";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-outline:before {
  content: "\F831";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-outline:before {
  content: "\F931";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-key:before {
  content: "\FBA0";
}

.mdi-shield-key-outline:before {
  content: "\FBA1";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-shield-plus:before {
  content: "\FAD9";
}

.mdi-shield-plus-outline:before {
  content: "\FADA";
}

.mdi-shield-remove:before {
  content: "\FADB";
}

.mdi-shield-remove-outline:before {
  content: "\FADC";
}

.mdi-ship-wheel:before {
  content: "\F832";
}

.mdi-shoe-formal:before {
  content: "\FB22";
}

.mdi-shoe-heel:before {
  content: "\FB23";
}

.mdi-shopify:before {
  content: "\FADD";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shower:before {
  content: "\F99F";
}

.mdi-shower-head:before {
  content: "\F9A0";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-5g:before {
  content: "\FA6E";
}

.mdi-signal-cellular-1:before {
  content: "\F8BB";
}

.mdi-signal-cellular-2:before {
  content: "\F8BC";
}

.mdi-signal-cellular-3:before {
  content: "\F8BD";
}

.mdi-signal-cellular-outline:before {
  content: "\F8BE";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silo:before {
  content: "\FB24";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-fork-knife:before {
  content: "\FA6F";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sina-weibo:before {
  content: "\FADE";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skull-crossbones:before {
  content: "\FBA2";
}

.mdi-skull-crossbones-outline:before {
  content: "\FBA3";
}

.mdi-skull-outline:before {
  content: "\FBA4";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-slackware:before {
  content: "\F90A";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smog:before {
  content: "\FA70";
}

.mdi-smoke-detector:before {
  content: "\F392";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-soccer-field:before {
  content: "\F833";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solar-power:before {
  content: "\FA71";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-soy-sauce:before {
  content: "\F7ED";
}

.mdi-space-invaders:before {
  content: "\FBA5";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-bluetooth:before {
  content: "\F9A1";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spider-web:before {
  content: "\FBA6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-spray-bottle:before {
  content: "\FADF";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-edit-outline:before {
  content: "\F90B";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-medium:before {
  content: "\FA12";
}

.mdi-square-medium-outline:before {
  content: "\FA13";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-square-root-box:before {
  content: "\F9A2";
}

.mdi-square-small:before {
  content: "\FA14";
}

.mdi-squeegee:before {
  content: "\FAE0";
}

.mdi-ssh:before {
  content: "\F8BF";
}

.mdi-stack-exchange:before {
  content: "\F60B";
}

.mdi-stack-overflow:before {
  content: "\F4CC";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-standard-definition:before {
  content: "\F7EE";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-box:before {
  content: "\FA72";
}

.mdi-star-box-outline:before {
  content: "\FA73";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-circle-outline:before {
  content: "\F9A3";
}

.mdi-star-face:before {
  content: "\F9A4";
}

.mdi-star-four-points:before {
  content: "\FAE1";
}

.mdi-star-four-points-outline:before {
  content: "\FAE2";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-star-three-points:before {
  content: "\FAE3";
}

.mdi-star-three-points-outline:before {
  content: "\FAE4";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steam-box:before {
  content: "\F90C";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-steering-off:before {
  content: "\F90D";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-strava:before {
  content: "\FB25";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subtitles:before {
  content: "\FA15";
}

.mdi-subtitles-outline:before {
  content: "\FA16";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-surround-sound-2-0:before {
  content: "\F7EF";
}

.mdi-surround-sound-3-1:before {
  content: "\F7F0";
}

.mdi-surround-sound-5-1:before {
  content: "\F7F1";
}

.mdi-surround-sound-7-1:before {
  content: "\F7F2";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-horizontal-bold:before {
  content: "\FBA9";
}

.mdi-swap-horizontal-variant:before {
  content: "\F8C0";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swap-vertical-bold:before {
  content: "\FBAA";
}

.mdi-swap-vertical-variant:before {
  content: "\F8C1";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-symfony:before {
  content: "\FAE5";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-minus:before {
  content: "\FB26";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-remove:before {
  content: "\FB27";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-border:before {
  content: "\FA17";
}

.mdi-table-column:before {
  content: "\F834";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-merge-cells:before {
  content: "\F9A5";
}

.mdi-table-of-contents:before {
  content: "\F835";
}

.mdi-table-plus:before {
  content: "\FA74";
}

.mdi-table-remove:before {
  content: "\FA75";
}

.mdi-table-row:before {
  content: "\F836";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-table-search:before {
  content: "\F90E";
}

.mdi-table-settings:before {
  content: "\F837";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-cellphone:before {
  content: "\F9A6";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-heart-outline:before {
  content: "\FBAB";
}

.mdi-tag-minus:before {
  content: "\F90F";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-tape-measure:before {
  content: "\FB28";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-target-account:before {
  content: "\FBAC";
}

.mdi-target-variant:before {
  content: "\FA76";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teach:before {
  content: "\F88F";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-telescope:before {
  content: "\FB29";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-box:before {
  content: "\F838";
}

.mdi-television-classic:before {
  content: "\F7F3";
}

.mdi-television-classic-off:before {
  content: "\F839";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-television-off:before {
  content: "\F83A";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-test-tube-empty:before {
  content: "\F910";
}

.mdi-test-tube-off:before {
  content: "\F911";
}

.mdi-text:before {
  content: "\F9A7";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-short:before {
  content: "\F9A8";
}

.mdi-text-subject:before {
  content: "\F9A9";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-textbox-password:before {
  content: "\F7F4";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thermostat:before {
  content: "\F393";
}

.mdi-thermostat-box:before {
  content: "\F890";
}

.mdi-thought-bubble:before {
  content: "\F7F5";
}

.mdi-thought-bubble-outline:before {
  content: "\F7F6";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-outline:before {
  content: "\F912";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timeline:before {
  content: "\FBAD";
}

.mdi-timeline-outline:before {
  content: "\FBAE";
}

.mdi-timeline-text:before {
  content: "\FBAF";
}

.mdi-timeline-text-outline:before {
  content: "\FBB0";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-toggle-switch-off-outline:before {
  content: "\FA18";
}

.mdi-toggle-switch-outline:before {
  content: "\FA19";
}

.mdi-toilet:before {
  content: "\F9AA";
}

.mdi-toolbox:before {
  content: "\F9AB";
}

.mdi-toolbox-outline:before {
  content: "\F9AC";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-image-outline:before {
  content: "\FBB1";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-plus:before {
  content: "\FBB2";
}

.mdi-tooltip-plus-outline:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooltip-text-outline:before {
  content: "\FBB3";
}

.mdi-tooth:before {
  content: "\F8C2";
}

.mdi-tooth-outline:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tournament:before {
  content: "\F9AD";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-towing:before {
  content: "\F83B";
}

.mdi-track-light:before {
  content: "\F913";
}

.mdi-trackpad:before {
  content: "\F7F7";
}

.mdi-trackpad-lock:before {
  content: "\F932";
}

.mdi-tractor:before {
  content: "\F891";
}

.mdi-trademark:before {
  content: "\FA77";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-train-car:before {
  content: "\FBB4";
}

.mdi-train-variant:before {
  content: "\F8C3";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-transition:before {
  content: "\F914";
}

.mdi-transition-masked:before {
  content: "\F915";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-trash-can:before {
  content: "\FA78";
}

.mdi-trash-can-outline:before {
  content: "\FA79";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-triforce:before {
  content: "\FBB5";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\FA7A";
}

.mdi-tshirt-crew-outline:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\FA7B";
}

.mdi-tshirt-v-outline:before {
  content: "\F540";
}

.mdi-tumble-dryer:before {
  content: "\F916";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-box:before {
  content: "\F917";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-two-factor-authentication:before {
  content: "\F9AE";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubisoft:before {
  content: "\FBB6";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-ultra-high-definition:before {
  content: "\F7F8";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-closed:before {
  content: "\F9AF";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-unreal:before {
  content: "\F9B0";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-multiple:before {
  content: "\F83C";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-van-passenger:before {
  content: "\F7F9";
}

.mdi-van-utility:before {
  content: "\F7FA";
}

.mdi-vanish:before {
  content: "\F7FB";
}

.mdi-variable:before {
  content: "\FAE6";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-bezier:before {
  content: "\FAE7";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-ellipse:before {
  content: "\F892";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-venmo:before {
  content: "\F578";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vhs:before {
  content: "\FA1A";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-3d:before {
  content: "\F7FC";
}

.mdi-video-4k-box:before {
  content: "\F83D";
}

.mdi-video-account:before {
  content: "\F918";
}

.mdi-video-image:before {
  content: "\F919";
}

.mdi-video-input-antenna:before {
  content: "\F83E";
}

.mdi-video-input-component:before {
  content: "\F83F";
}

.mdi-video-input-hdmi:before {
  content: "\F840";
}

.mdi-video-input-svideo:before {
  content: "\F841";
}

.mdi-video-minus:before {
  content: "\F9B1";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-off-outline:before {
  content: "\FBB7";
}

.mdi-video-outline:before {
  content: "\FBB8";
}

.mdi-video-plus:before {
  content: "\F9B2";
}

.mdi-video-stabilization:before {
  content: "\F91A";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-video-vintage:before {
  content: "\FA1B";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-dashboard-outline:before {
  content: "\FA1C";
}

.mdi-view-dashboard-variant:before {
  content: "\F842";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-split-horizontal:before {
  content: "\FBA7";
}

.mdi-view-split-vertical:before {
  content: "\FBA8";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-virtual-reality:before {
  content: "\F893";
}

.mdi-visual-studio:before {
  content: "\F610";
}

.mdi-visual-studio-code:before {
  content: "\FA1D";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volleyball:before {
  content: "\F9B3";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vote:before {
  content: "\FA1E";
}

.mdi-vote-outline:before {
  content: "\FA1F";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-vuejs:before {
  content: "\F843";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wall:before {
  content: "\F7FD";
}

.mdi-wall-sconce:before {
  content: "\F91B";
}

.mdi-wall-sconce-flat:before {
  content: "\F91C";
}

.mdi-wall-sconce-variant:before {
  content: "\F91D";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-outline:before {
  content: "\FBB9";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-export-variant:before {
  content: "\F894";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-import-variant:before {
  content: "\F895";
}

.mdi-watch-variant:before {
  content: "\F896";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-waze:before {
  content: "\FBBA";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-hurricane:before {
  content: "\F897";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-weight-pound:before {
  content: "\F9B4";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-whistle:before {
  content: "\F9B5";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wifi-strength-1:before {
  content: "\F91E";
}

.mdi-wifi-strength-1-alert:before {
  content: "\F91F";
}

.mdi-wifi-strength-1-lock:before {
  content: "\F920";
}

.mdi-wifi-strength-2:before {
  content: "\F921";
}

.mdi-wifi-strength-2-alert:before {
  content: "\F922";
}

.mdi-wifi-strength-2-lock:before {
  content: "\F923";
}

.mdi-wifi-strength-3:before {
  content: "\F924";
}

.mdi-wifi-strength-3-alert:before {
  content: "\F925";
}

.mdi-wifi-strength-3-lock:before {
  content: "\F926";
}

.mdi-wifi-strength-4:before {
  content: "\F927";
}

.mdi-wifi-strength-4-alert:before {
  content: "\F928";
}

.mdi-wifi-strength-4-lock:before {
  content: "\F929";
}

.mdi-wifi-strength-alert-outline:before {
  content: "\F92A";
}

.mdi-wifi-strength-lock-outline:before {
  content: "\F92B";
}

.mdi-wifi-strength-off:before {
  content: "\F92C";
}

.mdi-wifi-strength-off-outline:before {
  content: "\F92D";
}

.mdi-wifi-strength-outline:before {
  content: "\F92E";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-windows-classic:before {
  content: "\FA20";
}

.mdi-wiper:before {
  content: "\FAE8";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrap-disabled:before {
  content: "\FBBB";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wrench-outline:before {
  content: "\FBBC";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xamarin:before {
  content: "\F844";
}

.mdi-xamarin-outline:before {
  content: "\F845";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-charging:before {
  content: "\FA21";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-xmpp:before {
  content: "\F7FE";
}

.mdi-yahoo:before {
  content: "\FB2A";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube:before {
  content: "\F5C3";
}

.mdi-youtube-creator-studio:before {
  content: "\F846";
}

.mdi-youtube-gaming:before {
  content: "\F847";
}

.mdi-youtube-tv:before {
  content: "\F448";
}

.mdi-z-wave:before {
  content: "\FAE9";
}

.mdi-zend:before {
  content: "\FAEA";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-zip-disk:before {
  content: "\FA22";
}

.mdi-zodiac-aquarius:before {
  content: "\FA7C";
}

.mdi-zodiac-aries:before {
  content: "\FA7D";
}

.mdi-zodiac-cancer:before {
  content: "\FA7E";
}

.mdi-zodiac-capricorn:before {
  content: "\FA7F";
}

.mdi-zodiac-gemini:before {
  content: "\FA80";
}

.mdi-zodiac-leo:before {
  content: "\FA81";
}

.mdi-zodiac-libra:before {
  content: "\FA82";
}

.mdi-zodiac-pisces:before {
  content: "\FA83";
}

.mdi-zodiac-sagittarius:before {
  content: "\FA84";
}

.mdi-zodiac-scorpio:before {
  content: "\FA85";
}

.mdi-zodiac-taurus:before {
  content: "\FA86";
}

.mdi-zodiac-virgo:before {
  content: "\FA87";
}

.mdi-blank:before {
  content: "\f68c";
  visibility: hidden;
}

.mdi-14px.mdi-set, .mdi-14px.mdi:before {
  font-size: 14px;
  line-height: 14px;
}

.mdi-16px.mdi-set, .mdi-16px.mdi:before {
  font-size: 16px;
  line-height: 16px;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
  line-height: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
  line-height: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
  line-height: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
  line-height: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: rgb(255, 255, 255);
}
.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mdi-rotate-45 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(45deg);
      transform: scaleX(-1) rotate(45deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: scaleY(-1) rotate(45deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mdi-rotate-90 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(90deg);
      transform: scaleX(-1) rotate(90deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: scaleY(-1) rotate(90deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mdi-rotate-135 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: scaleY(-1) rotate(135deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mdi-rotate-180 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(180deg);
      transform: scaleX(-1) rotate(180deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: scaleY(-1) rotate(180deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.mdi-rotate-225 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(225deg);
      transform: scaleX(-1) rotate(225deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: scaleY(-1) rotate(225deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.mdi-rotate-270 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(270deg);
      transform: scaleX(-1) rotate(270deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: scaleY(-1) rotate(270deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
.mdi-rotate-315 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(315deg);
      transform: scaleX(-1) rotate(315deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: scaleY(-1) rotate(315deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.tg-horizontal-checkboxes {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.tg-task-search .search-bar > input {
  width: 100%;
}

.form-group {
  position: relative;
}
.form-group input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 2px;
}
.form-group input[type=radio]:focus {
  outline: none;
  border: none;
}
.form-group input[type=radio]:after {
  position: absolute;
  content: " ";
  width: 12px;
  height: 12px;
  border: 1px solid #222;
  background-color: white;
  border-radius: 99999px;
}
.form-group input[type=radio]:checked:after {
  background-color: #184440;
  border-color: #1d3331;
}

.tg-input-with-button {
  display: flex;
  align-items: flex-start;
}
.tg-input-with-button .form-group {
  flex-grow: 1;
  margin-right: 15px;
}
.tg-input-with-button .mx-button {
  height: 35px;
  margin-top: 22px;
  margin-bottom: 15px;
}

.tg-input-with-button-inline {
  gap: 15px;
}
.tg-input-with-button-inline > .mx-form-group,
.tg-input-with-button-inline > .mx-compound-control,
.tg-input-with-button-inline > .mx-combobox {
  flex: 1 1 auto;
  min-width: 0;
}
.tg-input-with-button-inline > .mx-button {
  flex: 0 0 auto;
  margin: 0 0 15px;
}

.tg-buttonstyle-checkboxes {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tg-buttonstyle-checkboxes .form-group {
  display: block;
  flex: 1;
  height: 35px;
}
.tg-buttonstyle-checkboxes .form-group .control-label {
  position: relative;
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 0;
  z-index: 2;
}
.tg-buttonstyle-checkboxes .form-group:has(input:checked) .control-label {
  color: #fff;
}
.tg-buttonstyle-checkboxes .form-group > input {
  height: 0;
  margin-top: 0;
  width: 100%;
  height: 35px;
  top: -35px;
  z-index: 1;
  border-radius: 0;
  margin-left: -1px;
  margin-right: -1px;
}
.tg-buttonstyle-checkboxes .form-group > input:checked::after {
  border: 1px solid #d7d7d7;
}
.tg-buttonstyle-checkboxes .form-group > input::after {
  display: none;
}
.tg-buttonstyle-checkboxes .form-group:first-child > div > input::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tg-buttonstyle-checkboxes .form-group:last-child > div > input::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.listview-empty .mx-listview-empty {
  display: none;
}

.listview-striped.mx-listview {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.listview-flex-row > ul {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.listview-flex-row > ul > li {
  flex: 1;
}

.mx-calendar-day-today {
  border: 1px dotted #ED1C24;
}

.mx-title {
  font-size: 26px;
}

.groupbox-open-left .mx-groupbox-collapse-icon {
  float: left;
  margin-right: 15px;
}

.groupbox-transparent {
  border-bottom: none;
}
.groupbox-transparent > .mx-groupbox-header {
  padding: 3px 0;
}
.groupbox-transparent > .mx-groupbox-body {
  padding-bottom: 0;
}

.mx-dateinput .mx-dateinput-select-button {
  margin-left: 0;
  border-left: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  height: 35px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  display: table-cell;
}
.mx-dateinput .mx-dateinput-input-wrapper input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.btn-md {
  font-size: 16px;
}
.btn-md img {
  height: 14px;
}

.modal-headless .modal-content .modal-header {
  display: none;
}

.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs {
  margin-bottom: 0;
  border-bottom: none;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li {
  margin-bottom: -3px;
  position: relative;
  z-index: 0;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li > a {
  outline: none;
  border: none;
  margin: 0;
  padding: 10px 30px 10px 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  text-align: center;
  color: white;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #184440;
  outline: none;
  z-index: -1;
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
  -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li > a:focus, .tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li > a:hover {
  background-color: transparent;
  color: white;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li:first-child > a {
  margin-left: 15px;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a,
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:hover,
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:focus {
  color: #184440;
  border: none;
  background-color: transparent;
}
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:after,
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:hover:after,
.tg-tabs-skewed.mx-tabcontainer > .mx-tabcontainer-tabs > li.active > a:focus:after {
  background-color: white;
  box-shadow: none;
}
.tg-tabs-skewed.mx-tabcontainer .mx-tabcontainer-content {
  background-color: white;
  padding: 15px;
}

.autoCompleteMainContainer > div .select2-container {
  outline: none;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection {
  height: 35px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection.mx-focus, .autoCompleteMainContainer > div .select2-container .selection .select2-selection:focus {
  outline: none;
  border-color: #184440;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection .select2-selection__rendered {
  padding: 8px 35px 8px 10px;
  line-height: 1.428571429;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear {
  text-align: center;
  width: 35px;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection .select2-selection__arrow {
  top: 0;
  width: 35px;
  height: 35px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15px' height='8px'><polyline id='Line' fill='none' stroke='%23555555' points='0.5 0.5 6 6 11.545361 0.5'></polyline></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.autoCompleteMainContainer > div .select2-container .selection .select2-selection .select2-selection__arrow b {
  display: none;
}

.select2-container--open .select2-dropdown {
  top: -1px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--open .select2-dropdown .select2-search .select2-search__field.mx-focus, .select2-container--open .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: #184440;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__option--highlighted {
  background-color: #184440;
}

.googleautocomplete > div .form-control {
  width: 100%;
}

.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .mxClockPicker {
  border: 1px solid #d7d7d7;
  background-color: white;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .input-group-addon {
  border-left: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-title .clockpicker-span-am-pm {
  display: none;
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-tick.active,
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-tick:hover {
  background-color: rgba(24, 68, 64, 0.5);
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-canvas-bearing {
  fill: #184440;
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-canvas line {
  stroke: #184440;
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-canvas-bg {
  fill: rgba(24, 68, 64, 0.9);
}
.mxClockPickerMainContainer .mxClockPickerInputGroupContainer .clockpicker .clockpicker-popover .popover-content .clockpicker-canvas-fg {
  display: none;
}

.tg-card-row {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .tg-card-row {
    flex-direction: column;
  }
}
.tg-card-row .tg-card-column {
  border-right: 2px solid #d7d7d7;
}
@media (max-width: 768px) {
  .tg-card-row .tg-card-column {
    border-right: 0;
    border-bottom: 2px solid #d7d7d7;
  }
}
.tg-card-row .tg-card-column:last-child {
  border-right: 0;
}

.card-sm {
  padding: 15px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background-color: #FFFFFF;
  margin: 7.5px 0;
}

.tg-card {
  width: 350px;
  margin: 15px;
  border: 1px solid #d7d7d7 !important;
  text-align: center;
}

.tg-card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

table.tg-tgtable-header {
  position: relative;
  top: 91px;
}
table.tg-tgtable-header tbody > tr > th {
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
}

.tg-tgtable-content .mx-grid-controlbar {
  margin-top: 0;
  margin-bottom: 47px;
}
.tg-tgtable-content .mx-grid-content .mx-templategrid-content-wrapper .mx-templategrid-row .mx-templategrid-item {
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}
.tg-tgtable-content .mx-grid-content .mx-templategrid-content-wrapper .mx-templategrid-row .mx-templategrid-item table.mx-table tbody > tr > td {
  padding: 15px;
}

.tg-templategrid-contactpersons .mx-grid-content .mx-templategrid-content-wrapper .mx-templategrid-row .mx-templategrid-item {
  padding: 0 15px;
  border: none;
}
.tg-templategrid-contactpersons .mx-grid-content .mx-templategrid-content-wrapper .mx-templategrid-row .mx-templategrid-item:first-child {
  padding-left: 0;
  padding-right: 15px;
}
.tg-templategrid-contactpersons .mx-grid-content .mx-templategrid-content-wrapper .mx-templategrid-row .mx-templategrid-item:last-child {
  padding-left: 15px;
  padding-right: 0;
}

.tg-maps-container {
  position: absolute;
  top: 100px;
  left: 10px;
  width: 250px;
  z-index: 1;
  background-color: white;
  padding: 3px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  margin-bottom: 0;
}
.tg-maps-container > .btn {
  width: 100%;
}
.tg-maps-container > .form-group {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
}
.tg-maps-container > .form-group > .control-label {
  padding: 0 0 0 10px;
  font-size: 18px;
  line-height: 34px;
  color: black;
  text-align: left;
}
.tg-maps-container > .form-group > div[class^=col-] {
  padding: 0 0 0 15px;
}

.tg-map-status-dropdown {
  position: absolute;
  top: 10px;
  left: 220px;
  z-index: 1;
  background-color: white;
  padding: 3px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  margin-bottom: 0;
}
.tg-map-status-dropdown > .control-label {
  padding: 0 10px;
  font-size: 18px;
  line-height: 34px;
  color: black;
  width: 85px;
}
.tg-map-status-dropdown > div[class^=col-] {
  padding: 0 0 0 15px;
}
.tg-map-status-dropdown > div[class^=col-] > .form-control {
  font-size: 11px;
}

.tg-map {
  height: 100%;
}
.tg-map .mx-dataview-content {
  height: 100% !important;
}
.tg-map .mx-dataview-content .googlemaps {
  height: 100%;
}
.tg-map .mx-dataview-content .googlemaps > div {
  height: 100% !important;
}
.tg-map #pac-input {
  height: 41px;
  padding: 0 0 0 10px;
  font-size: 18px;
  line-height: 34px;
  color: black;
  font-weight: 400;
  text-align: left;
  border: none;
  position: absolute;
  top: 10px;
  left: 481px !important;
  z-index: 1;
  background-color: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  margin: 0;
}
.tg-map .tg-map.big-map #pac-input {
  left: 200px !important;
  height: 40px;
}
.tg-map #googleMapsLegend {
  border: none !important;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
}

.tg-sidebar-button-container {
  position: fixed;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
}
.tg-sidebar-button-container .tg-sidebar-button {
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tg-sidebar-button-container .tg-sidebar-button-pendingActivityCount {
  right: -15px;
  top: -15px;
  position: absolute;
  z-index: 2000;
  text-align: center;
  line-height: 30px;
  color: white;
  background-color: #ED1C24;
  border-radius: 99999px;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
}
.tg-sidebar-button-container.activities {
  top: 50px;
  right: 0;
}
.tg-sidebar-button-container.documents {
  top: 155px;
  right: 0;
}

.tg-sidebar-container {
  padding: 15px;
  z-index: 2000;
  height: 100%;
  width: 33%;
  position: fixed;
  overflow: auto;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  animation: animateright 0.4s;
}
@media (max-width: 991px) {
  .tg-sidebar-container {
    width: 100%;
  }
}
.tg-sidebar-container .mx-listview-loadMore {
  border: none;
}
.tg-sidebar-container .tg-sidebar-activity-time {
  width: 105px;
  max-width: 105px;
  text-align: right;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
}
.tg-sidebar-container .tg-sidebar-activity-marker {
  position: relative;
  width: 30px;
  margin-right: 15px;
}
.tg-sidebar-container .tg-sidebar-activity-marker .mdi {
  position: relative;
  z-index: 200;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 35px;
  border-radius: 9999px;
  background-color: #184440;
  color: white;
}
.tg-sidebar-container .tg-sidebar-activity-marker:after {
  position: absolute;
  z-index: 100;
  left: calc(50% - 1px);
  content: "";
  width: 1px;
  height: 100%;
  border-left: 1px solid #d7d7d7;
}
.tg-sidebar-container .tg-sidebar-activity-alreadyPast .tg-sidebar-activity-time,
.tg-sidebar-container .tg-sidebar-activity-alreadyPast .tg-sidebar-activity-title {
  color: #ED1C24;
}
.tg-sidebar-container .tg-sidebar-activity-alreadyPast .tg-sidebar-activity-marker .mdi {
  background-color: #ED1C24;
}
.tg-sidebar-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.tg-sidebar-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #184440;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

@keyframes animateright {
  from {
    right: -20%;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
.fc col {
  min-width: auto !important;
}
.fc .fc-header-toolbar .fc-right .fc-button,
.fc .fc-header-toolbar .fc-right .fc-today-button {
  background-color: white;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #555;
  text-shadow: none;
  background-image: none;
}
.fc .fc-header-toolbar .fc-right .fc-button:first-of-type,
.fc .fc-header-toolbar .fc-right .fc-today-button:first-of-type {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.fc .fc-header-toolbar .fc-right .fc-button:last-of-type,
.fc .fc-header-toolbar .fc-right .fc-today-button:last-of-type {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.fc .fc-header-toolbar .fc-right .fc-button.fc-state-active, .fc .fc-header-toolbar .fc-right .fc-button:hover,
.fc .fc-header-toolbar .fc-right .fc-today-button.fc-state-active,
.fc .fc-header-toolbar .fc-right .fc-today-button:hover {
  background-color: #184440;
  color: white;
  border-color: #184440;
}
.fc .fc-view-container .fc-timeline .fc-body .fc-resource-area .fc-scroller-clip .fc-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 10px;
}
.fc .fc-view-container .fc-timeline .fc-body .fc-resource-area .fc-scroller-clip .fc-scroller::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #184440;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}
.fc .fc-view-container .fc-timeline .fc-body .fc-time-area .fc-scroller-clip .fc-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 15px;
}
.fc .fc-view-container .fc-timeline .fc-body .fc-time-area .fc-scroller-clip .fc-scroller::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #184440;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}
.fc .fc-view-container .fc-timeline .fc-body .fc-time-area .fc-scroller-clip .fc-scroller .fc-timeline-event {
  padding: 0;
  background-color: rgb(21.6, 61.2, 57.6);
  border-color: #0c2220;
  --color1: #0c2220;
  --color2: rgb(21.6, 61.2, 57.6);
}
.fc .fc-view-container .fc-timeline .fc-body .fc-time-area .fc-scroller-clip .fc-scroller .fc-timeline-event .fc-content .fc-title {
  display: block;
  font-weight: 400;
  color: white;
  font-size: 14px;
  left: 50%;
  padding-top: 2px;
}

.fc-scrollgrid-section-liquid {
  height: 1px !important;
}

.tg-tasks.mx-listview .mx-list .mx-listview-item {
  padding: 0;
}
.tg-tasks.mx-listview .mx-list .mx-listview-item .mx-dataview .mx-dataview-content.ui-draggable.ui-draggable-dragging {
  padding: 1px;
  z-index: 101;
  background-color: rgba(24, 68, 64, 0.7);
  color: white;
  font-weight: 400;
  font-size: 14px;
  height: auto !important;
  width: 50%;
  border: 1px solid #0c2220;
}

.tg-task-startstop {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5em;
  z-index: 1;
}
.tg-task-startstop .wx-geolocation-container {
  height: 100%;
}
.tg-task-startstop .wx-geolocation-container .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 24px;
  width: 100%;
  border-radius: 0;
}

.tg-task-container {
  margin-bottom: 5em;
}

.tg-task-time {
  position: relative;
  bottom: 2.5em;
  align-items: center;
  justify-content: center;
  font-size: 2em !important;
}

.tg-dropzone-container {
  height: 30px;
}
.tg-dropzone-container.mdi:before {
  padding: 3px;
}
.tg-dropzone-container h3 {
  font-size: 1.5em;
  color: white;
}
.tg-dropzone-container .tg-dropzone {
  background: white !important;
  float: left;
}
.tg-dropzone-container .tg-dropzone .dropzone {
  border: 1px dashed rgb(70.2, 105.4, 102.2);
  background: transparent;
  border-radius: 2px;
  height: auto !important;
  min-height: 0;
}
.tg-dropzone-container .tg-dropzone .dropzone .dz-message {
  margin: 0;
}
.tg-dropzone-container .tg-dropzone .dropzone.dz-drag-hover {
  background-color: rgb(162.6, 180.2, 178.6);
  border-color: #184440;
}
.tg-dropzone-container .tg-dropzone .dropzone.dz-drag-hover .dz-message {
  color: black;
  font-weight: bold;
}

.tg-kanban-container {
  padding: 5px;
}
.tg-kanban-container .tg-kanban-columns {
  height: 83%;
}
.tg-kanban-container .tg-kanban-columns::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.tg-kanban-container .tg-kanban-columns::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #184440;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}
.tg-kanban-container .tg-kanban-columns > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 5px;
}
.tg-kanban-container .tg-kanban-columns > ul > li {
  flex: 1 1 0;
  min-width: 0;
  overflow: visible;
  padding: 0;
  margin-left: 5px;
  border: none;
  border-radius: 0;
  box-shadow: 5px 5px 15px 0 rgba(85, 85, 85, 0.7);
}
.tg-kanban-container .tg-kanban-columns > ul > li:active, .tg-kanban-container .tg-kanban-columns > ul > li:focus {
  background-color: white;
}
.tg-kanban-container .tg-kanban-columns > ul > li:first-child {
  margin-left: 0;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview {
  height: 100%;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content {
  height: 100% !important;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer {
  height: 100%;
  min-width: 0;
  padding: 5px;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > .mx-listview {
  margin-right: -5px;
  padding-right: 5px;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > h2,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > h3,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > h4,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > h5,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer > h1 {
  text-align: center;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer.DropTarget {
  border: 2px solid white;
  margin: 0;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer.DropTargetHover {
  border-color: #184440;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 70px;
  max-height: 110px;
  text-align: left;
  background-color: white;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #184440;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity h1,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity h2,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity h3,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity h4,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-opportunity h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-project {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 70px;
  max-height: 110px;
  text-align: left;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #184440;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 133px;
  max-height: 133px;
  text-align: left;
  background-color: white;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #184440;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder > div > div > .mx-text {
  white-space: revert;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder .tg-priority {
  position: absolute;
  right: 3px;
  top: 0;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder h1,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder h2,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder h3,
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder h4 {
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder .mx-textarea label {
  padding-top: 4px;
  border-top: 1px solid #888;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tg-kanban-container .tg-kanban-columns > ul > li > .mx-dataview > .mx-dataview-content .tg-kanban-dropcontainer .tg-kanban-workorder .ui-draggable-dragging label {
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tg-kanban-container .tg-kanban-columns .ui-draggable-dragging {
  z-index: 9999 !important;
  opacity: 0.9;
}
.tg-kanban-container .tg-kanban-columns .tg-kanban-colapsible {
  position: absolute;
  padding: 9px 5px;
  width: 100%;
  height: 40px;
  background-color: #999;
  background: rgba(1, 1, 1, 0.1);
}
.tg-kanban-container .tg-kanban-columns .tg-kanban-colapsible:hover {
  background: rgba(1, 1, 1, 0.2);
}

.Red {
  background-color: red;
}

.tg-wizard-listview > ul {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
}
.tg-wizard-listview > ul > li {
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  flex-grow: 1;
  flex-basis: 0;
}
.tg-wizard-listview > ul > li:first-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  margin-left: 0;
  padding-left: 0;
  border-radius: 5px 0 0 5px;
}
.tg-wizard-listview > ul > li:last-child {
  border: none;
}
.tg-wizard-listview > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  border-radius: 0 5px 5px 0;
}
.tg-wizard-listview > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step::after, .tg-wizard-listview > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step::before {
  display: none;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  position: relative;
  width: 100%;
  height: 50px;
  padding-left: 25px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step .tg-wizard-step-text {
  width: 100%;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::after, .tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::before {
  position: absolute;
  z-index: 1;
  left: 100%;
  content: " ";
  border-style: solid;
  border-color: transparent;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::after {
  top: 1px;
  border-width: 24px;
  border-left-color: #ffffff;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::before {
  top: 0;
  border-width: 25px;
  border-left-color: #d7d7d7;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step a {
  outline: none;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 16px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #555;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step.tg-wizard-step-active {
  color: white;
  background-color: #184440;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step.tg-wizard-step-active a {
  text-decoration: none;
  color: #ffffff;
}
.tg-wizard-listview > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step.tg-wizard-step-active::after {
  background-color: transparent;
  border-left-color: #184440;
}
.tg-wizard-listview.tg-wizard-listview-small > ul {
  margin-right: 60px;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li:first-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  margin-left: 0;
  padding-left: 0;
  border-radius: 5px 0 0 5px;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  border-radius: 0 5px 5px 0;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step::after, .tg-wizard-listview.tg-wizard-listview-small > ul > li:last-child > .mx-dataview > .mx-dataview-content > .tg-wizard-step::before {
  display: none;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step {
  height: 40px;
  padding-left: 20px;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::after {
  border-width: 19px;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step::before {
  border-width: 20px;
}
.tg-wizard-listview.tg-wizard-listview-small > ul > li > .mx-dataview > .mx-dataview-content > .tg-wizard-step a {
  font-size: 11.2px;
  padding: 12.8px;
}

* {
  letter-spacing: 0.08em;
}

.mx-progress {
  background-image: url(../../../tg-loader.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 80px;
  height: 150px;
  margin: 0 auto;
}

.mx-progress-indicator {
  display: none;
}

.tg-table-overflow-parent {
  display: flex;
}

.tg-table-overflow-parent-sub {
  display: flex;
}
.tg-table-overflow-parent-sub > h6 {
  margin-left: 25px !important;
}

.tg-table-overflow-draggable-element-sub {
  display: none !important;
}

.tg-table-overflow-child-currency-sub {
  float: right !important;
  padding-right: 42px !important;
}

.tg-table-overflow-child-icon-sub {
  padding-right: 72px !important;
  display: flex !important;
}

.tg-table-overflow-child {
  flex: 1;
  width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tg-table-overflow-child-multi {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.region-content {
  background: rgb(220, 227, 226);
  background: linear-gradient(158deg, rgb(220, 227, 226) 0%, rgb(237, 240, 240) 50%, rgb(186, 199, 198) 100%);
}

.layout-atlas .region-topbar .navbar-brand {
  margin-left: 30px;
}

.tg-button-right {
  margin: auto 0 0 auto;
}

.tg-sidebar-container .tg-group-list > ul > li {
  background-color: rgb(253.8, 235, 209.8);
}
.tg-sidebar-container .tg-group-list > ul > li.selected {
  background-color: rgb(253.8, 235, 209.8) !important;
}
.tg-sidebar-container .tg-position-list > ul > li {
  background-color: rgb(236.7, 247.1, 254.2);
}
.tg-sidebar-container .tg-position-list > ul > li.selected {
  background-color: rgb(236.7, 247.1, 254.2) !important;
}
.tg-sidebar-container .tg-product-list > ul > li {
  background-color: rgb(231.9, 236.3, 235.9);
}
.tg-sidebar-container .tg-product-list > ul > li.selected {
  background-color: rgb(231.9, 236.3, 235.9) !important;
}
.tg-sidebar-container .tg-product-list > ul > li.mx-focus {
  background-color: #184440 !important;
}

.mx-scrollcontainer-bottom {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.mx-scrollcontainer-bottom .mx-placeholder .mx-dataview-content {
  background-color: white;
  border-top: 1px solid #d7d7d7;
  padding: 10px 30px;
  width: 100%;
}
.mx-scrollcontainer-bottom .mx-placeholder .mx-dataview-content button {
  margin-right: 5px;
}

.docstatus {
  position: relative;
  top: -10px;
  height: 5px;
}
.docstatus.draft {
  background-color: orange;
}
.docstatus.authorised {
  background-color: #184440;
}
.docstatus.submitted {
  background-color: lightblue;
}
.docstatus.deleted {
  background-color: red;
}
.docstatus.voided {
  background-color: red;
}

.carousel-indicators li a {
  display: none;
}

.tg-btn-med {
  font-size: 16px;
}
.tg-btn-med img {
  height: 14px;
}
.tg-btn-med {
  padding: 5px;
}

.tg-mdi-btn-link:hover {
  color: #184440;
}
.tg-mdi-btn-link span {
  position: relative;
  left: -20px;
  width: 20px;
  height: 20px;
}

.mx-scrollcontainer-toggleable .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul li a .glyphicon {
  padding-left: 5px !important;
}

.mx-title,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #184440 !important;
}

.text-header {
  color: #184440 !important;
}

.loginpage-image {
  background: url("resources/thermogreenlogin.jpg") center center/cover no-repeat !important;
}

.loginpage-logo {
  display: block;
}
.loginpage-logo img {
  max-width: 180px;
  height: auto;
}

.loginpage-formwrapper .btn-success {
  background-color: #184440;
  border-color: #184440;
}
.loginpage-formwrapper .btn-success:hover {
  background-color: rgb(10.6956521739, 30.3043478261, 28.5217391304);
}

.tg-price input {
  text-align: right;
}

@media (min-width: 992px) {
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .glyphicon,
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .mdi,
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .mx-icon,
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .mx-icon-lined,
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .mx-icon-filled,
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a [class*=mx-icon],
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a [class*=glyphicon],
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a [class*=mdi-] {
    margin: 0;
    font-size: 20px !important;
    line-height: 1;
    color: #FFF;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a img {
    margin: 0;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .caret {
    display: none;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner ul li.mx-navigationtree-has-items > ul {
    display: none;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li.mx-navigationtree-has-items:hover > ul {
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 60px;
    display: block;
    min-width: 200px;
    overflow-y: auto;
    padding-top: 10px;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-navigationtree .navbar-inner > ul > li.mx-navigationtree-has-items:hover > ul li > a {
    justify-content: flex-start;
    font-size: 12px;
  }
}

.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a.active,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #fff !important;
  background-color: rgb(39.9652173913, 113.2347826087, 106.5739130435) !important;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon,
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a.active [class*=glyphicon],
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a.active .caret,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active .glyphicon,
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active [class*=glyphicon],
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active .caret {
  color: #fff !important;
}

.tg-seachbox {
  position: fixed;
  top: 15px;
  z-index: 2;
}
.tg-seachbox > .tg-seachbox-icon {
  right: 45px;
  position: fixed;
  top: 20px;
  height: 35px;
  width: 2px;
  color: #184440;
  pointer-events: none;
}
.tg-seachbox > .tg-seachbox-icon > a:hover {
  background-color: #d7d7d7;
}
.tg-seachbox > .tg-seachbox-icon > a:active {
  pointer-events: none;
}
.tg-seachbox > .form-group > input[type=text] {
  position: fixed;
  right: 15px;
  width: 15px;
  height: 38px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border: none;
  cursor: pointer;
  background-color: none;
}
.tg-seachbox > .form-group > input[type=text]:focus {
  width: 32%;
  border: 1px solid #d7d7d7;
  cursor: text;
  background-color: white;
}
@media (max-width: 991px) {
  .tg-seachbox > .form-group > input[type=text]:focus {
    width: 96%;
  }
}

.search-list {
  border-top: 1px;
  top: 52px;
  right: 15px;
  width: 32%;
  border: none;
  position: fixed;
  z-index: 1;
}

.tg-sidebar-container-search {
  padding: 15px;
  z-index: 2000;
  height: 100%;
  width: 33%;
  position: fixed;
  overflow: auto;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  top: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  animation: animateright 0.4s;
}
@media (max-width: 991px) {
  .tg-sidebar-container-search {
    width: 100%;
  }
}

.tg-search-image-container > ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.tg-search-image-container > ul > li {
  padding: 0;
  border: none;
  flex-grow: 1;
  flex-basis: 0;
}
.tg-search-image-container > ul > li > .mx-dataview > .mx-dataview-content > .tg-search-image {
  position: relative;
  background-color: white;
  border: 1px solid #184440;
  margin: 5px;
}
.tg-search-image-container > ul > li > .mx-dataview > .mx-dataview-content > .tg-search-image > img {
  object-fit: cover;
  min-width: 200px;
  min-height: 200px;
  max-height: 200px;
}
.tg-search-image-container > ul > li > .mx-dataview > .mx-dataview-content > .tg-search-image > .tg-search-image-btn {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px;
}
.tg-search-image-container > ul > li > .mx-dataview > .mx-dataview-content > .tg-search-image > .tg-search-image-text {
  padding: 5px;
}

.tg-userbox {
  position: fixed;
  top: 16px;
  z-index: 1;
  right: 65px;
}
.tg-userbox > div > img {
  margin: 1px;
}

.tg-close-container {
  z-index: 1000;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  cursor: default !important;
}

.tg-pendingWorkflowCount {
  right: -18px;
  top: -12px;
  position: relative;
  z-index: 2000;
  text-align: center;
  line-height: 30px;
  color: white;
  background-color: #ED1C24;
  border-radius: 99999px;
  width: 30px;
  height: 30px;
}

.dj_safari .mx-dateinput-input-wrapper .mx-dateinput-input,
.dj_ios .mx-dateinput-input-wrapper .mx-dateinput-input {
  border-right: 1px solid #d7d7d7;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.btn-big {
  font-size: 45px;
}

.btn-image-big {
  width: 40px;
  height: 40px;
}

.wx-mxwx-button-extra {
  width: 100%;
  margin-top: -1px;
}

.passedTime {
  font-size: 4em;
  text-align: center;
}

.cpq-area-list > ul > li {
  background-color: rgb(236.7, 247.1, 254.2);
}
.cpq-area-list > ul > li.selected {
  background-color: rgb(236.7, 247.1, 254.2) !important;
}

.cpq-product-list > ul > li {
  background-color: rgb(231.9, 236.3, 235.9);
}
.cpq-product-list > ul > li.selected {
  background-color: rgb(231.9, 236.3, 235.9) !important;
}

.Draggable {
  display: inline-block;
}
.Draggable .mdi {
  cursor: grab;
  font-size: 20px;
}
.Draggable .Draggable_Content {
  color: #222;
  border-style: none;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: none;
}
.Draggable.ui-draggable-dragging {
  background: white;
  padding: 7.5px;
  border: 1px solid #184440;
  width: auto;
}
.Draggable.ui-draggable-dragging .mdi {
  float: right;
  font-size: 16px;
}
.Draggable.ui-draggable-dragging .Draggable_Content {
  display: inline-block;
}

.DropTarget {
  margin: 0;
}
.DropTarget.DropTargetHover {
  border: 1px solid #184440;
  margin: -8.5px;
  padding: 7.5px;
}

.tg-kanban-subcolumns {
  padding: 5px;
}
.tg-kanban-subcolumns::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
.tg-kanban-subcolumns > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 35px;
}
.tg-kanban-subcolumns > ul > li {
  width: 220px;
  text-align: center;
  padding: 0;
  margin-left: 25px;
  border: 13px;
  border-radius: 3;
  box-shadow: 5px 5px 15px 0;
}
.tg-kanban-subcolumns > ul > li:active, .tg-kanban-subcolumns > ul > li:focus {
  background-color: white;
}
.tg-kanban-subcolumns > ul > li:first-child {
  margin-left: 0;
}
.tg-kanban-subcolumns > ul > li > .mx-dataview {
  height: 100%;
}
.tg-kanban-subcolumns > ul > li > .mx-dataview > .mx-dataview-content {
  height: 100% !important;
}

.red {
  background-color: red !important;
}

.green {
  background-color: green !important;
}

.passedTime {
  font-size: 4em;
  text-align: center;
}

.spacedTop {
  margin-top: 22px;
}

@media screen and (max-width: 2000px) {
  .spacedTop .postBtn {
    margin-left: -55%;
    padding-right: 40%;
    padding-left: 40%;
  }
}
@media screen and (min-width: 2000px) {
  .spacedTop .postBtn {
    margin-left: -35%;
    padding-right: 40%;
    padding-left: 40%;
  }
}

@media screen and (max-width: 2000px) {
  .spacedTop .unpostBtn {
    margin-left: -55%;
    padding-right: 15%;
    padding-left: 15%;
  }
}
@media screen and (min-width: 2000px) {
  .spacedTop .unpostBtn {
    margin-left: -35%;
    padding-right: 25%;
    padding-left: 25%;
  }
}

.tg-login .tg-loginpage {
  background: url(../../../resources/thermogreenlogin.jpg);
  background-size: cover;
}
.tg-login .center-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tg-login .center-container .tg-logo {
  max-width: 200px;
  width: 100%;
  position: absolute;
  z-index: 125;
  margin-top: 2em;
  margin-left: 25px;
}
.tg-login .login-container .box-content {
  position: absolute;
  z-index: 200;
  right: 100px;
  bottom: 50px;
  max-width: 450px;
  width: 450px;
  background-color: #184440;
  padding: 4em;
  box-sizing: border-box;
}
.tg-login .login-container .box-content .mx-text {
  color: white !important;
  font-size: 300%;
}
.tg-login .login-container .box-content .button {
  color: white;
  text-align: center;
  padding: 1em 2em;
  border: 2px solid;
  font-weight: 700;
  margin: 1.5em 0.4em 0.2em 0;
  background-color: transparent;
  border: solid white 2px;
}
.tg-login .login-container .box-content :before {
  content: " ";
  position: absolute;
  bottom: 99.99%;
  z-index: 75;
  border-top: 100px solid transparent;
  border-right: 450px solid #184440;
  left: 50;
  right: 0;
}

.tg-grid-no-padding-lr .row {
  margin-left: 0px;
  margin-right: 0px;
}
.tg-grid-no-padding-lr .row .col {
  padding: 0;
}

.layout-atlas .region-topbar .navbar-brand {
  margin-left: 30px !important;
}

.mx-datagrid .mx-grid-content .selected td,
.mx-datagrid .mx-grid-content .selected td a,
.mx-datagrid .mx-grid-content .selected td span,
.mx-listview .mx-list .mx-listitem.selected,
.mx-templategrid .mx-grid-content .selected,
.mx-templategrid .mx-grid-content .selected span,
.mx-templategrid .mx-grid-content .selected a {
  color: #fff !important;
}

/* === claude paging-icon fix: classic Data Grid first/prev/next/last glyphs ===
   Runtime emits .mx-icon-filled.mx-icon-controls-* for classic grid paging
   buttons, but the compiled theme had no glyph rule, so buttons rendered blank.
   The deployed Atlas_Filled font lacks these codepoints, so map onto the
   already-loaded Material Design Icons font. Source: themesource/fixes/web/main.scss */
.mx-grid-pagingbar .mx-icon-controls-step-backward::before,
.mx-grid-pagingbar .mx-icon-controls-backward::before,
.mx-grid-pagingbar .mx-icon-controls-forward::before,
.mx-grid-pagingbar .mx-icon-controls-step-forward::before {
  font-family: "Material Design Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mx-grid-pagingbar .mx-icon-controls-step-backward::before { content: "\F600"; }
.mx-grid-pagingbar .mx-icon-controls-backward::before      { content: "\F141"; }
.mx-grid-pagingbar .mx-icon-controls-forward::before       { content: "\F142"; }
.mx-grid-pagingbar .mx-icon-controls-step-forward::before  { content: "\F601"; }

/* Runtime Date Picker buttons use Atlas calendar classes without a glyph map. */
.mx-icon-filled.mx-icon-calendar::before,
.mx-icon-filled.mx-icon-calendar-1::before {
  font-family: "Material Design Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mx-icon-filled.mx-icon-calendar::before { content: "\F0ED"; }
.mx-icon-filled.mx-icon-calendar-1::before { content: "\FB43"; }

/* Brand-primary group box header contrast (source: themesource/fsa/web/main.scss). */
.groupbox-primary > .mx-groupbox-header,
.groupbox-primary > .mx-groupbox-header .mx-groupbox-collapse-icon {
  color: #fff !important;
}