@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");
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
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::-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: 300;
}

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, .start-scoring-btn, .voluntary-score-creation button, .voluntary-score-msg .row .col-sm:nth-of-type(2) button, .datagrid-fullsearch.mx-grid .mx-grid-search-button {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover, .start-scoring-btn:hover, .voluntary-score-creation button:hover, .voluntary-score-msg .row .col-sm:nth-of-type(2) button:hover, .datagrid-fullsearch.mx-grid .mx-grid-search-button:hover,
.btn-primary:focus,
.start-scoring-btn:focus,
.voluntary-score-creation button:focus,
.voluntary-score-msg .row .col-sm:nth-of-type(2) button:focus,
.datagrid-fullsearch.mx-grid .mx-grid-search-button:focus,
.btn-primary.focus,
.focus.start-scoring-btn,
.voluntary-score-creation button.focus,
.voluntary-score-msg .row .col-sm:nth-of-type(2) button.focus,
.datagrid-fullsearch.mx-grid .focus.mx-grid-search-button,
.btn-primary:active,
.start-scoring-btn:active,
.voluntary-score-creation button:active,
.voluntary-score-msg .row .col-sm:nth-of-type(2) button:active,
.datagrid-fullsearch.mx-grid .mx-grid-search-button:active,
.btn-primary.active,
.active.start-scoring-btn,
.voluntary-score-creation button.active,
.voluntary-score-msg .row .col-sm:nth-of-type(2) button.active,
.datagrid-fullsearch.mx-grid .active.mx-grid-search-button,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.start-scoring-btn,
.voluntary-score-creation .open > button.dropdown-toggle,
.voluntary-score-msg .row .col-sm:nth-of-type(2) .open > button.dropdown-toggle,
.datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active, .start-scoring-btn:active, .voluntary-score-creation button:active, .voluntary-score-msg .row .col-sm:nth-of-type(2) button:active, .datagrid-fullsearch.mx-grid .mx-grid-search-button:active,
.btn-primary.active,
.active.start-scoring-btn,
.voluntary-score-creation button.active,
.voluntary-score-msg .row .col-sm:nth-of-type(2) button.active,
.datagrid-fullsearch.mx-grid .active.mx-grid-search-button,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.start-scoring-btn,
.voluntary-score-creation .open > button.dropdown-toggle,
.voluntary-score-msg .row .col-sm:nth-of-type(2) .open > button.dropdown-toggle,
.datagrid-fullsearch.mx-grid .open > .dropdown-toggle.mx-grid-search-button {
  background-image: none;
}

.btn-primary.disabled, .disabled.start-scoring-btn, .voluntary-score-creation button.disabled, .voluntary-score-msg .row .col-sm:nth-of-type(2) button.disabled, .datagrid-fullsearch.mx-grid .disabled.mx-grid-search-button,
.btn-primary[disabled],
[disabled].start-scoring-btn,
.voluntary-score-creation button[disabled],
.voluntary-score-msg .row .col-sm:nth-of-type(2) button[disabled],
.datagrid-fullsearch.mx-grid [disabled].mx-grid-search-button,
fieldset[disabled] .btn-primary,
fieldset[disabled] .start-scoring-btn,
fieldset[disabled] .voluntary-score-creation button,
.voluntary-score-creation fieldset[disabled] button,
fieldset[disabled] .voluntary-score-msg .row .col-sm:nth-of-type(2) button,
.voluntary-score-msg .row .col-sm:nth-of-type(2) fieldset[disabled] button,
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, .start-scoring-btn .badge, .voluntary-score-creation button .badge, .voluntary-score-msg .row .col-sm:nth-of-type(2) button .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;
}
@media (max-width: 768px) {
  .tab-content > .active {
    padding-bottom: 50px;
  }
}

.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: #b94a48;
  border-radius: 8px;
  color: #fff;
  top: 0px;
  right: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: 500;
  z-index: 10; /* 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;
  font-weight: 300;
}

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

.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 */

/**** Font Awesome ****/
@font-face {
  font-family: "KievitOffcPro";
  font-style: normal;
  font-weight: 100;
  src: url(kievet/KievitOffcPro-Light_gdi.woff) format("woff");
}
@font-face {
  font-family: "KievitOffcPro";
  font-style: normal;
  font-weight: 300;
  src: url(kievet/KievitOffcPro_gdi.woff) format("woff");
}
@font-face {
  font-family: "KievitOffcPro";
  font-style: normal;
  font-weight: 400;
  src: url(kievet/KievitOffcPro-Medi_gdi.woff) format("woff");
}
@font-face {
  font-family: "KievitOffcPro";
  font-style: normal;
  font-weight: 500;
  src: url(kievet/KievitOffcPro-Bold_gdi.woff) format("woff");
}
/* New Colors */
@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: 767px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-medium {
    padding: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-medium {
    padding-top: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-medium {
    padding-right: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-medium {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-medium {
    padding-left: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-medium {
    margin: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-medium {
    margin-top: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-medium {
    margin-right: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-medium {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-medium {
    margin-left: 15px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-large {
    padding: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-large {
    padding: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-large {
    padding: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-top-large {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-top-large {
    padding-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-large {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-right-large {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-right-large {
    padding-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-large {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-bottom-large {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-bottom-large {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-large {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-left-large {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-left-large {
    padding-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-large {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-large {
    margin: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-large {
    margin: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-large {
    margin: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-top-large {
    margin-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-top-large {
    margin-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-large {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-right-large {
    margin-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-right-large {
    margin-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-large {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-bottom-large {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-bottom-large {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-large {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-left-large {
    margin-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-left-large {
    margin-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-large {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-layout {
    padding: 15px 15px 15px 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-layout {
    padding: 30px 30px 30px 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-layout {
    padding: 30px 30px 30px 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-top-layout {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-top-layout {
    padding-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-top-layout {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-right-layout {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-right-layout {
    padding-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-right-layout {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-bottom-layout {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-inner-left-layout {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-inner-left-layout {
    padding-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-inner-left-layout {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-layout {
    margin: 15px 15px 15px 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-layout {
    margin: 30px 30px 30px 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-layout {
    margin: 30px 30px 30px 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-top-layout {
    margin-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-top-layout {
    margin-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-top-layout {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-right-layout {
    margin-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-right-layout {
    margin-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-right-layout {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-bottom-layout {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .spacing-outer-left-layout {
    margin-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .spacing-outer-left-layout {
    margin-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .spacing-outer-left-layout {
    margin-left: 30px !important;
  }
}

.mx-scrollcontainer .mx-placeholder {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid,
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid {
    padding: 15px 15px 15px 15px;
  }
}
@media (min-width: 768px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid,
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid-fluid {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 992px) {
  .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: #343A41;
  background-color: #FFFFFF;
  font-family: "KievitOffcPro", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.428571429;
}

a {
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  color: #f2690c;
  -webkit-backface-visibility: hidden;
}

a:hover {
  text-decoration: underline;
  color: rgb(169.1141732283, 73.375984252, 8.3858267717);
}

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: 15px;
  font-weight: 500;
}
.loginpage-form .form-group .inputwrapper {
  flex: 8;
  position: relative;
  width: 100%;
}
.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: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-eye-open:hover, .loginpage-form .form-group .inputwrapper .glyphicon-eye-close:hover {
  cursor: pointer;
  color: #f2690c;
}
.loginpage-form .form-group .inputwrapper .form-control {
  padding: 8px 10px 8px 45px;
}
.loginpage-form .form-group .inputwrapper .form-control:focus ~ .glyphicon:before {
  color: #f2690c;
}

.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(242, 105, 12, 0.9) 0%, rgba(242, 105, 12, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -moz-linear-gradient(left, rgba(242, 105, 12, 0.9) 0%, rgba(242, 105, 12, 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(242, 105, 12, 0.9)), color-stop(100%, rgba(242, 105, 12, 0.6))), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -webkit-linear-gradient(left, rgba(242, 105, 12, 0.9) 0%, rgba(242, 105, 12, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -o-linear-gradient(left, rgba(242, 105, 12, 0.9) 0%, rgba(242, 105, 12, 0.6) 100%), left/cover no-repeat url("../../../resources/work-do-more.jpeg");
    background: left/cover no-repeat -ms-linear-gradient(left, rgba(242, 105, 12, 0.9) 0%, rgba(242, 105, 12, 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%);
  }
}
/*!
 * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

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

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

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

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

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

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

.fa-stack-1x {
  line-height: inherit;
}

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

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-dailymotion:before {
  content: "勒";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-file-invoice-dollar:before {
  content: "\f571";
}

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

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

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

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

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

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

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

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

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

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

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

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "龜";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

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

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

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

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

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

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

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

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

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

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

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

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "邏";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

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

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "凌";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

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

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

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

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

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

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

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

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

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

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

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

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "駱";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

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

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

.fa-minus-square:before {
  content: "\f146";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "稜";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

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

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

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

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

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

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

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

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

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

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

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

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

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

.fa-paw:before {
  content: "\f1b0";
}

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

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

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

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

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

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "爛";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-play:before {
  content: "\f04b";
}

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

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

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

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

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

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

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

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

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

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

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

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

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

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

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopify:before {
  content: "綾";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

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

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

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

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

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

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

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

.fa-sms:before {
  content: "\f7cd";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

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

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

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

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

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

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-stamp:before {
  content: "\f5bf";
}

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

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

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

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

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

.fa-stopwatch:before {
  content: "\f2f2";
}

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

.fa-store-alt:before {
  content: "\f54f";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

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

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

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

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

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

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

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

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

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

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

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

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

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "論";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "雷";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-untappd:before {
  content: "\f405";
}

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

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

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

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

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

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

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

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

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

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

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

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-water:before {
  content: "\f773";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 100;
  font-display: auto;
  src: url("fonts/fa-light-300.eot");
  src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("fonts/fa-light-300.woff2") format("woff2"), url("fonts/fa-light-300.woff") format("woff"), url("fonts/fa-light-300.ttf") format("truetype"), url("fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
}

/*!
 * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/* ==========================================================================
   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: #343A41;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  background-color: #FFF;
  background-image: none;
  box-shadow: none;
  font-size: 15px;
  line-height: 1.428571429;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form-control:not([readonly]):focus {
  border-color: #f2690c;
  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: 15px;
  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: #343A41;
  font-size: 15px;
  font-weight: 400;
  font-weight: 300;
}
.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: 768px) {
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.428571429;
  }
}
@media only screen and (max-width: 767px) {
  .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);
  padding: 5px 10px;
}

.has-error .alert {
  margin-top: 8px;
  margin-bottom: 0;
}

/* ==========================================================================
   Backgrounds

   Different background components, all managed by variables
========================================================================== */
.background-main {
  background-color: #FFFFFF !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: #f2690c !important;
}

.background-primary-darker {
  background-color: rgb(145.2, 63, 7.2) !important;
}

.background-primary-dark {
  background-color: rgb(169.4, 73.5, 8.4) !important;
}

.background-primary-light {
  background-color: rgb(247.2, 165, 109.2) !important;
}

.background-primary-lighter {
  background-color: rgb(252.4, 225, 206.4) !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: #f2690c;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFF;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px;
  line-height: 1.428571429;
  font-weight: 300;
}
.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: #f2690c;
  font-weight: 300;
}
.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: 19px;
  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 {
  color: #f2690c;
  border-color: #DDDDDD;
  background-color: #FFF;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle {
  color: #fff;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}
.btn:active, .btn.active, .open > .btn.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 {
  border-color: #DDDDDD;
  background-color: #FFF;
}
.btn.btn-bordered {
  background-color: transparent;
  color: #f2690c;
  border-color: #f2690c;
  text-transform: none;
  font-weight: 300;
}
.btn.btn-bordered:hover, .btn.btn-bordered:focus, .btn.btn-bordered:active, .btn.btn-bordered.active, .open > .btn.btn-bordered.dropdown-toggle {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
}
.btn.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
}
.btn.btn-link:hover {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.btn-default {
  text-transform: capitalize;
  color: #f2690c;
  border-color: #f2690c;
  border-width: 2px;
  margin-bottom: 5px;
  font-weight: 400;
  letter-spacing: 1px;
  border-radius: 10px;
}
.btn-default:hover, .btn-default:focus {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
}

.btn-primary, .start-scoring-btn, .voluntary-score-creation button, .voluntary-score-msg .row .col-sm:nth-of-type(2) button, .datagrid-fullsearch.mx-grid .mx-grid-search-button {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
  border-width: 2px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.btn-primary:hover, .start-scoring-btn:hover, .voluntary-score-creation button:hover, .voluntary-score-msg .row .col-sm:nth-of-type(2) button:hover, .datagrid-fullsearch.mx-grid .mx-grid-search-button:hover, .btn-primary:focus, .start-scoring-btn:focus, .voluntary-score-creation button:focus, .voluntary-score-msg .row .col-sm:nth-of-type(2) button:focus, .datagrid-fullsearch.mx-grid .mx-grid-search-button:focus {
  color: #f2690c;
  border-color: #f2690c;
  background-color: #fff;
}

.btn-alt {
  color: #f2690c;
  border-color: #f2690c;
  background-color: #fff;
  border-width: 2px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.btn-alt:hover, .btn-alt:focus {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
}

.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: #f2690c;
  border-color: #f2690c;
  text-transform: none;
  font-weight: 300;
  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: #f2690c;
  background-color: #f2690c;
}
.btn-inverse.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #252C36;
}
.btn-inverse.btn-link:hover {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.btn-success {
  color: #FFF;
  border-color: #f2690c;
  background-color: #f2690c;
}
.btn-success:hover, .btn-success:focus {
  color: #f2690c;
  border-color: #f2690c;
  background-color: #fff;
}

.btn-success-green {
  color: #FFF;
  border-color: #4caf50;
  background-color: #4caf50;
  border-radius: 5px !important;
}
.btn-success-green:hover, .btn-success-green:focus {
  color: #fff;
  border-color: #4caf50;
  background-color: #4caf50;
  opacity: 0.7;
  border-radius: 5px !important;
}

.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: #f2690c;
  border-color: #f2690c;
  text-transform: none;
  font-weight: 300;
  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: #f2690c;
  background-color: #f2690c;
}
.btn-info.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #48B0F7;
}
.btn-info.btn-link:hover {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.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: #f2690c;
  border-color: #f2690c;
  text-transform: none;
  font-weight: 300;
  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: #f2690c;
  background-color: #f2690c;
}
.btn-warning.btn-link {
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #F99B1D;
}
.btn-warning.btn-link:hover {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.btn-danger {
  color: #ED1C24;
  border-color: #ED1C24;
  background-color: #fff;
  border-width: 2px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
  border-radius: 10px;
}
.btn-danger:hover, .btn-danger:focus {
  color: #fff;
  border-color: #ED1C24;
  background-color: #ED1C24;
}

.btn-lg {
  font-size: 16px;
}
.btn-lg img {
  height: calc(12px + 4px);
}

.btn-sm {
  font-size: 12px;
}
.btn-sm img {
  height: calc(12px + 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;
  top: 3px;
}

.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: 4px;
  background-color: #FFF;
}
input[type=checkbox]:focus::-ms-check, input[type=checkbox]:checked::-ms-check {
  color: #f2690c;
  border-color: #f2690c;
  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: 4px;
  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: #f2690c;
  background-color: #f2690c;
}
input[type=checkbox]:checked:after {
  content: "";
}
input[type=checkbox]:disabled:before {
  background-color: #EEEEEE;
}
input[type=checkbox]:checked:disabled:before {
  border-color: transparent;
  background-color: rgba(242, 105, 12, 0.4);
}
input[type=checkbox]:disabled:after, input[type=checkbox]:checked:disabled:after {
  border-color: #EEEEEE;
}
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 */
  /* Text Paging .. to .. to .. */
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button {
  padding: 6px;
  color: #888888;
  border-color: transparent;
  background-color: transparent;
}
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button:hover {
  color: #f2690c;
  border-color: transparent;
  background-color: transparent;
}
.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 */
  /* Table Body */
  /* Table Footer */
}
.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 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;
  /* Text without spaces */
}
.mx-datagrid table tbody tr td:focus {
  outline: none;
}
.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: #343A41;
  background-color: #f3f3f3 !important;
}
.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: 500;
}
.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 */
  /* Dataview-content gives problems for nexted layout grid containers */
  /* Dataview empty message */
}
.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.btn-success {
  text-transform: capitalize;
  letter-spacing: 1px;
}
.mx-dataview .mx-dataview-controls .mx-button:last-child {
  margin-right: 0;
}
.mx-dataview > .mx-dataview-content > .mx-container-nested > .row {
  margin-right: 0;
  margin-left: 0;
}
.mx-dataview .mx-dataview-message {
  color: #343A41;
  background: #FFFFFF;
}

/* ==========================================================================
   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: #FFFFFF;
  border-radius: 4px;
  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: #f2690c;
}
.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: #f2690c;
}
.mx-calendar th,
.mx-calendar td {
  width: 35px;
  height: 35px;
  text-align: center;
}
.mx-calendar td {
  color: #343A41;
}
.mx-calendar td:hover {
  cursor: pointer;
  border-radius: 50%;
  color: #f2690c;
  background-color: #DDDDDD;
}
.mx-calendar .mx-calendar-day-month-next,
.mx-calendar .mx-calendar-day-month-previous {
  color: rgb(164.1666666667, 172.5512820513, 182.3333333333);
}
.mx-calendar .mx-calendar-day-selected,
.mx-calendar .mx-calendar-day-selected:hover {
  color: #fff;
  border-radius: 50%;
  background: #f2690c;
}
.mx-calendar .mx-calendar-year-switcher {
  text-align: center;
  margin-top: 10px;
  color: rgb(250.1338582677, 194.5787401575, 156.8661417323);
}
.mx-calendar .mx-calendar-year-switcher span.mx-calendar-year-selected {
  color: #f2690c;
  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: 4px;
  background-color: #FFFFFF;
}
.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: #f2690c;
}

/* ==========================================================================
   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: #FFFFFF;
  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(169.1141732283, 73.375984252, 8.3858267717);
}
.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: #343A41;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background: #DDDDDD;
  font-size: 15px;
}
.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: #343A41;
  border-color: #DDDDDD;
  background: #DDDDDD;
}
.groupbox-default > .mx-groupbox-body {
  border-color: #DDDDDD;
}

.groupbox-primary > .mx-groupbox-header {
  color: #FFF;
  border-color: #f2690c;
  background: #f2690c;
}
.groupbox-primary > .mx-groupbox-body {
  border-color: #f2690c;
}

.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: #343A41;
  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: #404144;
  border-style: none;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
}
.groupbox-transparent .mx-groupbox-body {
  padding: 15px 0;
  border-style: none;
  background-color: transparent;
}
.groupbox-transparent .mx-groupbox-collapse-icon {
  color: #f2690c;
}

.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: 15px;
}

.groupbox-h6 > .mx-groupbox-header {
  font-size: 12px;
}

.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: #343A41;
  background-color: #DDDDDD;
}

.label-primary {
  color: #FFF;
  background-color: #f2690c;
}

.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) */
  /* Load more button */
}
.mx-listview .mx-listview-searchbar {
  margin-bottom: 15px;
}
.mx-listview .mx-listview-searchbar .btn {
  width: auto;
}
.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: #f3f3f3;
}
.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: 8px 10px;
  color: #555555;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 15px;
}
.profile-phone .mx-listview .mx-listview-searchbar .btn {
  padding: 0.6em 1em;
  color: inherit;
  border-style: none;
  color: #f36b24;
  border: 1px solid #DDDDDD;
  background-color: #FFF;
  margin-bottom: 15px;
}
.profile-phone .mx-listview .mx-listview-searchbar .btn:hover, .profile-phone .mx-listview .mx-listview-searchbar .btn:focus {
  color: #f36b24;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}
.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: 4px;
}

.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: 991px) {
  .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: 768px) {
  .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: 992px) {
  .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 {
  /* for Confirmation Popup */
  /* Auto height for modal body */
  /* Footer no Padding */
  /* Close Button Reset */
}
.modal-dialog .modal-content {
  border: 0;
  border-radius: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  overflow: inherit;
  background: none;
}
.modal-dialog .modal-content .modal-header {
  padding: 20px 20px;
  border-bottom-color: #f4f5f6;
  border-radius: 15px 15px 0 0;
  background-color: #F4F5F6;
  color: #343A41;
  text-align: center;
}
.modal-dialog .modal-content .modal-header h4 {
  margin: 0;
  color: #343A41;
  font-size: 18px;
  font-weight: 500;
}
.modal-dialog .modal-content .modal-header .close {
  opacity: 1;
  /* For IE8 and earlier */
  position: absolute;
  font-size: 40px;
  background: #f2690c;
  border-radius: 100%;
  color: #f2690c;
  line-height: 1;
  margin: 10px;
  padding: 0px 11px 5px;
  right: -60px;
  font-weight: 400;
  top: -60px;
  text-shadow: none;
}
@media (max-width: 768px) {
  .modal-dialog .modal-content .modal-header .close {
    right: -10px;
  }
}
.modal-dialog .modal-content .modal-header .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  position: absolute;
  color: #fff;
  font-size: 20px;
  top: 12px;
  left: 16px;
}
.modal-dialog .modal-content .modal-body {
  padding: 20px;
  background: #fff;
  border-radius: 0 0 15px 15px;
}
.modal-dialog .modal-content .modal-body label,
.modal-dialog .modal-content .modal-body p {
  font-weight: normal;
}
.modal-dialog .modal-content .modal-body h2 {
  margin: 0 0 20px;
}
.modal-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: center;
  margin-top: -13px;
  padding: 15px ​20px 8px;
  border-style: none;
  border-radius: 0 0 15px 15px;
  background: #F4F5F6;
  text-align: center;
  position: relative;
}
.modal-dialog .modal-content .modal-footer button {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-width: 2px !important;
}
.modal-dialog .modal-content .modal-footer button:focus, .modal-dialog .modal-content .modal-footer button:hover {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
  border-width: 2px !important;
}
.modal-dialog .modal-content .mx-button {
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  min-width: 120px;
}
.modal-dialog .modal-content .mx-dataview-controls {
  padding: 15px 20px;
  border: 0;
  background-color: #F4F5F6;
  color: #343A41;
  text-align: center;
  margin: 0 -20px;
  position: relative;
  bottom: -20px;
}
.modal-dialog .modal-content .mx-datepicker .mx-button:hover, .modal-dialog .modal-content .mx-datepicker .mx-button:focus {
  color: #000 !important;
}
.modal-dialog#mxui_widget_ConfirmationDialog_0 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_1 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_2 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_3 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_4 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_5 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_6 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_7 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_8 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_9 .modal-footer, .modal-dialog#mxui_widget_ConfirmationDialog_10 .modal-footer {
  flex-direction: row-reverse;
}
.modal-dialog#mxui_widget_ConfirmationDialog_0 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_1 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_2 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_3 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_4 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_5 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_6 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_7 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_8 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_9 .modal-footer button:nth-of-type(2), .modal-dialog#mxui_widget_ConfirmationDialog_10 .modal-footer button:nth-of-type(2) {
  background: none;
  border-color: #f4f5f6;
  color: #000;
  margin: 0 15px 0 0;
}
.modal-dialog.auto-height-modal .modal-content .modal-body {
  height: auto !important;
}
.modal-dialog.no-padding-footer .modal-content .modal-body {
  padding-bottom: 0 !important;
}
.modal-dialog.close-btn-default .modal-content .modal-header .close {
  top: -25px;
}

.role-administrator .modal-dialog .modal-content .mx-dataview-controls,
.role-customersupport .modal-dialog .modal-content .mx-dataview-controls {
  bottom: 0;
}
.role-administrator .modal-dialog .modal-header .close,
.role-customersupport .modal-dialog .modal-header .close {
  top: -25px;
}
@media (max-width: 768px) {
  .role-administrator .modal-dialog.my-highlights .modal-header .close,
  .role-customersupport .modal-dialog.my-highlights .modal-header .close {
    top: -60px !important;
  }
}

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

/* ==========================================================================
   Navigation

   Default Mendix Navigation Bar
========================================================================== */
.mx-navbar {
  margin: 0;
  border-style: none;
  border-radius: 0;
  background-color: #252C36;
  /* remove focus */
}
.mx-navbar ul.nav {
  margin: 0;
  width: 100%;
  text-align: center;
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
.mx-navbar ul.nav li {
  float: none;
  display: inline-block;
  padding: 0 10px;
}
.mx-navbar ul.nav > li.mx-navbar-item > a {
  display: flex;
  align-items: center;
  min-height: 75px;
  padding: 5px 15px;
  vertical-align: middle;
  color: #FFF;
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* Dropdown arrow */
  /* Dropdown */
}
.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 !important;
  color: #f2690c;
}
.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: #f2690c !important;
}
.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(45.2945054945, 53.8637362637, 66.1054945055) 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 > .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(45.2945054945, 53.8637362637, 66.1054945055);
}
.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: #f2690c;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #f2690c;
  border-bottom-color: #f2690c;
}
@media (max-width: 768px) {
  .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(28.7054945055, 34.1362637363, 41.8945054945);
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    padding: 10px 20px;
    color: #AAA;
    border-radius: 0;
    font-size: 12px;
    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: #f2690c;
    background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  }
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #f2690c;
    background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
  }
}
.mx-navbar:focus {
  outline: 0;
}

/* ==========================================================================
   Navigation

//== Regions
//## Behavior in the different regions
========================================================================== */
.region-topbar .mx-navbar {
  background-color: #FFFFFF;
  /* For active menu items */
}
.region-topbar .mx-navbar ul.nav {
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
  color: #343A41;
  font-size: 15px;
  /* Dropdown arrow */
  /* Dropdown */
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
    font-size: 14.5px !important;
    padding: 5px 10px !important;
  }
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #343A41;
  border-bottom-color: #343A41;
}
.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: #343A41;
  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: #343A41;
  border-bottom-color: #343A41;
}
.region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #343A41;
  background-color: rgb(234.6, 234.6, 234.6);
}
.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 > .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: #343A41;
  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: #343A41;
  border-bottom-color: #343A41;
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #f2690c;
  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: #f2690c;
  border-bottom-color: #f2690c;
}
@media (max-width: 768px) {
  .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: 12px;
  }
  .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: #f2690c;
    background-color: white;
  }
  .region-topbar .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #f2690c;
    background-color: white;
  }
}
.region-topbar .mx-navbar.homeMenuItem li a[title=HOME] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.featuredMenuItem li a[title=FEATURED] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.highlightsMenuItem li a[title="MY HIGHLIGHTS"] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.liveTagsMenuItem li a[title="MY LIVETAGS"] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.searchMenuItem li a[title="SEARCH THE NETWORK"] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.scorekeeperMenuItem li a[title=SCOREKEEPER] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.customerSupportMenuItem li a[title=SUPPORT] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.reportMenuItem li a[title=REPORTS] {
  color: #f2690c !important;
}
.region-topbar .mx-navbar.adminMenuItem li a[title=ADMIN] {
  color: #f2690c !important;
}
@media (min-width: 769px) and (max-width: 991px) {
  .region-topbar .mx-navbar {
    margin-left: 0;
  }
  .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
    font-size: 11px;
    padding: 5px 6px;
  }
  .region-topbar .desktopMenu {
    width: auto;
    padding: 0;
    max-width: 51%;
  }
}

/* for admin menu items */
/* 
.role-administrator,
.role-customersupport {
    .region-topbar {
        .mx-navbar {
            &.homeMenuItem {
                li {
                    &:nth-of-type(1) {
                        a {
                            color: #fff!important;
                        }
                    }
                    &:nth-of-type(2) {
                        a {
                            color: $brand-primary!important;
                        }
                    }
                }
            }
            &.featuredMenuItem {
                li {
                    &:nth-of-type(2) {
                        a {
                            color: #fff!important;
                        }
                    }
                    &:nth-of-type(3) {
                        a {
                            color: $brand-primary!important;
                        }
                    }
                }
            }
            &.highlightsMenuItem {
                li {
                    &:nth-of-type(2) {
                        a {
                            color: #fff!important;
                        }
                    }
                    &:nth-of-type(3) {
                        a {
                            color: $brand-primary!important;
                        }
                    }
                }
            }
            &.liveTagsMenuItem {
                li {
                    &:nth-of-type(3) {
                        a {
                            color: #fff!important;
                        }
                    }
                    &:nth-of-type(4) {
                        a {
                            color: $brand-primary!important;
                        }
                    }
                }
            }
            &.searchMenuItem {
                li {
                    &:nth-of-type(4) {
                        a {
                            color: #fff!important;
                        }
                    }
                    &:nth-of-type(5) {
                        a {
                            color: $brand-primary!important;
                        }
                    }
                }
            }
        }
    }
} 
*/
.region-sidebar .mx-navbar {
  background-color: #252C36;
}
.region-sidebar .mx-navbar ul.nav {
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a {
  color: #FFFFFF;
  font-size: 15px;
  /* Dropdown arrow */
  /* Dropdown */
}
.region-sidebar .mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.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: #FFFFFF;
  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 .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 > .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: #FFFFFF;
  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: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.region-sidebar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #f2690c;
  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: #f2690c;
  border-bottom-color: #f2690c;
}
@media (max-width: 768px) {
  .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: #f2690c;
    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: #f2690c;
    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: #f3f3f3;
}

/* ==========================================================================
   Navigation

   Default Mendix Navigation Tree
========================================================================== */
.mx-navigationtree {
  background-color: #252C36;
  /* Every navigation item */
  /* Sub navigation item specific */
  /* remove focus */
}
.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(45.2945054945, 53.8637362637, 66.1054945055);
  border-radius: 0;
  background-color: #252C36;
  text-shadow: none;
  font-size: 15px;
  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(45.2945054945, 53.8637362637, 66.1054945055);
}
.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(53.589010989, 63.7274725275, 78.210989011);
}
.mx-navigationtree li.mx-navigationtree-has-items > ul {
  margin: 0;
  padding-left: 0;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.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(28.7054945055, 34.1362637363, 41.8945054945);
  text-shadow: none;
  font-size: 12px;
  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: #f2690c;
  outline: 0;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #f2690c;
  border: 0;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.mx-navigationtree:focus {
  outline: 0;
}

/* ==========================================================================
   Navigation

//== Regions
//## Behavior in the different regions
========================================================================== */
.region-topbar .mx-navigationtree {
  background-color: #FFFFFF;
  /* Sub navigation item specific */
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li > a {
  color: #343A41;
  border-color: #D7D7D7;
  background-color: #FFFFFF;
  font-size: 15px;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li > a .caret {
  border-top-color: #343A41;
  border-bottom-color: #343A41;
}
.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: #343A41;
  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: #343A41;
  border-bottom-color: #343A41;
}
.region-topbar .mx-navigationtree .navbar-inner > ul > li a.active {
  color: #343A41;
  border-left-color: #343A41;
  background-color: rgb(234.6, 234.6, 234.6);
}
.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: 12px;
}
.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: #f2690c;
  background-color: white;
}
.region-topbar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #f2690c;
  background-color: white;
}

.region-sidebar .mx-navigationtree {
  background-color: #252C36;
  /* Sub navigation item specific */
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
  color: #FFFFFF;
  border-color: rgb(45.2945054945, 53.8637362637, 66.1054945055);
  background-color: #252C36;
  font-size: 15px;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.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: #FFFFFF;
  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 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: #f2690c;
  background-color: rgb(28.7054945055, 34.1362637363, 41.8945054945);
}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #f2690c;
  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: #FFFFFF;
  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: #343A41;
  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: #f2690c;
}
.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: #252C36;
  /* remove focus */
}
.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: 15px;
  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(45.2945054945, 53.8637362637, 66.1054945055);
}
.mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #FFF;
  background-color: rgb(53.589010989, 63.7274725275, 78.210989011);
}
.mx-menubar:focus {
  outline: 0;
}

.mx-menubar-vertical {
  background-color: #252C36;
}
.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(45.2945054945, 53.8637362637, 66.1054945055);
}

.mx-menubar-horizontal {
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.14);
  /* Two menu items */
  /* Three menu items */
  /* Four menu items */
  /* Five menu items */
}
.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.menubar-col-6 ul.mx-menubar-list li.mx-menubar-item {
  width: 50%;
}
.mx-menubar-horizontal.menubar-col-4 ul.mx-menubar-list li.mx-menubar-item {
  width: 33.33333333%;
}
.mx-menubar-horizontal.menubar-col-3 ul.mx-menubar-list li.mx-menubar-item {
  width: 25%;
}
.mx-menubar-horizontal.menubar-col-2 ul.mx-menubar-list li.mx-menubar-item {
  width: 20%;
}

.region-topbar .mx-menubar {
  background-color: #FFFFFF;
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  color: #343A41;
  font-size: 15px;
}
.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: #343A41;
  background-color: rgb(244.8, 244.8, 244.8);
}
.region-topbar .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #343A41;
  background-color: rgb(234.6, 234.6, 234.6);
}
.region-topbar .mx-menubar-vertical {
  background-color: #FFFFFF;
}
.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: #FFFFFF;
  font-size: 15px;
}
.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: #FFFFFF;
  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: #f2690c;
  border-color: #f2690c;
  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: #f2690c;
}
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: #f2690c;
  background-color: #FFF;
}
input[type=radio]:disabled:before {
  background-color: #EEEEEE;
}
input[type=radio]:checked:disabled:before {
  border-color: rgba(242, 105, 12, 0.4);
}
input[type=radio]:checked:disabled:after {
  background-color: rgba(242, 105, 12, 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;
  font-weight: 300;
  -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: #888888;
}
.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: #343A41;
  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: #f2690c;
}
.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(193.6, 84, 9.6);
}

.mx-tabcontainer-badge {
  margin-left: 8px;
  border-radius: 12px;
  background-color: #f2690c;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  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: #888888;
  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: #f2690c;
  background-color: #f2690c;
}

.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: #888888;
  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: #888888;
  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: #f2690c;
  border: 0;
  border-bottom: 3px solid #f2690c;
  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: 767px) {
  .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: 767px) {
  .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: #f2690c;
  background-color: #f2690c;
}

/* ==========================================================================
   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: 500;
}

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 cells */
}
table.mx-table > tbody > tr > th {
  padding: 8px 8px 8px 8px;
}
table.mx-table > tbody > tr > th s * {
  color: #343A41;
  font-weight: 500;
  font-weight: 400;
}
table.mx-table > tbody > tr > th > label {
  padding-top: 7px;
  padding-bottom: 6px;
}
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: #f3f3f3 !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;
}

@media (max-width: 768px) {
  .mx-grid-content {
    overflow-x: auto;
  }
  .mx-grid-content table {
    width: inherit !important;
  }
}
.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: #f3f3f3 !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: #3f3f3f;
  font-size: 31px;
  font-weight: 300;
}

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: 15px;
}

h6,
.h6,
.h6 > * {
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 15px 0 30px 0;
  color: #3f3f3f;
  font-weight: 300;
  line-height: 1.3;
}

h1 {
  font-weight: 500 !important;
}

/* ==========================================================================
   Typography

//== Design Properties
//## Helper classes to change the look and feel of the component
========================================================================== */
.text-small {
  font-size: 12px !important;
}

.text-large {
  font-size: 16px !important;
}

.text-light,
.text-light > *,
.text-light label {
  font-weight: 100 !important;
}

.text-normal,
.text-normal > *,
.text-normal label {
  font-weight: 300 !important;
}

.text-semibold,
.text-semibold > *,
.text-semibold label {
  font-weight: 400 !important;
}

.text-bold,
.text-bold > *,
.text-bold label {
  font-weight: 500 !important;
}

.text-default,
.text-default:hover {
  color: #343A41 !important;
}

.text-primary,
.text-primary:hover {
  color: #f2690c !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: #3f3f3f !important;
}

.text-detail {
  color: #888888 !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: 576px) {
  .mx-layoutgrid-fixed {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .mx-layoutgrid-fixed {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .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: 768px) {
  .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: 992px) {
  .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: #343A41;
  background: #F5F8FD;
}
.mx-progress .mx-progress-message {
  color: #343A41;
}
.mx-progress .mx-progress-indicator {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 2px;
  margin: auto;
  padding: 0;
  border-radius: 0;
  background: #EEEEEE;
}
.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: #f2690c;
}
.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: #3f3f3f;
  font-weight: 500;
  margin: 0 0 10px 0;
}

.widget-timeline-description {
  color: #888888;
}

.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: #f2690c;
}

.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: 767px) {
  .hide-phone {
    display: none  !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-tablet {
    display: none  !important;
  }
}
@media (min-width: 992px) {
  .hide-desktop {
    display: none  !important;
  }
}
@media (max-width: 575px) {
  .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: 576px) and (max-width: 767px) {
  .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: 768px) and (max-width: 991px) {
  .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: 992px) 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: #888888;
  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: #888888;
}

/*
 * 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: #f2690c;
}
.dijitMenuPopup .dijitMenu .tg_newlabelmenuitem .dijitMenuItemLabel {
  font-weight: 500;
}
.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: #f2690c;
}

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: #343A41;
}

/* Based on https://github.com/mendixlabs/progress-circle/tree/master/src/ui/_progress-circle-theme.scss */
path.widget-progress-circle-path {
  stroke: #f2690c;
}

.widget-progress-circle-primary path.widget-progress-circle-path {
  stroke: #f2690c;
}
.widget-progress-circle-primary .progressbar-text {
  color: #f2690c !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: #f2690c;
}

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: #f2690c;
}

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: #f2690c;
}

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 #f2690c;
}

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: #f2690c;
  background-color: #f2690c;
  box-shadow: #f2690c 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(245.3149606299, 134.7440944882, 59.6850393701);
}
div.widget-switch.android .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary .widget-switch-btn {
  background: #f2690c;
}
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: #f2690c;
  background-color: #f2690c;
  box-shadow: #f2690c 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(245.3149606299, 134.7440944882, 59.6850393701);
}
html div.dj_android .widget-switch.auto .widget-switch-btn-wrapper.checked.widget-switch-btn-wrapper-primary .widget-switch-btn {
  background: #f2690c;
}
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: #f2690c;
  background-color: #f2690c;
  box-shadow: #f2690c 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: 15px;
}

.breadcrumb-item {
  display: inline-block;
  margin: 0;
}
.breadcrumb-item:last-child {
  color: #343A41;
}
.breadcrumb-item:last-child a {
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  content: "/";
  color: #888888;
}

.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: 4px;
  background-color: #FFFFFF;
}

.card-title {
  margin-top: 0;
  font-weight: 300 !important;
}

.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: #f2690c;
  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: 4px 0 0 0;
}
.cardtabs-tabs ul.mx-tabcontainer-tabs li:last-child a {
  border-radius: 0 4px 0 0;
}
@media (max-width: 767px) {
  .cardtabs-tabs .mx-tabcontainer-pane {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .cardtabs-tabs .mx-tabcontainer-pane {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .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: 15px;
}

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

.cardchat {
  overflow: hidden;
  padding: 0;
}
.cardchat .chat {
  height: 400px;
}

@media screen and (max-width: 991px) {
  .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: #f2690c;
  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: #FFFFFF;
}
.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: #FFFFFF;
  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: #FFFFFF;
  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(252.4, 225, 206.4);
}
.chat-message-self .chat-message-balloon::after {
  left: 100%;
  border: 10px solid transparent;
  border-top: 0;
  border-right: 0;
  border-left-color: rgb(252.4, 225, 206.4);
}
.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;
}

.mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
  background: transparent;
}
@media (max-width: 767px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .mx-scrollcontainer .mx-placeholder .mx-layoutgrid .pageheader {
    padding-bottom: 30px;
  }
}

.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: 992px) and (max-width: 767px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .masterdetail .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .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: 992px) and (max-width: 767px) {
  .masterdetail .masterdetail-detail {
    padding: 15px 15px 15px 15px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .masterdetail .masterdetail-detail {
    padding: 30px 30px 30px 30px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .masterdetail .masterdetail-detail {
    padding: 30px 30px 30px 30px;
  }
}

@media (max-width: 767px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .masterdetailvertical .masterdetail-master {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .masterdetailvertical .masterdetail-detail {
    padding-top: 15px;
  }
}
@media (min-width: 768px) {
  .masterdetailvertical .masterdetail-detail {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .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: #f2690c;
  background-color: #f2690c;
}
.wizard .wizard-step-active .wizard-step-text {
  color: #f2690c;
}
.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: #343A41;
}
.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: #f2690c;
}
.wizardprogress .wizard-step-active a {
  text-decoration: none;
  color: #FFFFFF;
}
.wizardprogress .wizard-step-active::after {
  border-left-color: #f2690c;
}
.wizardprogress .wizard-step-visited a {
  color: #f2690c;
}

.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: #f2690c;
}
.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: 20;
  min-height: 75px;
}
.layout-atlas .region-topbar::before {
  z-index: 1;
  display: none;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #f2690c;
}
.layout-atlas .region-topbar .topbar-content {
  display: flex;
  align-items: center;
  min-height: 75px;
}
.layout-atlas .region-topbar .toggle-btn {
  margin-right: 10px;
  padding: 5px;
}
.layout-atlas .region-topbar .toggle-btn .glyphicon {
  font-size: 22px;
}
.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;
  image-rendering: auto;
  width: auto;
  height: 30px;
}
@media (max-width: 768px) {
  .layout-atlas .region-topbar .navbar-brand img {
    height: 33px !important;
  }
}
.layout-atlas .region-topbar .navbar-brand a {
  margin-left: 5px;
  color: #D7D7D7;
  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;
  width: 100%;
}
.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: #FFFFFF;
}
.layout-atlas-phone .region-topbar::before {
  display: none;
}

/* ==========================================================================
   Atlas layout

   Extra styling for responsive layouts
========================================================================== */
@media (min-width: 768px) {
  .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: 767px) {
  .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: #f2690c;
}
.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: 767px) {
  .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
========================================================================== */
/**** Font Awesome ****/
/*.popup-noheader > .modal-content > .modal-header  {display: none;}*/
.popup-noheader > .modal-content > .modal-header {
  display: none;
}

.unselected-day {
  color: lightgray;
}

.unselected-day-month {
  color: darkgray;
}

.current-day {
  background-color: #ffae57;
  border-radius: 50%;
  font: bold 15px/13px Helvetica, Verdana, Tahoma;
  color: white;
  height: 40px;
  text-align: center;
  width: 40px;
  margin-left: 26%;
  margin-top: 23%;
  line-height: 39px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.unselected-day-month:hover {
  font: bold 15px/13px Helvetica, Verdana, Tahoma;
  color: #ffae57;
  /*height: 40px;
  /* text-align: center; */
  /* width: 40px;
   margin-left: 26%;
  /* border: 1px solid $HiCast-Orange-Light*/
}

svg:hover .unselected-day-month {
  stroke-dashoffset: 0;
}

/* Home page styles */
.home {
  display: block;
}
.home .region-content {
  background: #fff;
}
.home .home-search-container {
  display: flex;
  min-height: 575px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: url(../../../../resources/home-slide1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10;
}
.home .home-search {
  width: 700px;
  position: relative;
}
.home .home-search .search-placeholder {
  position: absolute;
  top: 9px;
  left: 15px;
  z-index: 1;
}
.home .home-search .search-placeholder span {
  font-size: 20px;
  font-weight: 100;
}
@media (max-width: 768px) {
  .home .home-search .search-placeholder span {
    font-size: 16px;
  }
}
.home .home-search .search-placeholder span::nth-of-type(2) {
  font-weight: 500;
}
.home .home-search .form-group {
  margin-bottom: 0;
  border-radius: 0;
}
.home .home-search .form-group input {
  border-radius: 10px;
  padding: 10px 15px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  border: 1px solid #fff;
}
.home .home-search .form-group input:focus, .home .home-search .form-group input:hover {
  border: 1px solid #fff;
}
.home .home-search .form-group input::placeholder {
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  text-overflow: ellipsis;
}
.home .home-search .form-group:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 15px;
  font-size: 23px;
  top: 6px;
  background: #fff;
  color: #f2690c;
  margin-left: 5px;
}
.home .home-search .dropdownlist {
  position: absolute;
  width: 100%;
  z-index: 100000;
  margin-top: 10px;
  max-height: 220px;
  border-radius: 10px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 15px #827f7f;
}
.home .home-search .dropdownlist ul {
  background: #fff;
  border-top: 0;
}
.home .home-search .dropdownlist ul li {
  border-color: #e2e2e2;
  border-width: 0 0 1px 0;
  padding: 6px 0;
  min-height: 70px;
  align-items: center;
  position: relative;
}
.home .home-search .dropdownlist ul li:last-of-type {
  border: 0;
}
.home .home-search .dropdownlist ul li.mx-listview-empty:before {
  content: "No results found. Try another search.";
  background: none !important;
  width: auto;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 20px;
}
.home .home-search .dropdownlist ul li.mx-listview-empty:after,
.home .home-search .dropdownlist ul li.mx-listview-empty label {
  display: none;
}
.home .home-search .dropdownlist ul li .row {
  align-items: center;
}
.home .home-search .dropdownlist ul li h5 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.home .home-search .dropdownlist ul li p {
  display: inline-block;
  margin: 0 6px;
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.home .home-search .dropdownlist ul li:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #fff;
  width: 15%;
  height: 2px;
}
.home .home-search .dropdownlist ul li img {
  height: 60px;
  margin: 0 auto;
  object-fit: contain;
  width: auto;
  padding: 0 3px;
}
.home .home-search .dropdownlist ul li .col-md-3 {
  padding-right: 6px;
  padding-left: 20px;
}
.home .homeCards {
  padding: 20px 15px 0;
  background: #f4f5f6;
}
.home .homeCards .nav-tabs {
  display: block;
  border: 0;
  text-align: center;
  margin: 60px auto 0;
  text-align: right;
  width: 1220px;
  position: relative;
  z-index: 1;
}
.home .homeCards .nav-tabs li {
  margin: 0 0 0 -25px;
  float: none;
  display: inline-block;
  padding: 0;
}
.home .homeCards .nav-tabs li a {
  background: #d6d5d5;
  display: block;
  color: #000;
  border: 1px solid #d6d5d5 !important;
  border-radius: 30px;
  font-size: 14px;
  padding: 6px 10px;
  min-width: 350px;
  text-align: center;
  position: relative;
  z-index: 0;
  font-weight: 400;
}
.home .homeCards .nav-tabs li a:hover, .home .homeCards .nav-tabs li a:focus {
  background: #d6d5d5;
  color: #000;
  border: 1px solid #d6d5d5 !important;
}
.home .homeCards .nav-tabs li.active a {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
  z-index: 1;
}
.home .homeCards .nav-tabs li.active a:hover, .home .homeCards .nav-tabs li.active a:focus {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
}
.home .homeCards .tab-pane {
  margin: 0 !important;
  padding: 0 !important;
}
.home .watchLive {
  background: #F4F5F6;
}
.home .watchLive .heading {
  text-align: left;
  margin: -60px 0 50px;
}
.home .watchLive .heading span {
  color: #000;
  font-size: 38px;
  font-weight: 100;
}
.home .watchLive .heading span:nth-of-type(2) {
  font-weight: 500;
  margin-left: 6px;
}
.home .watchDemand {
  background: #F4F5F6;
}
.home .watchDemand .heading {
  text-align: left;
  margin: -60px 0 50px;
}
.home .watchDemand .heading span {
  color: #000;
  font-size: 38px;
}
.home .watchDemand .heading span:nth-of-type(2) {
  font-weight: 500;
  margin-left: 6px;
}
.home .venue-list .mx-templategrid-content-wrapper {
  margin-bottom: 20px;
}
.home .venue-list .mx-templategrid-content-wrapper .mx-templategrid-empty {
  display: none;
}
.home .venue-list .mx-templategrid-content-wrapper .mx-templategrid-item {
  vertical-align: top;
}
.home .venue-list .videoStreamCard {
  background: #fff;
  border-radius: 20px;
  margin: 10px;
  text-align: center;
  overflow: hidden;
  min-height: 250px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  cursor: pointer;
}
.home .venue-list .videoStreamCard h2 {
  color: #414042;
  font-weight: 500;
  font-size: 20px;
  margin: 10px 15px 0;
  line-height: 1;
}
.home .venue-list .videoStreamCard p {
  margin: 0 0 40px;
  font-size: 16px;
  font-weight: 400;
  color: #8A8A8A;
}
.home .venue-list .videoStreamCard .streams {
  background: #8A8A8A;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
}
.home .venue-list .videoStreamCard .streams:before {
  content: "\f03d";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  position: relative;
  top: 1px;
  margin-right: 10px;
}
.home .venue-list .videoStreamCard .fav-star {
  position: absolute;
  right: 15px;
  top: 15px;
}
.home .venue-list .videoStreamCard .fav-star .fav {
  font-size: 24px;
  color: #dadada;
}
.home .venue-list .videoStreamCard .fav-star .fav:hover, .home .venue-list .videoStreamCard .fav-star .fav:focus {
  color: #e1c817;
}
@media (max-width: 768px) {
  .home .venue-list .videoStreamCard .fav-star {
    right: 40px;
    top: inherit;
    margin-top: 5px;
  }
}
.home .venue-list .videoStreamCard.videoLiveCard .streams {
  background: #f2690c;
}

/* Media Queries */
@media (max-width: 768px) {
  .home .home-search-container {
    min-height: 300px;
  }
  .home .home-search {
    width: 90% !important;
    margin-top: 60px;
  }
  .home .home-search .form-group input {
    font-size: 15px;
  }
  .home .home-search .form-group:after {
    top: 4px;
    right: 10px;
  }
  .home .home-search .dropdownlist ul li h5 {
    display: block;
    margin: 0 25px 0 0;
  }
  .home .home-search .dropdownlist ul li p {
    display: block;
    margin: 0 25px 0 0;
  }
  .home .home-search .dropdownlist ul li:after {
    width: 23%;
  }
  .home .venue-list .mx-templategrid-content-wrapper {
    margin: 0;
  }
  .home .venue-list .mx-templategrid-row {
    display: block;
  }
  .home .venue-list .mx-templategrid-row .mx-templategrid-item {
    width: 100% !important;
    display: block;
    margin-bottom: 0;
  }
  .home .venue-list .mx-templategrid-row .mx-templategrid-item img {
    height: 55px !important;
    padding: 0;
  }
  .home .homeCards {
    margin: 20px 15px 0;
    padding: 0;
    background: transparent;
  }
  .home .homeCards .nav-tabs {
    display: block;
    border: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: calc(100vw - 20px);
  }
  .home .homeCards .nav-tabs li {
    margin: 0 0 0 0;
    float: none;
    display: inline-block;
    padding: 0;
    width: 50%;
  }
  .home .homeCards .nav-tabs li a {
    background: #d6d5d5;
    display: block;
    color: rgb(138, 129, 129);
    border: 1px solid #d6d5d5 !important;
    border-radius: 30px;
    font-size: 14px;
    padding: 6px 10px;
    min-width: 140px;
    font-weight: 500;
    z-index: 0;
  }
  .home .homeCards .nav-tabs li a:hover, .home .homeCards .nav-tabs li a:focus {
    background: #fff;
    color: #f2690c;
    border: 1px solid #f2690c !important;
  }
  .home .homeCards .nav-tabs li:nth-of-type(1) {
    margin-right: -14px;
  }
  .home .homeCards .nav-tabs li:nth-of-type(1) a {
    border-radius: 30px 0 0 30px;
  }
  .home .homeCards .nav-tabs li:nth-of-type(2) {
    margin-right: 0;
  }
  .home .homeCards .nav-tabs li:nth-of-type(2) a {
    border-radius: 0 30px 30px 0;
  }
  .home .homeCards .nav-tabs li.active a {
    background: #f2690c;
    color: #fff;
    border: 1px solid #f2690c !important;
    z-index: 1;
    border-radius: 30px !important;
  }
  .home .homeCards .tab-pane {
    margin: 0 !important;
    padding: 0 !important;
  }
  .home .homeCards .heading {
    display: none;
  }
  .home .homeCards .col-lg-1 {
    display: none;
  }
  .home .homeCards .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home .homeCards .watchLive {
    background: #fff;
    margin: 10px 0;
  }
  .home .homeCards .watchLive li {
    border: 0;
    padding: 0;
  }
  .home .homeCards .watchLive li.mx-listview-empty {
    margin: 15px 0;
    border: 0;
    padding: 10px;
  }
  .home .homeCards .watchDemand {
    background: #fff;
    margin: 10px 0;
  }
  .home .homeCards .watchDemand li {
    border: 0;
    padding: 0;
  }
  .home .homeCards .videoStreamCard {
    background: #fff;
    border-radius: 0;
    margin: 10px 0 5px;
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    min-height: inherit;
    flex-direction: row;
    text-align: left;
    justify-content: left;
  }
  .home .homeCards .videoStreamCard .form-horizontal {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .home .homeCards .videoStreamCard .form-horizontal .mx-dataview-content {
    overflow: auto !important;
    margin-top: -15px;
  }
  .home .homeCards .videoStreamCard .video-content {
    flex: 0 0 75%;
    max-width: 75%;
    border-bottom: 2px solid #eeecec;
    padding-bottom: 10px;
    position: relative;
  }
  .home .homeCards .videoStreamCard .video-content:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-50%);
    color: #f2690c;
  }
  .home .homeCards .videoStreamCard .col-3,
  .home .homeCards .videoStreamCard .col-1 {
    margin: 0;
    padding: 0;
    align-items: center;
    align-self: center;
    justify-content: center;
  }
  .home .homeCards .videoStreamCard img {
    height: 60px !important;
    margin: 0 auto;
    padding: 0 0 0 5px;
    width: auto;
  }
  .home .homeCards .videoStreamCard h2 {
    color: #414042;
    font-weight: 500;
    font-size: 18px;
    margin: 0 5px 0;
    text-align: left;
  }
  .home .homeCards .videoStreamCard p {
    font-size: 16px;
    font-weight: normal;
    margin: 0 5px 0;
    color: #8A8A8A;
    text-align: left;
  }
  .home .homeCards .videoStreamCard .streams {
    background: none;
    color: #f2690c;
    text-align: left;
    position: relative;
    display: block;
    font-size: 13px;
    padding: 5px 0;
    margin: 0 5px 0;
  }
  .home .homeCards .videoStreamCard .streams:before {
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    margin-right: 10px;
    top: 0.5px;
  }
  .home .homeCards .videoStreamCard.videoLiveCard .streams {
    background: none;
  }
  .home .home-minHeightMobile > .mx-dataview-content {
    min-height: 100vh !important;
  }
}
/* Custom override of sm classes*/
@media (min-width: 576px) {
  .custom-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .custom-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .custom-col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .custom-col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .custom-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .custom-col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .custom-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .custom-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .custom-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .custom-col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .custom-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .custom-col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .custom-col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .custom-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .custom-order-sm-first {
    order: -1;
  }
  .custom-order-sm-last {
    order: 13;
  }
  .custom-order-sm-0 {
    order: 0;
  }
  .custom-order-sm-1 {
    order: 1;
  }
  .custom-order-sm-2 {
    order: 2;
  }
  .custom-order-sm-3 {
    order: 3;
  }
  .custom-order-sm-4 {
    order: 4;
  }
  .custom-order-sm-5 {
    order: 5;
  }
  .custom-order-sm-6 {
    order: 6;
  }
  .custom-order-sm-7 {
    order: 7;
  }
  .custom-order-sm-8 {
    order: 8;
  }
  .custom-order-sm-9 {
    order: 9;
  }
  .custom-order-sm-10 {
    order: 10;
  }
  .custom-order-sm-11 {
    order: 11;
  }
  .custom-order-sm-12 {
    order: 12;
  }
  .custom-offset-sm-0,
  .custom-col-sm-offset-0 {
    margin-left: 0;
  }
  .custom-offset-sm-1,
  .custom-col-sm-offset-1 {
    margin-left: 8.333333%;
  }
  .custom-offset-sm-2,
  .custom-col-sm-offset-2 {
    margin-left: 16.666667%;
  }
  .custom-offset-sm-3,
  .custom-col-sm-offset-3 {
    margin-left: 25%;
  }
  .custom-offset-sm-4,
  .custom-col-sm-offset-4 {
    margin-left: 33.333333%;
  }
  .custom-offset-sm-5,
  .custom-col-sm-offset-5 {
    margin-left: 41.666667%;
  }
  .custom-offset-sm-6,
  .custom-col-sm-offset-6 {
    margin-left: 50%;
  }
  .custom-offset-sm-7,
  .custom-col-sm-offset-7 {
    margin-left: 58.333333%;
  }
  .custom-offset-sm-8,
  .custom-col-sm-offset-8 {
    margin-left: 66.666667%;
  }
  .custom-offset-sm-9,
  .custom-col-sm-offset-9 {
    margin-left: 75%;
  }
  .custom-offset-sm-10,
  .custom-col-sm-offset-10 {
    margin-left: 83.333333%;
  }
  .custom-offset-sm-11,
  .custom-col-sm-offset-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .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%;
  }
  /* Overwrite Mendix phone link class */
  .profile-phone .btn:active,
  .profile-phone .mx-link:active {
    transform: none !important;
  }
}
@media (min-width: 992px) {
  .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%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hide-col-tablet {
    flex: 0 !important;
    max-width: none !important;
  }
}
/* End of overriding*/
/* Common Stylings */
img {
  max-width: 100%;
}

/* generic classes - utilities classes / helper classes */
html {
  counter-reset: subsection;
}

body {
  counter-reset: section;
  background: #eeeeee;
}

a:focus {
  outline: none;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

.no-pad,
.region-content .mx-placeholder > .mx-layoutgrid.no-pad {
  padding: 0 !important;
}

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

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

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

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

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

.noText {
  text-align: center;
  color: #000;
  padding: 20px 15px;
  font-weight: 500;
}

.bg-black .region-content {
  background: #000 !important;
}

.p-relative,
.position-relative {
  position: relative !important;
}

.p-inherit,
.star-container {
  position: inherit !important;
}

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

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-flex .mx-textbox {
  width: 100%;
}

.d-block {
  display: block;
}

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

.orangeLight {
  background-color: #ffebca !important;
}

.region-content .no-scroll .mx-dataview-content {
  overflow: visible !important;
}

.no-deco,
.no-deco:hover {
  color: #555555 !important;
  text-decoration: none !important;
  cursor: default;
  pointer-events: none;
}

.no-radius {
  border-radius: 0;
}

.no-border {
  border: 0;
}
.no-border .form-control-static, .no-border .form-group div[class*=textBox] > .control-label, .form-group .no-border div[class*=textBox] > .control-label,
.no-border .form-group div[class*=textArea] > .control-label,
.form-group .no-border div[class*=textArea] > .control-label,
.no-border .form-group div[class*=datePicker] > .control-label,
.form-group .no-border div[class*=datePicker] > .control-label {
  border: 0 !important;
}

.text-dark,
.text-dark:hover {
  color: #1A1A1A;
}

.bg-transparent,
.trans {
  background: transparent !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-25 {
  width: 24%;
  margin: 0.5% 0.5% !important;
  display: inline-flex !important;
}

.w-24 {
  width: 19%;
  margin: 0.5% 0.5% !important;
  display: inline-flex !important;
}

.w-75 {
  width: 75%;
}

.h-100 {
  height: 100%;
}

.h-50 {
  height: 50px;
}

.h-0 {
  height: 0;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto;
}

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

.p-15 {
  padding: 15px;
}

.p-15-5 {
  padding: 15px 15px 5px !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.m-auto {
  margin: 0 auto;
}

.p-5 {
  padding: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-0,
.region-content .mx-placeholder > .mx-layoutgrid.pt-0 {
  padding-top: 0 !important;
}

.prb {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.pb {
  border-bottom: 1px solid #ddd;
}

.pt-9 {
  padding-top: 9%;
  /*don't change it ! aburumman*/
}

.p-05 {
  padding: 0 5px !important;
}

.p-15,
div.mx-name-layoutGrid.p-15 {
  padding: 15px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px;
}

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

.m-15 {
  margin: 15px;
}

.m-30 {
  margin: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ml-7 {
  margin-left: 7%;
}

.b-1 {
  border: 1px solid #f36b24;
}

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

[lang=ar-JO-u-nu-latn] .ml-7 {
  margin-left: initial;
  margin-right: 7%;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

/* Fonts */
.font-14 {
  font-size: 14px;
}

/* flex */
.flex-6 {
  flex: 0 0 6% !important;
  max-width: 6% !important;
}

.v-layout .row {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.align-center,
.align-items-center {
  align-items: center;
}

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

.v-center {
  vertical-align: middle !important;
}

.v-top {
  vertical-align: top;
}

.v-bottom {
  vertical-align: bottom;
}

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

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

.text-white,
.text-white:hover,
.text-white:active,
.text-white:focus {
  color: white !important;
  pointer-events: none;
}

.text-portal {
  color: #B91F41;
}

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

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

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

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

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

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

.light {
  font-weight: lighter;
}

.font-400 {
  font-weight: 400 !important;
}

.max-40 {
  max-width: 40px;
}

.float-right {
  float: right;
}

[lang=ar-JO-u-nu-latn] .float-right {
  float: left;
}

.float-left {
  float: left;
}

[lang=ar-JO-u-nu-latn] .float-left {
  float: right;
}

.nowrap {
  white-space: nowrap;
}

.outline-none {
  outline: none;
}

.bg-light {
  background: rgba(255, 255, 255, 0.9);
}

.bg-card {
  background: rgb(245, 244, 249);
  /*overflow: hidden;*/
}

/* text colors */
.grey-text {
  color: #8A8A8A;
}

.orange-text {
  color: #f2690c;
}

/* create account */
.create-account-checkbox .mx-checkbox {
  justify-content: start !important;
  margin-left: 16%;
}
@media (max-width: 768px) {
  .create-account-checkbox .mx-checkbox {
    margin-left: 0;
  }
}
.create-account-checkbox .form-group label.control-label {
  color: #8A8A8A;
}

/* Buttons */
.black-btn {
  background: #000;
  color: #fff;
  border-color: #000;
}
.black-btn:hover, .black-btn:focus {
  background: #fff;
  color: #404144;
  border-color: #000;
}

.grey-btn {
  background: #404144;
  color: #fff;
  border-color: #404144;
}
.grey-btn:hover, .grey-btn:focus {
  background: #fff;
  color: #404144;
  border-color: #404144;
}

.red-btn {
  background: #ED1C24;
  color: #fff;
  border-color: #ED1C24;
}
.red-btn:hover, .red-btn:focus {
  background: #fff;
  color: #ED1C24;
  border-color: #ED1C24;
}

.orange-btn {
  background: #f2690c;
  color: #fff;
  border-color: #f2690c;
}
.orange-btn:hover, .orange-btn:focus {
  background: #fff;
  color: #f2690c;
  border-color: #f2690c;
  border: 2px solid;
}

/* Header Bar */
.user-profile-content {
  height: 100%;
}
.user-profile-content .mx-dataview {
  height: 100%;
}
.user-profile-content .mx-dataview-content {
  height: 100% !important;
}

.HiHeader.transparentMenu {
  margin-bottom: -75px;
}
.HiHeader > .row {
  justify-content: space-between;
}

.HiHeader,
.layout-atlas .region-topbar::before {
  background: rgba(0, 0, 0, 0.8);
}

.HiHeader li a {
  color: white !important;
  background: transparent !important;
  outline: 0;
}
.HiHeader li a:hover {
  color: #f2690c !important;
}

.HiHeader .mx-navbar .glyphicon {
  display: none;
}

.pageheader {
  background: #f5f8fd;
  position: relative;
  z-index: 0;
}

/* Footer */
.mx-scrollcontainer-bottom {
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.HiFooter {
  padding: 50px 15px 30px;
  background: #F4F5F6;
  text-align: center;
}
.HiFooter a {
  font-weight: 400;
  color: #414042;
}
.HiFooter a:hover, .HiFooter a:focus {
  color: #f2690c;
}
.HiFooter p {
  font-size: 15px;
  color: #414042;
  margin: 5px 0 0;
}

.FooterLink {
  color: white;
  padding: 0px 15px;
  border-right: 1px solid #d7d7d7;
}
@media (max-width: 768px) {
  .FooterLink {
    margin-bottom: 10px;
  }
}

.FooterLink:last-child {
  border: 0;
}

/* Sidebar */
.when-close .glyphicon {
  float: none !important;
}

.collapseSidebar {
  position: absolute;
  right: 0;
  top: -50px;
  background: none;
  color: #333;
  border: 0;
}
@media (max-width: 768px) {
  .collapseSidebar {
    top: 11px;
  }
}

.HiLeft .text-detail {
  color: #605e5e !important;
  font-size: 12px;
}
.HiLeft .mx-listview-searchbar {
  padding: 15px 10px 0;
}
.HiLeft .latLong {
  padding: 0;
  margin-top: 12px;
}
.HiLeft .mx-listview li:hover,
.HiLeft .form-horizontal .row:hover,
.HiLeft .mx-listview li.active {
  background-color: #f0f0f0 !important;
}
.HiLeft .mx-listview li:hover .row:hover,
.HiLeft .form-horizontal .row:hover .row:hover,
.HiLeft .mx-listview li.active .row:hover {
  background-color: transparent !important;
}
.HiLeft .InnerSubLink h5 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.collapseMenu {
  z-index: 1;
  position: absolute;
  right: 15px;
  color: #fff;
  top: 0;
}
@media (max-width: 768px) {
  .collapseMenu {
    display: none;
  }
}
.collapseMenu span:before {
  content: "";
  background: url(../../../../resources/collapse-search-icon.svg);
  width: 20px;
  height: 20px;
  z-index: 1;
  position: absolute;
  left: -25px;
  top: 4px;
}

/* Main Content */
.mainContentBox {
  background: #efefef;
  padding-top: 15px;
}

/* Video Container */
.videoContainer {
  /*zoom: 0.75;
  height: calc(100vh - -50px);
  @media(max-width:1400px){
      zoom: 0.66;
      height: calc(100vh - -120px);
  }
  @media(max-width:1300px){
      zoom: 0.58;
      height: calc(100vh - -170px);
  }
  @media(min-width:768px) and (max-width:1024px){
      height: calc(100vh - -100px);
  }*/
}
.videoContainer .dateChooserVideo .col-lg-9 {
  margin: 0;
  padding-right: 0;
}
.videoContainer .dateChooserVideo .col-lg-3 {
  padding-left: 0;
}
.videoContainer .dateChooserVideo .col-lg-3 .mx-referenceselector {
  width: 100%;
  padding: 0;
  margin: 0;
}

.view-btn {
  left: 0;
}

.videoTitl {
  margin: 5px 0 10px;
  display: inline-block;
  color: #f36b24;
  font-size: 15px;
  font-weight: bold !important;
}

.video-js {
  width: 100%;
  height: auto !important;
  min-height: 100%;
}
.video-js .vjs-big-play-button:before {
  /* for iphone 12 pro max only */
}
@supports (-webkit-touch-callout: none) {
  .video-js .vjs-big-play-button:before {
    padding-left: 0;
  }
}
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  .video-js .vjs-big-play-button:before {
    padding-left: 0 !important;
    margin-left: -5px;
  }
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .video-js .vjs-big-play-button:before {
    padding-left: 0 !important;
    margin-left: -5px;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .video-js .vjs-big-play-button:before {
      padding-left: 0 !important;
      margin-left: 5px;
    }
    @media (max-width: 509px) {
      .video-js .vjs-big-play-button:before {
        margin-left: 0;
      }
    }
  }
}
.otherInfoContainer {
  margin: -43px 0 0;
}
.otherInfoContainer .form-group {
  position: relative;
  width: 180px;
  padding: 10px 15px 0;
}
.otherInfoContainer.extra {
  margin: 0;
}

/* Feed */
.region-content .mx-placeholder > .feedContent.mx-layoutgrid.feedContent {
  padding: 0 !important;
}

.post {
  background-color: white;
  padding: 15px 15px 50px;
  zoom: 0.95;
}
.post .pg-viewer-wrapper .loading-container {
  position: absolute;
}

.hicast-posts .post {
  padding: 15px;
}
@media (max-width: 1400px) {
  .hicast-posts .post {
    zoom: 0.8;
  }
}
@media (max-width: 1300px) {
  .hicast-posts .post {
    zoom: 0.7;
  }
}
@media (max-width: 1024px) {
  .hicast-posts .post {
    zoom: 0.65;
  }
}

.feedSearch .mx-listview-searchbar {
  padding: 0 !important;
  background: none !important;
}

.commentBox {
  background: #eee;
  margin-top: 5px;
}
.commentBox .mx-textbox {
  margin: 0;
  padding: 10px !important;
}
.commentBox input[type=text] {
  width: 100%;
}
.commentBox a.mx-link {
  background: none;
  margin-left: -20px;
  color: #000;
}
.commentBox a.mx-link:hover {
  color: #f36b24;
}

.comments {
  background: #f9f3ed;
}
.comments h3 {
  font-size: 12px;
  margin: 0;
  color: #333;
  padding: 10px 10px 0;
}
.comments p {
  font-size: 13px;
  margin: 0;
  padding: 0 10px 10px;
}

.video-300 div {
  text-align: center;
}

.feedInner {
  background: #fff;
  min-height: calc(100vh - 100px);
}
.feedInner .mx-dataview-controls {
  display: none;
}

.innerFeedTitle {
  border-bottom: 1px solid #d0cfcf;
  background: #eeeeee;
}
.innerFeedTitle .backFeed {
  color: #333;
  border: 1px solid #a9a6a6;
  border-radius: 10px;
  padding: 5px 15px;
  margin: 10px 15px;
  display: inline-block;
}
.innerFeedTitle .backFeed:hover, .innerFeedTitle .backFeed:focus {
  background: #fff;
}
.innerFeedTitle .feedUserName {
  color: #333;
  margin: -51px 0 0;
  line-height: 1.3;
  font-size: 20px;
  text-transform: capitalize;
  display: block;
  font-weight: 500;
  text-align: center;
  padding: 10px 0 15px;
}
@media (max-width: 767px) {
  .innerFeedTitle .feedUserName {
    margin: 0;
    padding: 10px 5px 15px;
  }
}

/* Administrator */
.role-administrator .region-content .mx-dataview-content .row,
.role-customersupport .region-content .mx-dataview-content .row {
  margin-left: 0;
  margin-right: 0;
}
.role-administrator .region-content .adminNegRow .row,
.role-customersupport .region-content .adminNegRow .row {
  margin-left: -15px;
  margin-right: -15px;
}
.role-administrator .card,
.role-customersupport .card {
  min-height: 210px;
  margin-bottom: 20px !important;
  text-align: center;
  font-weight: 500;
}
.role-administrator .card:focus,
.role-customersupport .card:focus {
  border: 1px solid #adaaaa;
}
.role-administrator .card img,
.role-customersupport .card img {
  margin: 0 auto;
  height: 75px !important;
}

/* Content */
.mx-scrollcontainer-wrapper {
  height: auto !important;
}

.mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper,
.mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper .mx-scrollcontainer {
  min-height: calc(100vh - 104px);
}
@media (max-width: 768px) {
  .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper,
  .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper .mx-scrollcontainer {
    min-height: calc(100vh - 155px);
  }
}

.region-content {
  background: #eeeeee;
}
.region-content .mx-dataview-content {
  overflow-x: hidden !important;
  height: auto !important;
}
.region-content .mx-layoutgrid.mx-layoutgrid-fluid.container-fluid {
  padding: 20px 0;
}

.mainVideoContainer > .mx-dataview-content {
  height: inherit !important;
  overflow-y: overlay !important;
}

.home-fullHeight {
  height: 100%;
  border-left: 1px solid #ddd;
}

.home-sponsor-logo {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  height: 20%;
}
.home-sponsor-logo img {
  max-height: 100%;
}

.hicast-netowrk-highlights {
  height: 80%;
  padding-top: 15px;
}
.hicast-netowrk-highlights img {
  margin-bottom: 10px !important;
  max-height: 100%;
  margin: 0 auto;
  max-width: 90%;
}

.hicast-posts {
  height: 100%;
}
.hicast-posts > div {
  height: 100% !important;
}
.hicast-posts > div > div.mx-dataview-content {
  height: 100% !important;
}
.hicast-posts > div > div.mx-dataview-content > div.form-horizontal {
  height: 100% !important;
}
.hicast-posts > div > div.mx-dataview-content > div.form-horizontal > div {
  height: 100% !important;
}
.hicast-posts > div > div.mx-dataview-content > div.form-horizontal > div > div {
  height: 100% !important;
}
.hicast-posts > div > div.mx-dataview-content > div.form-horizontal > div > div > div {
  height: 100% !important;
}
.hicast-posts .hightlight-img {
  margin: 0 auto;
  height: auto !important;
  max-width: 85%;
  max-height: 100%;
}

.sponsorVideoLogo img {
  float: right;
  margin-bottom: 5px;
}

.templategrid-lined.mx-templategrid .mx-grid-content {
  padding-top: 10px;
}

.row-1 {
  height: 60%;
  border-bottom: 1px solid #ddd;
}

.row-2 {
  height: 40%;
}

.homeContent {
  height: calc(100vh - 103px);
  overflow: hidden;
}

/* User Information */
.userInformation {
  background: #fff;
  margin: 20px auto;
  width: calc(100% - 40px);
  padding: 20px;
  border: 1px solid #d1cece;
}
.userInformation h2 {
  padding: 0 15px;
}
.userInformation .row {
  margin: 0;
}
.userInformation .mx-layoutgrid {
  padding: 0 !important;
}

.m-normal {
  margin: 12px 0;
}

.HiLeft {
  background-color: #f5f8fd !important;
  border-right: 1px solid #D7D7D7 !important;
}

.region-sidebar.HiLeft .mx-navigationtree .navbar-inner > ul > li > a {
  color: #343A41;
  border-color: #dfdfdf;
  background-color: #f5f8fd;
  font-size: 14px;
}

.region-sidebar.HiLeft .mx-navigationtree .navbar-inner > ul > li > a.active span {
  color: #f36b24;
  background: transparent !important;
}

.HiLeft [aria-hidden=true] .mx-listview-searchbar,
.HiLeft [aria-hidden=true] .searchNet {
  opacity: 0;
  pointer-events: none;
}

.layout-atlas .toggle-btn {
  color: #343a41;
}

.backgroundimage {
  position: relative;
  text-align: center;
}

.backgroundimage > div {
  position: relative;
  z-index: 1;
  text-align: initial !important;
}

.backgroundimage:after {
  content: "";
  width: 100%;
  height: auto;
  background-image: url(../img/mask.png);
  position: absolute;
  bottom: -25px;
  z-index: 0;
  display: block;
  background-position: bottom center;
  min-height: 300px;
  background-size: cover;
}

/* Rounded Avatar Image */
.round-img {
  margin: 0 auto 25px;
  width: 100px;
  height: 100px;
}
.round-img .mx-image {
  margin: 20px auto 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
@media (max-width: 768px) {
  .round-img a {
    text-align: center;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.display-inlineBlock,
.d-inline-block {
  display: inline-block;
}

.full-block {
  float: left;
  width: 100%;
}

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

.light-bgrd {
  background: rgba(255, 255, 255, 0.7) !important;
}

.orange-topBorder {
  border-top: 4px solid #e1742b;
}

.abs-btn {
  position: absolute;
  right: 0;
  top: -10px;
}

.skyline {
  background-image: url(../img/skyline.svg);
  background-position: bottom center;
  background-repeat: repeat-x;
}

[lang=ar-JO-u-nu-latn] .text-right {
  text-align: left !important;
}

[lang=ar-JO-u-nu-latn] .text-left {
  text-align: right !important;
}

.hide-op {
  opacity: 0;
}

.box-shadow {
  box-shadow: 0 30px 40px rgba(90, 108, 124, 0.2);
}

.unclickable {
  opacity: 0.5;
  pointer-events: none;
}

label.required:after,
.requiredText:after {
  content: " *";
  color: red;
  position: relative;
  top: 5px;
  font-size: 20px;
  line-height: 0;
}

.required label:first-child:after,
.req > label:after {
  content: " *";
  color: red;
  position: relative;
  top: 5px;
  font-size: 20px;
  line-height: 0;
}

.fade-in {
  animation: fadeIn ease 300ms;
  -webkit-animation: fadeIn ease 300ms;
  -moz-animation: fadeIn ease 300ms;
  -o-animation: fadeIn ease 300ms;
  -ms-animation: fadeIn ease 300ms;
  opacity: 1;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a:hover {
  text-decoration: none;
}

.pg-viewer-wrapper {
  overflow-y: auto !important;
}

.fav {
  background: transparent;
  color: #939393;
  border: 0;
}

.fav:hover,
.fav:active,
.fav:focus,
.fav.gold {
  background: transparent;
  color: #e1c817;
  border: 0;
}

/* end of generic classes aburumman */
.mx-dataview-controls {
  text-align: center;
}

.btn-inverse {
  color: #fff;
  border-color: #666666;
  background-color: #666666;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .btn-inverse.dropdown-toggle {
  color: #666666;
  border-color: #dbdbdb;
  background-color: #dbdbdb;
}

.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}

.login {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border: 2px solid rgba(255, 0, 0, 0);
  border-radius: 12px;
}

.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}

.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}

.form button:hover,
.form button:active,
.form button:focus {
  background: #43A047;
}

.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}

.form .message a {
  color: #4CAF50;
  text-decoration: none;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}

.container:before,
.container:after {
  content: "";
  display: block;
  clear: both;
}

.container .info {
  margin: 50px auto;
  text-align: center;
}

.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}

.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}

.container .info span a {
  color: #000000;
  text-decoration: none;
}

.container .info span .fa {
  color: #EF3B3A;
}

.AccountContainer {
  position: absolute;
  right: 10px;
  cursor: pointer;
}

.profile-pic-container {
  position: relative;
  z-index: 10;
}
.profile-pic-container.active:before {
  content: "";
  background: #706f6f;
  position: absolute;
  top: -15px;
  left: -15px;
  width: calc(100% + 30px);
  height: calc(100% + 27px);
  z-index: -1;
}
@media (max-width: 768px) {
  .profile-pic-container.active:before {
    left: -6px;
    width: calc(100% + 22px);
  }
}

.dropMenu {
  position: absolute;
  right: 0;
  width: 220px;
  background: white;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  z-index: 4;
  padding: 0;
  font-weight: 300;
  text-transform: none;
  letter-spacing: inherit;
  margin: 0;
  margin-top: 17px;
  box-shadow: 1px 1px 5px #acacac;
  overflow: hidden;
}
.dropMenu .mx-button {
  width: calc(100% - 15px);
  border: 0 !important;
  background: transparent !important;
  border-bottom: 2px solid #f0f0f0 !important;
  border-radius: 0;
  color: #000;
  text-align: start !important;
  padding: 0.6em 5px 0.6em 0;
  font-weight: 500;
  letter-spacing: inherit;
  margin: 0 0 0 15px;
  font-size: 16px;
  text-transform: none;
}
.dropMenu .mx-button:hover, .dropMenu .mx-button:focus {
  color: #f2690c;
}
.dropMenu .dropItem {
  margin: 0 auto;
  text-align: center;
  z-index: 4;
  background: #fff;
  position: relative;
}
.dropMenu .dropItem.firstItem {
  border-radius: 10px 10px 0 0;
}
.dropMenu .dropItem.lastItem {
  border-radius: 0 0 10px 10px;
}
.dropMenu .dropItem.lastItem .mx-button {
  border-bottom: 0 !important;
}
.dropMenu:after {
  content: "";
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
}

.layout-atlas-responsive-default .region-topbar .toggle-btn,
.layout-atlas-responsive-topbar .region-topbar .toggle-btn {
  display: inline-block;
}

.Homepage .mx-scrollcontainer-middle .mx-scrollcontainer-wrapper {
  overflow-x: hidden !important;
}

.widget-text-box-search input {
  padding: 15px;
  width: 100%;
}

.mx-groupbox > .mx-groupbox-header {
  color: #fff;
  background: #f36b24;
}

.search-toggle {
  width: 100% !important;
  text-align: start;
  margin-top: 0 !important;
}

.menu-d-inline-block .nav > li {
  display: inline-block;
}

.menu-d-inline-block {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.template-inline-block .mx-templategrid-row {
  margin-bottom: 10px !important;
  display: inline-table;
  width: 100%;
}

.mx-templategrid .mx-templategrid-item:hover {
  background-color: rgba(242, 105, 12, 0.3);
}

.post > ul > li {
  width: 70%;
  max-width: 600px;
  margin: 0 auto 20px auto;
  border: 0;
  background: white !important;
  border-radius: 0 !important;
  border: 1px solid #bbafaf;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.region-content .mx-placeholder > .mx-layoutgrid {
  padding: 15px !important;
}

.p-abs {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}

.cardview .mx-dataview {
  height: 100%;
}

.cardview > ul {
  display: flex;
  flex-wrap: wrap;
}

.cardview > ul > li {
  background-color: white !important;
  width: 32%;
  display: inline-block;
  margin: 0.668%;
  text-align: center;
  border: 1px solid #e4e4e4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.obj-fit {
  object-fit: contain;
}

.cardview > ul > li:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.cardview > ul > li li {
  border: 0 !important;
  padding: 0;
}

.bt-1 {
  border-bottom: 1px solid #ddd;
}

.homepagePost .bt-1 {
  border-bottom: 0;
}

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

.row-3 {
  height: 25%;
}

.row-4 {
  height: calc(75% - 15px);
  margin-top: 15px;
}

.row-1 > div,
.row-1 .mx-groupbox,
.row-1 .mx-groupbox-body,
.row-2 .mx-grid,
.row-2 .mx-grid-content,
.row-2 .mx-templategrid-content-wrapper,
.row-2 .mx-templategrid-row,
.row-3 .row,
.row-3 .col,
.row-4 .row,
.row-4 .col,
.row-4 .mx-dataview,
.row-4 .mx-dataview-content {
  height: 100% !important;
}

.row-4 .mx-dataview.h-img {
  height: 80% !important;
}

li.mx-listview-empty:before {
  content: "No results found";
  z-index: 1;
  z-index: 1;
  position: relative !important;
  display: block;
  top: 0;
  order: 2;
  margin: 0 auto 0 auto;
  background-repeat: no-repeat;
  font-weight: 500;
  color: #000;
}
li.mx-listview-empty label {
  display: none;
}

.ListWithoutDesign .mx-listview-loadMore {
  color: #ffffff !important;
  background-color: #6a6868 !important;
}

.ListWithoutDesign > ul > li,
.ListWithoutDesign > ul > li.selected {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.video-container video {
  width: 100%;
}

.homepagevideo .video-container video {
  width: 100%;
  max-height: 200px;
}

/* Video */
.form-control:focus {
  border: 1px solid #D7D7D7 !important;
}

.remove-caret .caret {
  display: none;
}

.share {
  transform: rotateZ(45deg);
  outline: 0;
  border: 0;
}

.circle-container {
  height: 50px;
  width: 50px;
  overflow: hidden;
  margin: 5px auto;
  padding: 0;
  justify-content: center !important;
  border-radius: 100%;
  margin-right: 25px;
}
.circle-container img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  max-height: 100% !important;
  max-width: 100% !important;
  border-radius: 0;
}
.circle-container:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 17px;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #FFFFFF;
}

.mx-groupbox-body {
  border: 1px solid #e4e4e4;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0;
}

.Template-3-2-1.mx-templategrid .mx-templategrid-row {
  display: flex;
}

.Template-3-2-1.mx-templategrid .mx-templategrid-item {
  margin: 0 2%;
  display: inline-block;
  border: 1px solid #e4e4e4;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  background-color: transparent !important;
  border: 0 !important;
  border-left: 1px solid #ddd !important;
}

.region-content .mx-placeholder > .homepage_groupbox.p-15 {
  padding-bottom: 0 !important;
}

.homepage_groupbox .Template-3-2-1.mx-templategrid .mx-templategrid-item {
  width: 32% !important;
}

.Template-3-2-1.mx-templategrid .mx-templategrid-item:first-child {
  border: 0 !important;
}

.Template-3-2-1.mx-templategrid .mx-templategrid-item:first-child,
.Template-3-2-1.mx-templategrid .mx-templategrid-item:last-child {
  margin: 0;
}

.sharePage {
  width: auto !important;
  z-index: 100000 !important;
}

.sharePage .mx-window-header {
  width: 0 !important;
  opacity: 0;
  /* display: none; */
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sharePage .modal-header .close {
  margin-top: -2px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  /* background: red; */
  z-index: -1;
}

.sharePage .modal-content {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.sharePage .modal-body button {
  background: #3c4449;
  color: white !important;
  border: 0;
  border-radius: 0;
  text-align: start;
}

.sharePage .modal-body button:hover {
  color: #f36b24 !important;
}

.row-video {
  margin-bottom: -5px;
}

.row-video button {
  height: auto;
  border: 1px solid #cecccc;
  border-radius: 10px 10px 0 0;
  color: black;
  font-size: initial;
  display: block;
  font-weight: 300;
  text-transform: none;
}
@media (max-width: 767px) {
  .row-video button {
    width: 100%;
    margin: 0 !important;
  }
}
.row-video button.btn-success {
  color: #fff;
  background-color: #f2690c;
}

.bk-white {
  background-color: white;
}

.row-video > div {
  padding-left: 0;
  padding-right: 0;
}

.row-video > div:first-child {
  padding-right: 0;
  padding-left: 15px;
}

.row-video > div:last-child {
  padding-left: 0;
  padding-right: 15px;
}

.template-video .video-js.vjs-fluid {
  height: 400px;
  padding: 0;
}

.share-part {
  display: none;
}

.highlight {
  display: none;
  text-align: right !important;
  margin-top: 3px;
}
.highlight .btn-primary, .highlight .start-scoring-btn, .highlight .voluntary-score-creation button, .voluntary-score-creation .highlight button, .highlight .voluntary-score-msg .row .col-sm:nth-of-type(2) button, .voluntary-score-msg .row .col-sm:nth-of-type(2) .highlight button, .highlight .datagrid-fullsearch.mx-grid .mx-grid-search-button, .datagrid-fullsearch.mx-grid .highlight .mx-grid-search-button {
  background-color: #f36b24;
  color: #FFF;
}
.highlight .btn-primary:hover, .highlight .start-scoring-btn:hover, .highlight .voluntary-score-creation button:hover, .voluntary-score-creation .highlight button:hover, .highlight .voluntary-score-msg .row .col-sm:nth-of-type(2) button:hover, .voluntary-score-msg .row .col-sm:nth-of-type(2) .highlight button:hover, .highlight .datagrid-fullsearch.mx-grid .mx-grid-search-button:hover, .datagrid-fullsearch.mx-grid .highlight .mx-grid-search-button:hover, .highlight .btn-primary:focus, .highlight .start-scoring-btn:focus, .highlight .voluntary-score-creation button:focus, .voluntary-score-creation .highlight button:focus, .highlight .voluntary-score-msg .row .col-sm:nth-of-type(2) button:focus, .voluntary-score-msg .row .col-sm:nth-of-type(2) .highlight button:focus, .highlight .datagrid-fullsearch.mx-grid .mx-grid-search-button:focus, .datagrid-fullsearch.mx-grid .highlight .mx-grid-search-button:focus {
  background-color: transparent;
  color: #f36b24;
}

.nav-btn {
  border-right: 2px solid white;
}
@media (max-width: 767px) {
  .nav-btn {
    border-right: 2px solid white !important;
    text-transform: none;
    border: 0;
    letter-spacing: inherit;
    padding: 10px;
  }
}

.overlay_Exit {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 2;
}

.coppied {
  background: #343a41;
  padding: 10px;
  color: white !important;
  border-radius: 5px;
}

.divCoppied {
  position: fixed;
  vertical-align: middle;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  top: 0;
  color: white;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.layout-atlas-responsive-default .mx-scrollcontainer.mx-scrollcontainer-open > .region-sidebar .when-close {
  display: none;
}

.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .when-open {
  display: none;
}

.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .data_menu {
  display: none;
}

.data_menu {
  background-color: white;
}

/* New CSS (Hilario 07-05-2021) */
.sprintrFeedback__sidebar {
  display: none;
}

/* Popup */
.scrollPopup .modal-content .mx-dataview-content {
  height: calc(100vh - 95px);
  overflow-y: auto;
}

@media (max-width: 992px) {
  .height-1 .mx-groupbox-body {
    min-height: 400px;
    height: auto;
  }
  .Template-3-2-1.mx-templategrid .mx-templategrid-row {
    display: block;
    height: auto !important;
    border-bottom: 1px solid #ddd;
  }
  .cardview > ul > li {
    width: 49% !important;
    margin: 0.5%;
    display: inline-block;
  }
  .Template-3-2-1.mx-templategrid .mx-templategrid-item {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #ddd !important;
  }
  .Template-3-2-1.mx-templategrid .mx-templategrid-item:first-child {
    border-bottom: 1px solid #ddd !important;
  }
  .Template-3-2-1.mx-templategrid .mx-templategrid-item:last-child {
    border: 0 !important;
  }
  .templategrid-lined.mx-templategrid .mx-grid-content {
    border: 0;
  }
  .sponsorVideoLogo {
    border-top: 1px solid #cfcfcf;
    margin-top: 5px;
  }
  .sponsorVideoLogo img {
    margin-top: 15px;
    float: none;
    margin-bottom: 15px !important;
  }
  .video-300 .video-container video {
    height: auto;
  }
  .loginCard {
    margin-top: 10vh;
    min-width: auto;
  }
  .loginNewPass {
    border: solid 1px;
    border-radius: 15px;
    padding: 7px;
    margin-bottom: 10px;
    box-shadow: 3px 2px 6px 5px #888888;
  }
  .post > ul > li {
    width: 100%;
  }
  .hightlight-img {
    max-width: 100%;
    height: 200px !important;
    margin: 0 auto;
  }
  .row-1 {
    height: auto;
  }
  .row-2,
  .row-2 .mx-grid-content {
    height: auto !important;
  }
  .row-3 {
    height: auto;
  }
  .row-4 {
    height: auto;
  }
  .row-4 .mx-dataview.h-img {
    height: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .show-gap {
    display: block !important;
  }
}
@media (min-width: 991px) and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 766px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .cardview > ul > li,
  .Template-3-2-1.mx-templategrid .mx-templategrid-item {
    width: 100% !important;
    margin: 0 0 15px 0;
  }
  .cardview > ul {
    display: block;
  }
  .height-1 .mx-groupbox-body {
    min-height: 275px;
    height: auto;
  }
  .height-1 .mx-groupbox-body {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-scrollcontainer-open .HiLeft {
    width: 100% !important;
  }
  .mx-scrollcontainer-open .HiLeft .mx-scrollcontainer-wrapper {
    width: 100% !important;
  }
  .layout-atlas-responsive-default .mx-scrollcontainer-open:not(.mx-scrollcontainer-slide) {
    width: 100% !important;
  }
  .HiLeft {
    display: block !important;
  }
  .region-content {
    display: block !important;
  }
  .region-content .mx-layoutgrid.mx-layoutgrid-fluid.container-fluid {
    overflow-x: hidden;
  }
  .homepagevideo .video-container video {
    width: 100%;
    height: auto;
  }
  .HiLeft .mx-listview-searchbar + ul .col-3 {
    padding-left: 0;
  }
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .row-video {
    margin-left: 0;
    margin-right: 0;
  }
  .no-gutters {
    margin-right: 15px;
    margin-left: 15px;
  }
  .hicast-posts {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .hicast-posts .hightlight-img {
    max-width: 100%;
  }
  .homepage_groupbox .post {
    zoom: 1;
  }
  .homepage_groupbox .Template-3-2-1.mx-templategrid .mx-templategrid-item {
    width: 100% !important;
  }
  .hicast-netowrk-highlights {
    padding-bottom: 10px;
  }
  .homeContent {
    height: auto;
  }
  .homepagePost .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .homepage_groupbox .post {
    width: 105%;
  }
  .hicast-posts > div > div.mx-dataview-content > div.form-horizontal > div > div > div {
    width: calc(100% + 45px);
  }
  .favList.mx-listview .mx-listview-searchbar {
    margin-bottom: 10px;
    padding: 10px 10px 0;
  }
  .HiFooter .text-white {
    display: block;
  }
}
@media (max-width: 600px) {
  .col-xs-9 {
    flex: 0 0 78% !important;
    max-width: 78% !important;
  }
}
/* Title */
.title {
  margin-bottom: 20px;
  margin-top: 20px;
}
.title h1 {
  font-weight: 100 !important;
  color: #000;
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 38px;
}
.title h1:nth-of-type(2) {
  font-weight: 500 !important;
}

/* For Mobile */
@media (max-width: 768px) {
  .mx-compound-control select {
    margin-bottom: 150px;
  }
  .no-margin-select .mx-compound-control select {
    margin-bottom: 0;
  }
  .small-popup .modal-content .modal-header .close {
    right: -20px !important;
    top: -20px !important;
  }
}
/* Price */
.price .form-control-static:before, .price .form-group div[class*=textBox] > .control-label:before, .form-group .price div[class*=textBox] > .control-label:before,
.price .form-group div[class*=textArea] > .control-label:before,
.form-group .price div[class*=textArea] > .control-label:before,
.price .form-group div[class*=datePicker] > .control-label:before,
.form-group .price div[class*=datePicker] > .control-label:before {
  content: "$ ";
}

/* Family */
.familyBox {
  background: #fcf1f1;
  padding: 15px;
  margin-bottom: 50px;
  border: 1px solid #ecc3c3;
}
.familyBox .cards .mx-text {
  font-weight: 500;
  color: #a26a18;
}
.familyBox .familyOptions .mx-listview-empty {
  padding: 10px 0 5px;
  color: #b25a0f;
  border: 1px dashed;
  border-left: 0;
  border-right: 0;
  margin-top: 10px;
}
.familyBox .familyOptions .mx-listview-empty:before {
  background: none !important;
  height: auto;
  width: auto;
}

/* For Modal Popup */
.modal-footer .btn + .btn {
  margin-bottom: 0;
  border-color: #f2690c;
  background-color: #fff;
  margin-left: 5px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  height: 40px;
  border-radius: 10px;
}
.modal-footer .btn + .btn:hover, .modal-footer .btn + .btn:focus {
  color: #fff;
  background: #f2690c;
  border: 1px #f2690c solid;
}

@media (max-width: 767px) {
  .current-day {
    margin-left: 0;
  }
  .calDays .col {
    padding: 0;
  }
  .calDays .text-bold {
    font-weight: 400 !important;
  }
  .signUpFormMain {
    min-height: calc(100vh - 40px);
  }
  .signUpFormMain .signUpForm {
    padding: 0 !important;
    overflow-x: hidden;
  }
  .signUpFormMain .signUpForm .w-75 {
    width: 100%;
    margin-right: 0;
  }
  .signUpFormMain .signUpForm .mx-compound-control select {
    margin-bottom: 0;
  }
  /* Date Time Button */
  .viewDateTime {
    width: calc(100% - 30px);
    margin: 3px 0 15px 15px;
    border-color: #cfcfcf;
    color: #464646;
    display: inline-block;
    letter-spacing: inherit;
  }
  .viewDateTime:hover, .viewDateTime:focus {
    border: 1px #f2690c solid !important;
  }
  .viewDate {
    width: calc(50% - 30px);
    display: inline-block;
    padding: 0 !important;
    float: right;
    margin: 4px 15px 15px 0 !important;
  }
  .viewDate .form-control {
    margin: 0;
  }
  .hide-phone {
    display: none;
  }
  .passCol {
    max-width: 58.333333%;
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 385px) {
  .passCol {
    max-width: 50%;
  }
}
/* My profile */
@media (max-width: 768px) {
  .my-profile .mx-referenceselector select {
    margin: 0;
  }
  .my-profile .extra-space-profile {
    margin-bottom: 80px;
  }
}

/* Mobile Header Menu */
@media (max-width: 768px) {
  .desktopMenu {
    display: none;
  }
  .mobMenuPadding {
    padding: 0 !important;
  }
  .mobileContent {
    padding: 0 0 30px !important;
  }
  .mobileMenuBtn {
    position: relative;
    font-size: 24px;
    color: #f2690c;
    padding: 20px 15px;
    margin-right: 5px;
    width: 48px;
    display: block !important;
  }
  .mobileMenuBtn:hover, .mobileMenuBtn:focus {
    color: transparent;
  }
  .mobileMenuBtn:after {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 23px;
    color: #f2690c;
  }
  .mobileMenuBtn.active {
    background: #f2690c;
  }
  .mobileMenuBtn.active:after {
    content: "\f00d";
    color: #fff;
  }
  .mobileMenu {
    position: fixed;
    background: #fff;
    left: 0;
    top: 75px;
    width: 100vw;
    transform: translateX(-100vw);
    transition: transform 0.3s linear;
    height: 100vh;
  }
  .mobileMenu.active {
    transform: translateX(0);
  }
  .mobileMenu .navbar {
    margin: 0 !important;
  }
  .mobileMenu .navbar li {
    border-bottom: 1px solid #e4e4e4;
    display: block !important;
    padding: 0 !important;
  }
  .mobileMenu .navbar li:last-of-type {
    border: 0;
  }
  .mobileMenu .navbar li a {
    padding: 5px 15px 5px 50px !important;
    color: #424242 !important;
    min-height: 50px !important;
    letter-spacing: inherit !important;
  }
  .mobileMenu .navbar li a:hover, .mobileMenu .navbar li a:focus {
    background: #f36b24 !important;
    color: #fff !important;
  }
  .closeMobileBtn {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 23px;
  }
  .uppercaseBtns {
    display: none !important;
  }
  .uppercaseBtns button {
    text-transform: uppercase;
  }
  .HiHeader.fixed {
    position: fixed;
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1340px) {
  .mobileMenu {
    display: none;
  }
  .desktopMenu {
    flex: 1 0 auto;
    width: auto;
    max-width: 100%;
  }
  .desktopMenu li {
    padding: 0 !important;
  }
}
/* Top Menu for ipads */
@media (min-width: 769px) and (max-width: 1200px) {
  .region-topbar .desktopMenu .mx-navbar {
    margin-left: 0;
    height: 100%;
  }
  .region-topbar .desktopMenu .mx-navbar ul.nav {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .region-topbar .desktopMenu .mx-navbar ul.nav li a {
    font-size: 10px !important;
    padding: 0 6px 0 !important;
    min-height: inherit;
    line-height: 1.4;
  }
}
/* Live Tag */
.livetag-search-container {
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
.livetag-search-container .livetag-search {
  float: right;
  position: relative;
  margin-right: 15px;
  z-index: 1;
}
.livetag-search-container .livetag-search .search-placeholder {
  position: absolute;
  top: 7px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 768px) {
  .livetag-search-container .livetag-search .search-placeholder {
    top: 8px;
    z-index: 1;
    height: 23px;
    overflow: hidden;
  }
}
.livetag-search-container .livetag-search .search-placeholder span {
  font-size: 17px;
  font-weight: 100;
}
@media (max-width: 768px) {
  .livetag-search-container .livetag-search .search-placeholder span {
    font-size: 12px;
  }
}
.livetag-search-container .livetag-search .search-placeholder span::nth-of-type(2) {
  font-weight: 500;
}
.livetag-search-container .livetag-search input[type=text] {
  width: 500px;
  border: 0 !important;
  box-shadow: 1px 2px 3px #bebebe;
  font-weight: 500;
  color: #000;
  opacity: 1;
  border-radius: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.livetag-search-container .livetag-search input[type=text]::placeholder {
  color: #000;
  opacity: 1;
}
.livetag-search-container .livetag-search input[type=text]:focus, .livetag-search-container .livetag-search input[type=text]:hover {
  border: 0;
  box-shadow: 1px 1px 3px #bebebe;
}
.livetag-search-container .livetag-search a {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  padding-left: 10px;
}
.livetag-search-container .livetag-search a:focus, .livetag-search-container .livetag-search a:hover {
  display: inline;
}
.livetag-search-container .livetag-btns {
  float: right;
}
.livetag-search-container .livetag-btns .btn {
  text-align: center;
  min-width: 80px;
}
.livetag-search-container .livetag-btns .btn:focus {
  border: 2px solid #f2690c;
}
.livetag-search-container .livetag-btns.highlightShrink {
  margin-top: 60px;
}
.livetag-search-container .livetag-btns.highlightShrink + .livetag-search {
  margin-top: 60px;
}
.livetag-search-container select {
  width: 100%;
  border: 0 !important;
  box-shadow: 1px 2px 3px #bebebe;
  font-weight: 500;
  color: #000;
  opacity: 1;
  border-radius: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.livetag-search-container select::placeholder {
  color: #000;
  opacity: 1;
}
.livetag-search-container select:focus, .livetag-search-container select:hover {
  border: 0 !important;
  box-shadow: 1px 1px 3px #bebebe !important;
}

.btns-footer {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  padding: 25px 15px;
  left: 0;
}
.btns-footer button {
  margin: 0 10px !important;
  min-width: 120px;
}

.livetaDataView .mx-dataview-content {
  width: 100%;
}
.livetaDataView .mx-listview-empty {
  margin-top: 150px;
}
.livetaDataView .orange-badge {
  background: #f2690c;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 13px;
  top: -2px;
  position: relative;
  margin-left: 10px;
  display: inline-block;
}

.livetagList li {
  width: calc(33.33% - 15px);
  vertical-align: top;
  display: inline-block;
  margin-bottom: 25px;
}
.livetagList li:nth-child(3n+2) {
  margin: 0 20px !important;
}
.livetagList li .highlight-checkbox {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.livetagList li .highlight-checkbox input:before {
  border: 2px solid #f36b24;
  border-radius: 100%;
  background-color: #fff;
}
.livetagList li .highlight-checkbox input:checked:before {
  border-color: #f36b24;
  background-color: #f36b24;
}
.livetagList li .highlight-checkbox input:focus {
  outline: none;
}

.role-administrator .livetagList li .highlight-checkbox,
.role-customersupport .livetagList li .highlight-checkbox {
  right: 25px;
}

.livetagVideo {
  opacity: 1;
}
.livetagVideo h2 {
  color: #343A41;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  white-space: normal;
  word-break: break-word;
  width: calc(100% - 30px);
}
.livetagVideo h4 {
  opacity: 1;
}
.livetagVideo p {
  color: #6a6969;
  margin: 0;
  line-height: 1.3;
}
.livetagVideo span {
  font-weight: 400;
  color: #343A41;
  margin-top: -4px;
  display: block;
}
.livetagVideo img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 10px;
}
.livetagVideo button {
  border-radius: 30px;
  margin-top: 10px;
  width: 100%;
  padding: 7px 10px;
  display: block;
  background: #f2690c;
  line-height: 1;
  color: #fff;
  border: 2px solid #f2690c;
}
.livetagVideo button:focus, .livetagVideo button:hover {
  border: 2px solid #f2690c;
  color: #f2690c;
  background: #fff;
}

.livetagDate {
  margin-bottom: 15px;
  margin-top: 20px;
}
.livetagDate span {
  color: #343A41;
  font-size: 20px;
  font-weight: 400;
}
.livetagDate span:nth-of-type(2) {
  color: #8A8A8A;
  margin-left: 5px;
}

@media (max-width: 768px) {
  .livetag-search-container {
    margin-top: 0;
  }
  .livetag-search-container .livetag-search {
    margin-top: 0;
    float: left;
    width: calc(100% - 70px);
    margin-right: 0;
  }
  .livetag-search-container .livetag-search input[type=text] {
    width: 100%;
    padding-right: 40px;
  }
  .livetag-search-container .livetag-btns .btn {
    font-size: 11px;
    padding: 10px 0px;
    min-width: 60px;
  }
  .livetag-search-container .livetag-btns.liveshrink + .livetag-search {
    width: calc(100% - 180px);
  }
  .livetag-search-container .livetag-btns.highlightShrink {
    margin-top: 0;
  }
  .livetag-search-container .livetag-btns.highlightShrink + .livetag-search {
    margin-top: 0;
    width: 100%;
  }
  .livetag-search-container .livetag-btns.sortByBtn {
    width: 65px;
  }
  .livetag-search-container select {
    width: 100%;
    font-size: 11px;
    padding: 12px;
    background-position: calc(100% - 3px) 17px;
  }
  .livetagList li {
    width: 100%;
  }
  .livetagList li:nth-child(3n+2) {
    margin: 0 !important;
  }
  .livetaDataView .mx-listview-empty {
    margin-top: 220px;
  }
}
/* Custom Tabs */
.custom-tabs .nav-tabs {
  display: block;
  border: 0;
  text-align: center;
  margin: 30px auto 0;
  text-align: center;
  width: auto;
}
@media (max-width: 768px) {
  .custom-tabs .nav-tabs {
    margin: 0 auto 0 25px;
  }
}
.custom-tabs .nav-tabs li {
  margin: 0 0 0 -25px;
  float: none;
  display: inline-block;
  padding: 0;
}
@media (max-width: 768px) {
  .custom-tabs .nav-tabs li {
    margin: 10px 0 0 -25px;
  }
}
.custom-tabs .nav-tabs li a {
  background: #d6d5d5;
  display: block;
  color: #000;
  border: 1px solid #d6d5d5 !important;
  border-radius: 30px;
  font-size: 13px;
  padding: 6px 10px;
  min-width: 260px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  z-index: 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .custom-tabs .nav-tabs li a {
    min-width: 180px;
  }
}
@media (min-width: 1200px) {
  .custom-tabs .nav-tabs li a {
    min-width: 300px;
  }
}
.custom-tabs .nav-tabs li a:hover, .custom-tabs .nav-tabs li a:focus {
  background: #d6d5d5;
  color: #000;
  border: 1px solid #d6d5d5 !important;
}
.custom-tabs .nav-tabs li.active a {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
  z-index: 1;
}
.custom-tabs .nav-tabs li.active a:hover, .custom-tabs .nav-tabs li.active a:focus {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
}
.custom-tabs .tab-pane {
  margin: 0 !important;
  padding: 0 !important;
}

/* Forgot Password */
.forgot-password .modal-body {
  padding: 0 !important;
}
.forgot-password .modal-body .mx-scrollcontainer-wrapper {
  overflow: hidden;
}
.forgot-password .modal-body .mx-dataview-content {
  padding: 30px 20px;
}
.forgot-password .modal-body .mx-dataview-controls {
  bottom: 0 !important;
}

/* for top subscribe/active button */
@media (max-width: 768px) {
  .subsc-btn {
    padding: 0;
  }
}

/* Payment Methods */
.payment-methods {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 0px 8px #e0e0e0;
}
@media (max-width: 768px) {
  .payment-methods {
    flex: 0 0 calc(100% - 20px);
    margin: 0 10px;
  }
}
.payment-methods .badge {
  background: #f2690c;
  text-transform: uppercase;
  position: relative;
  top: -5px;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 500;
  margin-left: 10px;
}
.payment-methods .grey-btn {
  width: 60%;
  margin: 0 auto 30px;
  display: block;
}
@media (max-width: 768px) {
  .payment-methods .grey-btn {
    width: 100%;
  }
}
.payment-methods .black-btn {
  background: #343A41;
}
.payment-methods .black-btn:hover, .payment-methods .black-btn:focus {
  background: #fff;
}
.payment-methods p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.payment-methods h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  margin: 0;
  display: inline-block;
}

/* User Subscription Payment Popup */
.userSubscriptionPayment .modal-content .modal-body {
  height: auto !important;
}

/* Submit to Hicast Popup */
.submit-hicast .modal-content .modal-header {
  background: #fff;
  border: 0;
  padding: 0;
}
.submit-hicast .modal-content .modal-header h4 {
  display: none;
}
.submit-hicast .modal-content .modal-header .close {
  display: none;
  top: -40px;
}
@media (max-width: 768px) {
  .submit-hicast .modal-content .modal-header .close {
    top: -60px;
  }
}
.submit-hicast .modal-content .custom-header {
  padding: 17px 80px;
  border-bottom-color: #f4f5f6;
  border-radius: 15px 15px 0 0;
  background-color: #F4F5F6;
  color: #343A41;
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .submit-hicast .modal-content .custom-header {
    padding: 10px 20px;
  }
}
.submit-hicast .modal-content .custom-header span {
  margin: 0;
  color: #343A41;
  font-size: 18px;
  font-weight: 400;
}
.submit-hicast .modal-content .custom-header span.orange-txt {
  color: #f2690c;
}
.submit-hicast .modal-content .modal-body {
  padding: 0;
  margin-top: -17px;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 10px;
  /* icons for fields */
}
.submit-hicast .modal-content .modal-body .mx-dataview {
  padding: 15px 20px;
  overflow: inherit;
  overflow-x: hidden;
  height: auto;
}
@media (max-width: 768px) {
  .submit-hicast .modal-content .modal-body .mx-dataview {
    padding: 10px 20px;
  }
}
.submit-hicast .modal-content .modal-body .mx-dataview-controls {
  bottom: -30px;
}
@media (max-width: 768px) {
  .submit-hicast .modal-content .modal-body .mx-dataview-controls {
    bottom: -10px;
  }
}
.submit-hicast .modal-content .modal-body .cancel-btn {
  border: 0;
  background: none;
  color: #000;
  margin-right: 10px;
}
.submit-hicast .modal-content .modal-body .form-control {
  box-shadow: 1px 1px 5px #c5c4c4;
  border-radius: 10px;
  border: 0;
}
.submit-hicast .modal-content .modal-body .form-control:hover, .submit-hicast .modal-content .modal-body .form-control:focus {
  border: 0 !important;
}
.submit-hicast .modal-content .modal-body .form-group {
  position: relative;
}
.submit-hicast .modal-content .modal-body .form-group label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 17px;
  right: 10px;
  position: absolute;
  z-index: 1;
  color: #a1a0a0;
  top: 32px;
}
.submit-hicast .modal-content .modal-body select.form-control {
  background: none;
}
@media (max-width: 768px) {
  .submit-hicast .modal-content .modal-body select.form-control {
    margin: 0;
  }
}
.submit-hicast .modal-content .modal-body .player-profile label:after {
  content: "\f078";
  color: #f2690c;
}
.submit-hicast .modal-content .modal-body .player-name label:after {
  content: "\f007";
}
.submit-hicast .modal-content .modal-body .team-name label:after {
  content: "\f51b";
}
.submit-hicast .modal-content .modal-body .age-division label:after {
  content: "\f0c0";
}

/* confirmation email */
.layout-email .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper {
  min-height: calc(100vh - 210px);
  align-items: center;
  display: flex;
}
@media (max-width: 1000px) {
  .layout-email .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper {
    min-height: calc(100vh - 250px);
  }
}

/* Featured Highlights */
.highlights-list {
  width: 100%;
  margin-top: 90px;
}
.highlights-list ul {
  display: block;
}
.highlights-list ul li {
  width: calc(33.33% - 30px);
  vertical-align: top;
  display: inline-block;
  margin: 15px;
}
@media (max-width: 768px) {
  .highlights-list ul li {
    width: 100%;
    margin: 0 0 30px;
  }
}
.highlights-list ul li .videoJS {
  border-radius: 10px;
  overflow: hidden;
}
.highlights-list ul li .videoJS .vjs-logo {
  width: 80px;
}
.highlights-list ul li .videoJS .highlight-button {
  opacity: 0;
  pointer-events: none;
}
.highlights-list ul li .livetagVideo {
  margin-top: 20px;
}
.highlights-list ul li .livetagVideo span {
  font-size: 13px;
}
.highlights-list ul li .orange-badge {
  background: #f2690c;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 11px;
  top: -2px;
  position: relative;
  margin-left: 10px;
  display: inline-block;
}
.highlights-list ul li .horizontal-block {
  display: flex;
  width: 100%;
  position: relative;
}
.highlights-list ul li .horizontal-block a {
  position: absolute;
  right: 0;
  color: #fff;
  padding: 5px;
  margin: 0;
  top: 0;
}
.highlights-list ul li .horizontal-block a span {
  color: #fff;
  line-height: 1;
  margin: 0;
  font-size: 15px;
}
.highlights-list ul li .share-dropdown {
  position: absolute;
  right: 20px;
  width: 160px;
  bottom: -70px;
}
.highlights-list ul li .more-btn {
  background: #f2690c;
  border-radius: 100%;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  padding: 6px 6px 3px;
  margin-top: 15px;
  float: right;
}
.highlights-list ul li .mx-dataview-content {
  overflow: visible !important;
}
.highlights-list.admin-highlights-list {
  margin-top: 0;
}
.highlights-list.admin-highlights-list .mx-dataview-content {
  overflow: visible !important;
}
.highlights-list.admin-highlights-list ul li {
  margin: 0;
  background: none !important;
  border: 0 !important;
  width: 33.33%;
}
@media (max-width: 768px) {
  .highlights-list.admin-highlights-list ul li {
    width: 100%;
    margin: 0 0 30px;
  }
}
.highlights-list.admin-highlights-list ul li .col {
  padding: 0;
}
.highlights-list.admin-highlights-list ul li.mx-listview-empty {
  width: 100%;
}
.highlights-list .dropdown-button {
  background: #f2690c;
  border-radius: 100%;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  padding: 6px 2px 3px;
  float: right;
  margin-top: 0;
}
.highlights-list .dropdown-button .glyphicon {
  color: #fff;
  font-size: inherit;
  margin: 0;
  margin-top: -4px;
}
.highlights-list .dropdown-button:hover .glyphicon {
  color: #000;
}
.highlights-list .caret {
  display: none;
}
.highlights-list .dropdown-menu {
  width: 190px;
  background: white;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0;
  font-weight: 300;
  text-transform: none;
  letter-spacing: inherit;
  margin: 0;
  margin-top: 0;
  box-shadow: 1px 1px 5px #c0c0c0;
  overflow: hidden;
  bottom: -10px;
  z-index: 100;
}
.highlights-list .dropdown-menu .dropItem {
  margin: 0 auto;
  text-align: center;
  z-index: 4;
  background: #fff;
  position: relative;
}
.highlights-list .dropdown-menu .dropItem button {
  width: calc(100% - 15px);
  border: 0 !important;
  background: transparent !important;
  border-bottom: 2px solid #f0f0f0 !important;
  border-radius: 0 !important;
  color: #000;
  text-align: start !important;
  padding: 0.6em 5px 0.6em 0;
  font-weight: 500;
  letter-spacing: inherit;
  margin: 0 0 0 15px;
  font-size: 16px;
  text-transform: none;
  box-shadow: none;
}
.highlights-list .dropdown-menu .dropItem button:hover {
  color: #f2690c;
}
.highlights-list .dropdown-menu .dropItem:last-child button {
  border-bottom: 0 !important;
}

/* Health Check */
.health-check .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 0 15px;
  border-radius: 20px;
  padding: 15px 0;
  border: 1px solid #cac6c6;
}
@media (max-width: 768px) {
  .health-check .search-box {
    display: block;
  }
}
.health-check .search-box .mx-textbox .control-label,
.health-check .search-box .mx-dropdown .control-label {
  line-height: 1.5;
  font-weight: bold;
}
.health-check .search-box .mx-textbox input,
.health-check .search-box .mx-textbox select,
.health-check .search-box .mx-dropdown input,
.health-check .search-box .mx-dropdown select {
  border-radius: 10px;
  background: #eee;
  border-color: rgba(212, 212, 212, 0.9333333333);
  width: 300px;
}
.health-check .search-box .mx-textbox select,
.health-check .search-box .mx-dropdown select {
  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;
}
.health-check .search-box .form-group {
  margin: 10px 0 10px;
  align-items: center;
}
.health-check .search-box .mx-checkbox {
  width: 250px;
  margin: 0;
}
.health-check .search-box .mx-checkbox .col-sm-9 {
  margin: 0;
  flex-wrap: nowrap;
}
@media (min-width: 768px) and (max-width: 1300px) {
  .health-check .search-box .mx-checkbox input[type=checkbox] {
    width: 22px;
  }
}
@media (max-width: 768px) {
  .health-check .search-box .mx-checkbox {
    width: auto;
    margin: 10px 0 0;
  }
}
.health-check .search-box.search-box-inner {
  display: inherit;
  padding: 10px !important;
}
.health-check .search-box.search-box-inner .mb-10 {
  margin-bottom: 10px;
}
.health-check .search-box.search-box-inner .text-bold {
  margin-right: 10px;
}
.health-check .search-box.search-box-inner .col {
  align-self: center;
}
@media (max-width: 768px) {
  .health-check .search-box.search-box-inner .col {
    align-self: flex-start;
  }
}
.health-check .health-list h3 {
  font-size: 20px;
  font-weight: bold;
  color: #ea660d;
  margin: 15px;
}
.health-check .health-list span {
  font-size: 15px;
  display: inline-block;
}
.health-check .health-list span.text-bold {
  display: inline-block;
  min-width: 160px;
}
@media (max-width: 768px) {
  .health-check .health-list span.text-bold {
    min-width: 150px;
  }
}
.health-check .health-list .pill {
  background: #656565;
  padding: 2px 20px;
  border-radius: 20px;
  display: inline-block;
  color: #fff;
}
.health-check .health-list ul {
  border: 1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
}
.health-check .health-list ul li {
  border: 0;
  padding: 0;
}
.health-check .health-list ul li ul {
  border: 0;
  border-radius: 0;
}
.health-check .health-list ul li ul li {
  margin: 0;
  border: 1px solid #d8d8d8 !important;
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 768px) {
  .health-check .health-list ul li ul li {
    width: 100%;
  }
}
.health-check .health-list ul li ul li.mx-listview-empty {
  padding: 10px;
  background: #eee;
  width: 100%;
}
.health-check .mx-grid table {
  width: 100% !important;
}
.health-check .mx-grid table thead {
  color: #fff;
  background: #f2690c;
}
.health-check .health-grey {
  background: #eee;
  padding: 15px;
}
.health-check .health-green {
  background: #dcffdc;
  padding: 15px;
}
.health-check .health-green .pill {
  background: #07ab07;
}
.health-check .health-red {
  background: #f4d2d2;
  padding: 15px;
}
.health-check .health-red .pill {
  background: #f20606;
}

/* Confirmation Mail */
.spam-message {
  color: #991717;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  background: #fde1e1;
  padding: 10px;
}

/* Featured Highlights */
.custom-link-tabs {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 10px;
}
.custom-link-tabs a {
  display: inline-block;
  padding: 8px 15px;
  margin-right: 4px;
  background: #fff;
  color: #000;
  border: 1px solid #c6c6c6;
  border-bottom: 3px solid #fff;
  border-radius: 8px 8px 0 0;
  min-width: 150px;
  text-align: center;
}
@media (max-width: 768px) {
  .custom-link-tabs a {
    min-width: auto;
  }
}
.custom-link-tabs a:hover, .custom-link-tabs a:focus, .custom-link-tabs a.active {
  background: #fff;
  border-bottom: 3px solid #f2690c;
  color: #f2690c;
}

/* Custom Search */
.custom-search {
  width: 700px;
  position: relative;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .custom-search {
    width: 100%;
  }
}
.custom-search .search-placeholder {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
}
.custom-search .search-placeholder span {
  font-size: 15px;
  font-weight: 100;
}
@media (max-width: 768px) {
  .custom-search .search-placeholder span {
    font-size: 14px;
  }
}
.custom-search .search-placeholder span::nth-of-type(2) {
  font-weight: 500;
}
.custom-search .search-input {
  margin-bottom: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .custom-search .search-input {
    margin-bottom: 10px;
  }
}
.custom-search .search-input input {
  border-radius: 10px;
  padding: 10px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #dfdfdf;
}
.custom-search .search-input input:focus, .custom-search .search-input input:hover {
  border: 1px solid #fff;
}
.custom-search .search-input input::placeholder {
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  text-overflow: ellipsis;
}
.custom-search .search-input:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 30px;
  font-size: 18px;
  top: 6px;
  background: #fff;
  color: #f2690c;
  margin-left: 5px;
}
.custom-search select {
  border-radius: 10px;
  padding: 9px 30px 9px 10px;
}

/* Featured Highlights */
.featured-highlights {
  margin-top: 100px;
}
.featured-highlights li {
  border-bottom: solid 2px #bab9b9 !important;
  margin-bottom: 20px;
  padding-bottom: 15px !important;
}
.featured-highlights li .more-btn {
  background: rgb(242, 105, 12);
  border-radius: 100%;
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 21px;
  padding: 8px 11px 8px;
}
.featured-highlights li .more-btn .glyphicon {
  font-size: 15px;
  top: -1px;
  left: -1px;
}
.featured-highlights li .orange-txt {
  color: #f2690c;
  margin-bottom: 5px;
  display: block;
}
.featured-highlights li .mx-dataview-content {
  width: 100%;
}
.featured-highlights li .videoJS {
  border-radius: 10px;
  overflow: hidden;
}
.featured-highlights li .share-dropdown {
  right: 20px;
  bottom: -70px;
}
.featured-highlights li .badge {
  background-color: #B5B5B5;
  border-radius: 15px;
  padding: 5px 10px 5px 10px;
  margin-top: 5px;
  font-size: 11px;
  color: #fff;
}
.featured-highlights li .caption {
  display: block;
  margin: 5px 0 0;
}
.featured-highlights li.vjs-settings-item {
  height: auto !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.highlight-loader .mx-progress {
  position: relative;
  margin: 20px 0 0;
  background: none;
}

/* Jquery date/time picker */
.mx-name-StartDateTimePicker,
.datePicker-custom {
  width: 100%;
  display: block;
}
.mx-name-StartDateTimePicker .mx-dateinput-select-button,
.datePicker-custom .mx-dateinput-select-button {
  float: right;
}
.mx-name-StartDateTimePicker .mx-dateinput-input,
.datePicker-custom .mx-dateinput-input {
  width: calc(100% - 50px);
}

.datePicker-custom .mx-dateinput-input {
  width: calc(100% - 124px);
}

.ui-timepicker-div {
  font-family: "KievitOffcPro", sans-serif;
}

/* Edit Team Modal */
@media (max-width: 768px) {
  .editTeam {
    margin-top: 40px;
  }
}

/* Data View no Border for Footer */
.footer-no-border .mx-dataview-controls {
  border: 0;
}

.img-center2 {
  width: 100%;
  margin-bottom: 10px;
}
.img-center2 img {
  max-height: 30px;
}

.img-center3 {
  width: 100%;
}
.img-center3 img {
  max-height: 30px;
  margin: 0 auto;
}

.smaller-game .mx-dataview-controls {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  margin: 0 0 40px;
  padding: 0;
}
@media (max-width: 768px) {
  .smaller-game .mx-dataview-controls {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.smaller-game .mx-dataview-controls .btn {
  min-width: 120px;
}

/* Custom Dropdown Menu */
.custom-dropdown .dropdown-button {
  background: #f2690c;
  border-radius: 100%;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  padding: 8px 5px 2px;
  float: right;
  margin: 0 !important;
  border: 2px solid #f2690c;
}
.custom-dropdown .dropdown-button .glyphicon {
  color: #fff;
  font-size: inherit;
  margin: 0;
  margin-top: -4px;
}
.custom-dropdown .dropdown-button:hover {
  background: #fff;
  padding: 8px 5px 2px;
  border: 2px solid #f2690c;
}
.custom-dropdown .dropdown-button:hover .glyphicon {
  color: #000;
}
.custom-dropdown .caret {
  display: none;
}
.custom-dropdown .dropdown-menu {
  width: 190px;
  background: white;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0;
  font-weight: 300;
  text-transform: none;
  letter-spacing: inherit;
  margin: 0;
  margin-top: 0;
  box-shadow: 1px 1px 5px #c0c0c0;
  overflow: hidden;
  bottom: -10px;
  z-index: 100;
  height: min-content;
}
.custom-dropdown .dropdown-menu .dropItem {
  margin: 0 auto;
  text-align: center;
  z-index: 4;
  background: #fff;
  position: relative;
}
.custom-dropdown .dropdown-menu .dropItem button {
  width: calc(100% - 15px);
  border: 0 !important;
  background: transparent !important;
  border-bottom: 2px solid #f0f0f0 !important;
  border-radius: 0 !important;
  color: #000;
  text-align: start !important;
  padding: 0.6em 5px 0.6em 0;
  font-weight: 500;
  letter-spacing: inherit;
  margin: 0 0 0 15px;
  font-size: 16px;
  text-transform: none;
  box-shadow: none;
}
.custom-dropdown .dropdown-menu .dropItem button:hover {
  color: #f2690c;
}
.custom-dropdown .dropdown-menu .dropItem:last-child button {
  border-bottom: 0 !important;
}

/* Time Field */
@media (max-width: 768px) {
  .time-input select.time-input-item {
    width: 100% !important;
  }
}

.absErrors .alert {
  position: absolute;
  top: 24px;
  z-index: 1;
}

/* Auto Select styling */
.select2 .select2-selection {
  padding: 3px 20px 3px 0px;
  height: auto;
  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;
  border: 1px solid #D7D7D7;
}
.select2 .select2-selection__clear {
  font-size: 20px;
}
.select2 .select2-selection__arrow b {
  display: none;
}

/* Scorekeeper stylings */
.scorekeeper-games .mx-templategrid .mx-templategrid-item.selected {
  background-color: #fff !important;
  border: 3px solid #f2690c;
  position: relative;
}
@media (max-width: 768px) {
  .scorekeeper-games .mx-templategrid .mx-templategrid-item {
    width: 100% !important;
  }
}
.scorekeeper-games .mx-templategrid .mx-templategrid-item .in-progress-game:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #449346;
  position: absolute;
  right: -35px;
  top: -20px;
  transform: rotate(45deg);
}

/* Ad */
.ad-impression {
  margin-top: 80px;
  background: #fff;
  padding: 0 15px;
  margin-bottom: 10px;
  border: 1px solid #c9c9c9;
  justify-content: center !important;
}
@media (max-width: 768px) {
  .ad-impression {
    margin-top: 10px;
  }
}
.ad-impression h5 {
  padding-right: 10px;
}

.ad-time-spent {
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .ad-time-spent {
    padding-bottom: 0;
  }
}

/* Save and Share form */
#save-share-form-div {
  display: block;
  position: fixed;
  z-index: 10000;
  background: rgba(58, 56, 56, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#save-share-form-div:before {
  content: "";
}

#save-share-form {
  zoom: 0.9;
  background: #fff;
  width: 500px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 10px 0;
  border-radius: 10px;
  height: 90%;
  overflow-y: auto;
  max-height: 630px;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  #save-share-form {
    width: 90%;
    max-width: 500px;
    max-height: 620px;
  }
}
#save-share-form #form-error {
  position: relative;
  margin-top: 10px;
}
#save-share-form #form-error .css-1hdyuqk-MuiPaper-root-MuiAlert-root {
  align-items: center;
  font-size: 14px;
  font-family: inherit;
  border-radius: 10px;
}
#save-share-form label {
  width: 100%;
}
#save-share-form p {
  margin: 11px 0 5px;
  color: #343A41;
  font-size: 15px;
  font-weight: normal;
  width: 100%;
}
#save-share-form input[type=text],
#save-share-form select,
#save-share-form textarea {
  width: 100%;
  box-shadow: 1px 1px 5px #c5c4c4;
  border-radius: 10px;
  padding: 8px;
  border: 1px solid #c5c4c4;
}
#save-share-form input[readonly] {
  opacity: 1;
  background-color: #EEEEEE;
}
#save-share-form label + div {
  padding: 20px 20px;
  border: 0;
  background-color: #F4F5F6;
  color: #343A41;
  text-align: center;
  margin: 0 -20px -20px;
  width: calc(100% + 30px);
  position: relative;
}
#save-share-form button:nth-of-type(2) {
  color: #fff;
  border-color: #f2690c;
  background-color: #f2690c;
  border-width: 2px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
  cursor: pointer;
  margin-bottom: 5px;
  border: 2px solid #f2690c;
  padding: 8px 30px;
  border-radius: 10px;
}
#save-share-form button:nth-of-type(2):hover {
  color: #f2690c;
  border-color: #f2690c;
  background-color: #fff;
}
#save-share-form button:nth-of-type(1) {
  border: 0;
  background: none;
  color: #000;
  margin: 10px 30px;
  cursor: pointer;
  font-weight: 600;
}
#save-share-form .player-profile {
  position: relative;
}
#save-share-form .player-profile p:after {
  content: "\f078";
  color: #f2690c;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 17px;
  right: 10px;
  position: absolute;
  z-index: 1;
  top: 52px;
}
#save-share-form .player-profile select {
  box-shadow: 1px 1px 5px #c5c4c4;
  border-radius: 10px;
  border: 0;
  padding-right: 30px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#save-share-form .custom-header {
  padding: 15px 80px;
  border-bottom-color: #f4f5f6;
  border-radius: 15px 15px 0 0;
  background-color: #F4F5F6;
  color: #343A41;
  text-align: center;
  position: relative;
  margin: 0 -15px;
}
@media (max-width: 768px) {
  #save-share-form .custom-header {
    padding: 10px 20px;
  }
}
#save-share-form .custom-header span {
  margin: 0;
  color: #343A41;
  font-size: 18px;
  font-weight: 400;
}
#save-share-form .custom-header span.orange-txt {
  color: #f2690c;
}

.submit-hicast .modal-content .modal-body .form-control {
  box-shadow: 1px 1px 5px #c5c4c4;
  border-radius: 10px;
  border: 0;
}

body.share-popup-overlay .mx-scrollcontainer-bottom,
body.share-popup-overlay .region-topbar,
body.share-popup-overlay .selectedFieldBar {
  z-index: inherit !important;
}

/* Register */
.white-container .region-content {
  background: #FFF;
}
.white-container .signup-border {
  border: 2px solid #eee;
  background: #eeeeee;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #bbb7b7;
  margin-bottom: 10px;
}

/* scorekeeping program */
.white-box {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px #e0e0e0;
}
@media (max-width: 768px) {
  .white-box {
    padding: 30px 15px;
  }
}
.white-box ul {
  margin: 0;
  padding: 0 15px 10px;
}
.white-box h4 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 17px;
}
@media (max-width: 768px) {
  .white-box .mx-radiobuttons .radio label {
    width: 75%;
  }
}

/* steps wizard */
.stepsWizard .f1-steps {
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  margin-bottom: 40px;
}
.stepsWizard .f1-steps .f1-progress {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ddd;
}
.stepsWizard .f1-steps .f1-progress .f1-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #f36b24;
}
.stepsWizard .f1-steps .f1-step {
  position: relative;
  float: left;
  width: 33.333333%;
  padding: 0 5px;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 768px) {
  .stepsWizard .f1-steps .f1-step {
    padding: 0 3px;
  }
}
.stepsWizard .f1-steps .f1-step .mx-link {
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 500;
  background: #CACACA;
  padding: 5px 25px;
  border-radius: 50px;
}
@media (max-width: 768px) {
  .stepsWizard .f1-steps .f1-step .mx-link {
    padding: 5px 5px;
    width: 80%;
  }
}
@media (max-width: 550px) {
  .stepsWizard .f1-steps .f1-step .mx-link {
    padding: 5px 5px;
    width: 100% !important;
  }
}
.stepsWizard .f1-steps .f1-step .mx-link .glyphicon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
  background: #ddd;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  border-radius: 50%;
  text-decoration: none !important;
}
.stepsWizard .f1-steps .f1-step.active .mx-link {
  background-color: #f36b24;
}
.stepsWizard .f1-steps .f1-step.active .glyphicon {
  background: #f36b24;
}

/* terms & conditions checbox */
.terms-conditons-box {
  display: block;
  margin-left: 55px;
}
@media (max-width: 768px) {
  .terms-conditons-box {
    margin-left: 70px;
  }
}
.terms-conditons-box input {
  top: 3px;
}
.terms-conditons-box label {
  display: inline;
}
.terms-conditons-box .alert-danger {
  margin-top: 10px;
}

/* Custom Cards */
.custom-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 6px #c8c7c7;
  padding: 30px 40px;
  min-height: 420px;
}

/* Scorekeeper Dashboard */
.scorekeeper-dashboard h1,
.scorekeeper-dashboard h3 {
  margin: 0 0 20px;
}
.scorekeeper-dashboard .custom-table .row-left {
  background: #eee;
  display: block !important;
  width: 100%;
  padding: 5px;
}
.scorekeeper-dashboard .custom-table .row-left:nth-child(even) {
  background: #fff;
}
.scorekeeper-dashboard .table h4 {
  margin: 20px 0 10px;
}
.scorekeeper-dashboard .table .mx-layoutgrid .row {
  background: #eee;
  padding: 5px;
}
.scorekeeper-dashboard .table .mx-listview .mx-layoutgrid .row {
  background: #fff;
}
.scorekeeper-dashboard .table .mx-listview li:nth-child(even) .mx-layoutgrid .row {
  background: #eee;
}
.scorekeeper-dashboard .leaderboard-list {
  padding: 30px 20px;
}
.scorekeeper-dashboard .leaderboard-list h4 {
  margin: 0 0 10px;
  padding: 6px;
  text-align: center;
  background: #f4efeb;
  font-size: 17px;
  color: #f2690c;
  border: 1px solid #f2690c;
}
.scorekeeper-dashboard .leaderboard-list li {
  background: #fff;
  padding: 5px;
  border-bottom: 1px solid #d7d6d6 !important;
}
.scorekeeper-dashboard .leaderboard-list li:nth-child(even) {
  background: #eee !important;
}
.scorekeeper-dashboard .leaderboard-list li p {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .scorekeeper-dashboard .points-rewards .text-right {
    text-align: left !important;
  }
}

/* for popup on submit scores */
.viewHistoryList ul li {
  background: #fff;
  border: 0;
  border-radius: 10px !important;
}
.viewHistoryList ul li .createdDate {
  color: #343A41;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
}
.viewHistoryList ul li .img-logos {
  margin: 0 auto !important;
}
@media (max-width: 768px) {
  .viewHistoryList ul li .view-history-venue {
    display: block !important;
  }
}
.viewHistoryList ul li h3 {
  margin: 0;
  font-weight: 500;
  max-width: 70%;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .viewHistoryList ul li h3 {
    margin-left: 0 !important;
  }
}
.viewHistoryList ul li h3:nth-of-type(1) {
  border-right: 1.5px solid;
  padding-right: 10px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .viewHistoryList ul li h3:nth-of-type(1) {
    max-width: inherit;
    margin-bottom: 0;
    border: 0;
  }
}
.viewHistoryList ul li h5 {
  color: #6a6969;
  margin: 0 0 10px;
  line-height: 1.3;
}
.viewHistoryList ul li .bol {
  font-weight: 400;
  color: #343A41;
  margin-top: -4px;
  display: block;
  text-align: left;
}
.viewHistoryList ul li .badge-live {
  color: #f2690c;
  border: 1px solid #f2690c;
  padding: 5px 15px;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: 13px;
  border-radius: 30px;
}
.viewHistoryList ul li .badge-wod {
  color: #4599C7;
  border: 1px solid #4599C7;
  padding: 5px 15px;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: 13px;
  border-radius: 30px;
}
.viewHistoryList ul li .view-btn {
  border-radius: 30px;
  margin-top: 10px;
  width: 100%;
  padding: 5px 9px;
  display: block;
  background: #f2690c;
  line-height: 1;
  color: #fff;
  border: 2px solid #f2690c;
  min-width: 100px;
}
.viewHistoryList ul li .background-default {
  background: #e6e2e2 !important;
  padding: 8px 10px;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}
.viewHistoryList ul li .note-div {
  margin: 0;
}
.viewHistoryList ul li .note-div p {
  margin: 0;
}
.viewHistoryList ul li .note-div .note-btns {
  display: flex;
}
.viewHistoryList ul li .note-div .note-btns a {
  border: 1px solid #f2690c;
  border-radius: 30px;
  padding: 2px 15px;
  margin: 10px 0 0;
  font-size: 14px;
}

.role-administrator .viewHistoryList ul li .del-btn {
  margin-right: -15px;
}

/* Multiview Display Config */
.multiview-display-config .mx-groupbox > .mx-groupbox-header {
  color: #fff;
  background: #404144;
}

.multiview-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media (max-width: 768px) {
  .multiview-grid {
    height: auto;
  }
  .multiview-grid .mx-templategrid-item {
    width: 100% !important;
    display: block;
  }
  .multiview-grid .mx-templategrid-item .mx-dataview-content > div {
    margin-right: 0 !important;
  }
}

/* Mobile Columns Full Width */
@media (max-width: 768px) {
  .mobile-full-width .col-1,
  .mobile-full-width .col-2,
  .mobile-full-width .col-3,
  .mobile-full-width .col-4,
  .mobile-full-width .col-5,
  .mobile-full-width .col-6,
  .mobile-full-width .col-7,
  .mobile-full-width .col-8,
  .mobile-full-width .col-9,
  .mobile-full-width .col-10,
  .mobile-full-width .col-11,
  .mobile-full-width .col-12,
  .mobile-full-width .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .viewHistoryList .row {
    display: block;
  }
  .viewHistoryList .one-row .row {
    display: flex;
    flex-direction: row;
  }
  .viewHistoryList ul li .del-btn {
    margin-top: -70px;
  }
  .viewHistoryList ul li .note-div .note-btns {
    justify-content: center;
  }
  .viewHistoryList ul li:nth-child(3n+2) {
    margin-bottom: 10px !important;
  }
  .viewHistoryList .history-details img {
    margin: 0 auto;
  }
}
/* Sidebar */
.innerSidebarItems {
  color: #343a41;
  padding-left: 0 !important;
}
.innerSidebarItems .row {
  padding: 0;
  width: 100%;
  margin: 0;
}
.innerSidebarItems .searchNetwork {
  color: #fff;
  background-color: #8A8A8A;
  height: 60px;
  text-transform: uppercase;
  align-items: center;
  width: calc(100% + 1px);
}
.innerSidebarItems .text-detail {
  color: #605e5e !important;
  font-size: 12px;
}

.verticalBar {
  height: 100%;
}
.verticalBar .btnOpen {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  color: #343a41;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
.verticalBar .btnOpen span {
  float: none;
  margin: 0 auto;
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: #8A8A8A;
  top: 0;
}
.verticalBar .btnOpen span:before {
  content: "";
  background: url(../../../../resources/collapse-search-icon.svg);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 6px;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.verticalBar .searchTxt {
  height: 100%;
  color: #8A8A8A;
}

.companyDetails {
  text-align: center;
}
.companyDetails img {
  height: 80px;
  text-align: center;
  margin: 20px auto 0;
}
.companyDetails h3 {
  font-weight: 500;
  color: #313131;
  margin: 10px 0 0;
  text-transform: none;
}
.companyDetails span {
  display: inline-block;
  text-transform: none;
  color: #787676;
}
.companyDetails .mx-dataview {
  display: inline-block;
  text-align: center;
}
.companyDetails .mx-dataview a {
  border: 1px solid #787676;
  color: #787676;
  border-radius: 30px;
  display: block;
  padding: 5px 15px;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 10px 0 20px;
}
.companyDetails .mx-dataview a:hover, .companyDetails .mx-dataview a:focus {
  border: 1px solid #787676;
  color: #787676;
  background: transparent;
}
.companyDetails .mx-dataview a.fav {
  background: #F2690C;
  border: 1px solid #F2690C;
  color: #fff;
}
.companyDetails .mx-dataview a span {
  color: inherit;
}

.MenuLeftList {
  display: block;
  margin-bottom: 1px;
}
.MenuLeftList ul {
  display: block;
}
.MenuLeftList ul li {
  padding: 0;
  position: relative;
}
.MenuLeftList ul li img {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 70px !important;
}
.MenuLeftList ul li h5 {
  margin: 20px 15px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.5px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.MenuLeftList ul li .col-lg-3 {
  align-self: center;
  padding-right: 0;
  padding-left: 0;
}
.MenuLeftList ul li .col-lg {
  align-self: center;
}
.MenuLeftList ul li:after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 25%;
  height: 1px;
  z-index: 1;
}
@media (max-width: 1000px) {
  .MenuLeftList ul li:after {
    width: 25%;
  }
}
.MenuLeftList .mx-listview-searchbar {
  margin: 0;
  padding: 13px 10px 15px 15px;
  position: relative;
  width: calc(100% - 15px);
}
.MenuLeftList .mx-listview-searchbar input {
  box-shadow: 0px 1px 3px #b4b2b2;
  border: 0;
}
.MenuLeftList .mx-listview-searchbar input:hover, .MenuLeftList .mx-listview-searchbar input:active, .MenuLeftList .mx-listview-searchbar input:focus {
  border: 0;
}
.MenuLeftList .mx-listview-searchbar button {
  width: auto;
  position: absolute;
  right: 10px;
  border: 0;
  background: none;
  margin: 0;
  padding: 10px 10px;
}
.MenuLeftList .mx-listview-searchbar button:hover, .MenuLeftList .mx-listview-searchbar button:active, .MenuLeftList .mx-listview-searchbar button:focus {
  color: #8A8A8A;
}
.MenuLeftList.eventList p {
  padding: 20px;
  display: block;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  line-height: 1.3;
}
.MenuLeftList.venuelist-sidebar img {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  height: 60px;
  object-fit: cover;
  max-width: initial !important;
}
.MenuLeftList.venuelist-sidebar .mx-dataview-content {
  overflow: inherit !important;
}
.MenuLeftList.venuelist-sidebar .col-md-3:after {
  content: "";
  height: calc(100% + 2px);
  position: absolute;
  right: -8px;
  width: 10px;
  background: #ffffff;
  top: -1px;
  z-index: 1;
}

.MenuIcon {
  display: block;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 0;
  color: #000;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0 10px;
  width: calc(100% - 20px);
}
.MenuIcon:hover, .MenuIcon:active, .MenuIcon:focus {
  color: #000;
}
.MenuIcon span {
  color: #f2690c;
  font-weight: 500;
}
.MenuIcon img {
  height: 35px;
}
.MenuIcon.last {
  border: 0;
}

.back-menu {
  height: 60px;
  position: relative;
  border: 0;
  text-align: start;
  background-color: #F4F5F6;
  align-items: center;
  font-weight: 500;
  color: #343A41;
  border-radius: 0;
  box-shadow: none;
  text-transform: uppercase;
  margin: 0;
}
.back-menu span {
  color: #F2690C;
  font-weight: 500;
  top: 3px;
}
.back-menu:hover, .back-menu:focus, .back-menu:active {
  color: black;
  background: #ecebeb;
}
.back-menu .glyphicon-chevron-left {
  margin-right: 5px;
}
.back-menu .glyphicon-chevron-left:before {
  content: "\e257";
}

.venueList.mx-layoutgrid {
  align-items: center;
  align-self: center;
  padding: 15px 15px !important;
  justify-content: center;
}
.venueList.mx-layoutgrid img {
  padding: 0;
}
.venueList.mx-layoutgrid h4 {
  padding: 0;
  margin: 0;
  color: #343A41;
  font-weight: 500;
  text-transform: none;
  font-size: 17px;
}
.venueList.mx-layoutgrid p {
  padding: 0 !important;
  display: inline-block;
  margin: 0 5px 2px 0 !important;
  text-transform: none;
  font-weight: 400;
  line-height: 1.2;
  white-space: inherit;
  color: #8A8A8A;
  font-size: 14px;
}
.venueList.mx-layoutgrid .arrow-nxt {
  padding: 0;
}
.venueList.mx-layoutgrid .arrow-nxt:hover, .venueList.mx-layoutgrid .arrow-nxt:focus, .venueList.mx-layoutgrid .arrow-nxt:active {
  color: black;
}
.venueList.mx-layoutgrid .latLong {
  align-items: center;
  margin-top: 10px;
}
.venueList.mx-layoutgrid .latLong .align-self-center {
  padding: 0;
  font-size: 12px;
  width: 100%;
}
.venueList.mx-layoutgrid .latLong img {
  padding: 0;
  display: inline-block;
  margin-right: 5px;
}
.venueList.mx-layoutgrid .latLong span {
  color: #f2690c;
  position: relative;
  top: 2px;
}
.venueList.mx-layoutgrid .latLong .streams-icon:before {
  content: "\f03d";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  margin-right: 6px;
}
.venueList.mx-layoutgrid .latLong .distance-icon:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  margin-right: 6px;
}

.mainSelectText {
  padding: 10px 15px;
  display: block;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  line-height: 1.3;
  font-size: 16px;
}

.sidebar {
  border-right: 1px solid #D7D7D7;
  padding-right: 0;
  padding-left: 10px;
  background: #fff;
  min-height: calc(100vh - 104px);
  color: #fff;
  text-transform: uppercase;
}
.sidebar.minify {
  width: auto;
  min-width: inherit;
}
.sidebar .mobile-sidebarWidth {
  min-width: 350px;
  width: 350px;
}
.sidebar .mx-listview-searchbar input:focus {
  box-shadow: 0px 1px 3px #b4b2b2;
  border: 0 !important;
}
.sidebar .mx-listview-searchbar button span:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: relative;
  top: -2px;
}
.sidebar .selectedField {
  background: #F4F5F6;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.sidebar .selectedField:after {
  content: "";
  border-radius: 10px;
  background: #f36b24;
  height: 100%;
  position: absolute;
  width: 5px;
  right: 0;
}
.sidebar .selectedFieldBar {
  content: "";
  height: 100%;
  position: absolute;
  left: calc(25% - 2px);
  width: 10px;
  background: #F4F5F6;
  top: 0;
  z-index: 101;
}
.sidebar .event-team {
  background: #8A8A8A;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 16px;
}
.sidebar .eventParentNameList li {
  border: 0 !important;
}
.sidebar .eventParentNameList li .eventNameList {
  position: relative;
}
.sidebar .eventParentNameList li .eventNameList li .row {
  min-height: 60px;
  border-bottom: 1px solid #D7D7D7;
}
.sidebar .eventParentNameList li .eventNameList li .row:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 25%;
  height: 1px;
  background: #fff;
  z-index: 1000;
  left: 0;
}
.sidebar .eventParentNameList li .eventNameList li .col-md-3 {
  padding: 0;
  max-width: 100%;
}
.sidebar .eventParentNameList li .eventNameList li .col-md-3:after {
  content: "";
  height: calc(100% + 2px);
  position: absolute;
  right: -5px;
  width: 15px;
  background: #ffffff;
  top: -1px;
  z-index: 1;
}
.sidebar .eventParentNameList li .eventNameList li h5 {
  padding-left: 15px;
}
.sidebar .eventParentNameList li .eventNameList li img {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  height: 60px;
  object-fit: cover;
  max-width: initial !important;
}
.sidebar .eventParentNameList li .eventNameList:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 1000;
  left: 0;
}
.sidebar .mx-listview-loadMore {
  border: 0;
}
.sidebar .mx-listview-loadMore:hover, .sidebar .mx-listview-loadMore:focus {
  background: none;
  color: #000;
}
.sidebar .mx-listview-loadMore span:before {
  content: "\f2f1";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  margin-right: 6px;
}
.sidebar li.mx-listview-empty {
  border: 0 !important;
}
.sidebar .live-badge {
  background: #449346;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 10px;
  right: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.sidebar .offline-badge {
  background: #DB9E1B;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 10px;
  right: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.role-administrator .sidebar,
.role-customersupport .sidebar {
  padding: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .sidebar {
    margin: 0;
    width: 100%;
    display: block;
    height: 100%;
  }
  .sidebar .mobile-sidebarWidth {
    width: 100% !important;
  }
  .MenuLeftList {
    margin-bottom: 1px;
  }
  .back-menu {
    position: relative;
    top: 0;
  }
  .venueList.mx-layoutgrid .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .venueList.mx-layoutgrid .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .venueList.mx-layoutgrid .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .venueList.mx-layoutgrid .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hide-for-mobile {
    display: none;
  }
  .searchNetwork {
    pointer-events: none;
  }
}
@media (max-width: 1200px) {
  .back-search {
    background: #232323;
    display: block;
    margin-top: -1px;
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .mobile-sidebarWidth {
    width: 100%;
  }
}
/* Venue Page + Video  */
.page-banner {
  background-image: url(../../../../resources/banner-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 125px;
}
.page-banner .venue-header-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.page-banner .venue-header-banner img {
  object-fit: cover;
  width: 100%;
}
.page-banner .venue-header-banner .mx-dataview-content {
  position: relative;
}
.page-banner .venue-header-banner .mx-dataview-content:after {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-banner .img-badge {
  padding: 10px;
  background: #fff;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: 1px 1px 10px #868383;
  margin: 30px auto 55px;
  width: 105px;
  height: 105px;
  text-align: center;
  position: relative;
  top: 20px;
}
.page-banner .img-badge img {
  padding: 5px;
  max-width: 100%;
  height: 85px;
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.page-banner .align-children-center {
  align-items: end !important;
}
.page-banner h2 {
  margin: 0 0 20px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 23px;
  text-shadow: 1px 1px 3px #313131;
}
.page-banner h4 {
  margin: 0 0 1px 10px;
  color: #fff;
  font-weight: normal;
  text-shadow: 1px 1px 3px #292929;
  line-height: 1;
  font-size: 17px;
}
.page-banner.single-banner h2 {
  margin-bottom: 15px;
  font-size: 25px;
}
.page-banner.single-banner .img-badge {
  top: 25px;
}
.page-banner .pagebanner-inner {
  z-index: 1;
  width: 100%;
  padding: 0 8.333333% !important;
}

.role-administrator .page-banner .pagebanner-inner,
.role-customersupport .page-banner .pagebanner-inner {
  padding: 0 1% !important;
}

.venue-video {
  background: #fff;
  margin: 45px 0 20px;
  border: 0;
  border-radius: 20px 20px 0 0;
  position: relative;
}
.venue-video:after {
  content: "";
  background: #eee;
  height: 30px;
  width: 100%;
  position: absolute;
  display: block;
  bottom: 0;
}
.venue-video > .mx-dataview {
  z-index: 1;
}
.venue-video .share-btn {
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  right: 30px;
  top: 20px;
  z-index: 1;
  position: absolute;
}
@media (min-width: 768px) and (max-width: 991px) {
  .venue-video .share-btn {
    right: -70px;
  }
}
.venue-video .share-btn:focus, .venue-video .share-btn:hover {
  color: #f2690c;
  text-decoration: none;
}
.venue-video .share-btn:before {
  content: "\f064";
  font-family: "Font Awesome 5 Free";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.venue-video .date-toolbar .col-lg-5 {
  padding-right: 0;
}
.venue-video .date-toolbar .col-lg-7 {
  padding-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .venue-video .date-toolbar.hide-desktop {
    display: block !important;
  }
}
.venue-video .date-time {
  height: 65px;
}
.venue-video .date-time .mx-grid-content {
  border: 0;
}
.venue-video .date-time .mx-grid-content .mx-templategrid-item {
  border: 0 !important;
  background: transparent !important;
  padding: 0;
}
.venue-video .date-time .date-readonly {
  padding: 15px;
}
.venue-video .date-time .date-readonly span {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}
.venue-video .date-time .date-readonly span:nth-of-type(2) {
  color: #8A8A8A;
  margin-left: 5px;
}
.venue-video .date-time .date-readonly.singledate {
  padding: 25px 0 0 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .venue-video .date-time .date-readonly.singledate {
    float: right;
    text-align: right;
    padding-right: 15px !important;
  }
}
.venue-video .date-time .date-readonly .date-time-container {
  float: left;
  position: relative;
  width: 70%;
  padding-right: 15px;
  margin-top: -6px;
}
.venue-video .date-time .date-readonly .date-time-container .onlydate {
  position: absolute;
  top: 10px;
  left: 13px;
}
.venue-video .date-time .date-readonly .date-time-container .onlydate span {
  font-size: 16px;
}
.venue-video .date-time .date-readonly .time-container {
  float: left;
  width: 30%;
  margin-top: -6px;
}
.venue-video .date-time .date-readonly .date-dropdown {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0px 1px 5px #b2b0b0;
  padding: 14px 15px;
  border-radius: 10px;
  float: left;
  min-height: 44px;
}
.venue-video .date-time .date-readonly .date-dropdown span {
  float: right;
  font-size: 14px;
  font-weight: normal;
  color: #f2690c;
  position: relative;
}
.venue-video .date-time .date-readonly .date-dropdown span:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  position: absolute;
  top: -8px;
  right: 0;
  color: #f2690c;
}
.venue-video .date-time .date-readonly .time-dropdown .mx-compound-control {
  position: relative;
}
.venue-video .date-time .date-readonly .time-dropdown .mx-compound-control:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 10px;
  color: #f2690c;
}
.venue-video .date-time .date-readonly .time-dropdown .form-control {
  background: transparent;
  border: 1px solid #fff;
  box-shadow: 0px 1px 5px #b2b0b0;
  padding: 13px 10px;
  border-radius: 10px;
  font-size: 15px;
  color: #000;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .venue-video .date-time .date-readonly.singledate {
    padding: 25px 0px 0 15px;
  }
  .venue-video .date-time .date-readonly .date-time-container {
    width: 65%;
  }
  .venue-video .date-time .date-readonly .date-time-container .onlydate {
    top: 8px;
    white-space: nowrap;
    overflow: hidden;
    height: 24px;
    left: 13px;
  }
  .venue-video .date-time .date-readonly .date-time-container .onlydate span {
    font-size: 13px;
  }
  .venue-video .date-time .date-readonly .date-dropdown {
    padding: 14px 5px;
    min-height: 39px;
  }
  .venue-video .date-time .date-readonly .date-dropdown span:before {
    font-size: 13px;
    top: -7px;
  }
  .venue-video .date-time .date-readonly .time-dropdown .mx-compound-control:after {
    font-size: 13px;
    top: 10px;
  }
  .venue-video .date-time .date-readonly .time-dropdown .form-control {
    font-size: 13px;
  }
  .venue-video .date-time .date-readonly .time-container {
    width: 35%;
  }
}
.venue-video .video-btns {
  display: inline-block;
  margin-top: 25px;
  float: right;
  right: 115px;
  position: relative;
}
.venue-video .video-btns button {
  background: #F4F5F6;
  display: inline-block;
  color: #000;
  border: 1px solid #F4F5F6 !important;
  border-radius: 30px;
  font-size: 11px;
  padding: 4px 10px;
  min-width: 155px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 0;
  position: relative;
  margin: 0;
}
.venue-video .video-btns button:hover, .venue-video .video-btns button:focus {
  background: #fff;
  color: #f2690c;
  border: 1px solid #f2690c !important;
}
.venue-video .video-btns button.btn-live {
  margin-right: -14px;
  border-radius: 30px 0 0 30px;
}
.venue-video .video-btns button.btn-vod {
  margin-right: 0;
  border-radius: 0 30px 30px 0;
  padding-left: 23px;
}
.venue-video .video-btns .btn-active {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
  z-index: 1;
  border-radius: 30px !important;
}
.venue-video .video-btns .btn-active:hover, .venue-video .video-btns .btn-active:focus {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
  z-index: 2;
  border-radius: 30px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .venue-video .video-btns {
    right: inherit;
    left: 0;
    float: left;
    margin-left: 15px;
  }
}
.venue-video .nav-tabs {
  display: block;
  border: 0;
  text-align: center;
  margin: 0 -15px;
  padding: 0 10px;
  width: 360px;
  position: absolute;
  z-index: 1;
  right: 130px;
  top: 24px;
}
.venue-video .nav-tabs li {
  margin: 0 0 0 0;
  float: none;
  display: inline-block;
  padding: 0;
  width: 50%;
}
.venue-video .nav-tabs li a {
  background: #d6d5d5;
  display: block;
  color: #000;
  border: 1px solid #d6d5d5 !important;
  border-radius: 30px;
  font-size: 14px;
  padding: 4px 10px;
  min-width: 140px;
  font-weight: 500;
  text-transform: uppercase;
}
.venue-video .nav-tabs li a:hover, .venue-video .nav-tabs li a:focus {
  background: #fff;
  color: #f2690c;
  border: 1px solid #f2690c !important;
}
.venue-video .nav-tabs li:nth-of-type(1) {
  margin-right: -14px;
}
.venue-video .nav-tabs li:nth-of-type(1) a {
  border-radius: 30px 0 0 30px;
}
.venue-video .nav-tabs li:nth-of-type(2) {
  margin-right: 0;
}
.venue-video .nav-tabs li:nth-of-type(2) a {
  border-radius: 0 30px 30px 0;
}
.venue-video .nav-tabs li.active a {
  background: #f2690c;
  color: #fff;
  border: 1px solid #f2690c !important;
  z-index: 2;
  border-radius: 30px !important;
}
.venue-video .mx-dataview-content {
  overflow-x: inherit !important;
}
.venue-video .tab-content {
  padding: 10px 15px 20px;
}
.venue-video .main-video {
  display: block;
  padding: 5px 15px 35px;
}
.venue-video .main-video img {
  width: 100%;
}
.venue-video .main-video #save-share-form-div + .row {
  margin: 15px -15px 0 !important;
  position: relative;
}
.venue-video .main-video #save-share-form-div + .row:before {
  content: "";
  background-color: #eee;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: calc(100% + 20px);
}
@media (max-width: 768px) {
  .venue-video .main-video #save-share-form-div + .row:before {
    height: calc(100% + 70px);
  }
}
.venue-video .main-video #save-share-form-div + .row img {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto 10px;
  width: 100%;
  height: 120px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.venue-video .main-video #save-share-form-div + .row p {
  margin: 0;
  line-height: 1.2;
  padding: 0;
  font-size: 16px;
  font-weight: 400 !important;
  text-align: left;
  white-space: inherit;
}
.venue-video .main-video #save-share-form-div + .row .col-md-3 {
  position: relative;
  padding: 10px 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.venue-video .main-video #save-share-form-div + .row .col-md-3.active {
  background: #fff;
}
.venue-video .main-video #save-share-form-div + .row .col-md-3.active:after {
  content: "";
  background: #f2690c;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  position: absolute;
}
@media (max-width: 768px) {
  .venue-video .main-video #save-share-form-div + .row .col-md-3 {
    width: 100% !important;
    display: block;
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    max-width: inherit;
  }
  .venue-video .main-video #save-share-form-div + .row .col-md-3 > div {
    cursor: pointer;
    display: flex;
    width: 100%;
    border-bottom: 2px solid #e1dfdf;
    margin: 0;
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
  .venue-video .main-video #save-share-form-div + .row .col-md-3 p {
    align-self: center;
    width: 60%;
    padding: 0 15px;
  }
  .venue-video .main-video #save-share-form-div + .row .col-md-3 img {
    margin: 0 0 -2px;
    width: 40%;
    height: 70px;
    border-radius: 0;
    overflow: inherit;
  }
  .venue-video .main-video #save-share-form-div + .row .col-md-3.active {
    background: #fff;
  }
  .venue-video .main-video #save-share-form-div + .row .col-md-3.active:after {
    left: initial;
    width: 5px;
    border-radius: 10px;
    height: 100%;
    right: 0;
  }
}
.venue-video .main-video .video-js + .row {
  margin: 15px -15px 0 !important;
  position: relative;
}
.venue-video .main-video .video-js + .row:before {
  content: "";
  background-color: #eee;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: calc(100% + 20px);
}
@media (max-width: 768px) {
  .venue-video .main-video .video-js + .row:before {
    height: calc(100% + 70px);
  }
}
.venue-video .main-video .video-js + .row img {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto 10px;
  width: 100%;
  height: 120px;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.venue-video .main-video .video-js + .row p {
  margin: 0;
  line-height: 1.2;
  padding: 0;
  font-size: 16px;
  font-weight: 400 !important;
  text-align: left;
  white-space: inherit;
}
.venue-video .main-video .video-js + .row .col-md-3 {
  position: relative;
  padding: 10px 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.venue-video .main-video .video-js + .row .col-md-3.active {
  background: #fff;
}
.venue-video .main-video .video-js + .row .col-md-3.active:after {
  content: "";
  background: #f2690c;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  position: absolute;
}
@media (max-width: 768px) {
  .venue-video .main-video .video-js + .row .col-md-3 {
    width: 100% !important;
    display: block;
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    max-width: inherit;
  }
  .venue-video .main-video .video-js + .row .col-md-3 > div {
    cursor: pointer;
    display: flex;
    width: 100%;
    border-bottom: 2px solid #e1dfdf;
    margin: 0;
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
  .venue-video .main-video .video-js + .row .col-md-3 p {
    align-self: center;
    width: 60%;
    padding: 0 15px;
  }
  .venue-video .main-video .video-js + .row .col-md-3 img {
    margin: 0 0 -2px;
    width: 40%;
    height: 70px;
    border-radius: 0;
    overflow: inherit;
  }
  .venue-video .main-video .video-js + .row .col-md-3.active {
    background: #fff;
  }
  .venue-video .main-video .video-js + .row .col-md-3.active:after {
    left: initial;
    width: 5px;
    border-radius: 10px;
    height: 100%;
    right: 0;
  }
}
.venue-video .main-video .video-js + .row.haveToSubsciption {
  margin: -180px auto 0 !important;
}
.venue-video .video-thumbs-container-full {
  border: 0;
  border-radius: 0;
  margin-top: 15px;
}
.venue-video .video-thumbs-container-full .mx-templategrid-row {
  background: #eeeeee;
  margin-bottom: 0;
  display: block;
}
.venue-video .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
  background: #eeeeee;
  border: 0;
  padding: 0;
  margin: 0;
}
.venue-video .video-thumbs-container-full.video-stripe {
  overflow: visible;
}
@media (min-width: 769px) and (max-width: 100px) {
  .venue-video .video-thumbs-container-full.video-stripe {
    margin-top: 35px;
  }
}
.venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .video-thumbs img {
  height: 100% !important;
}
.venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row {
  display: flex;
  overflow-x: auto;
}
.venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row .mx-templategrid-item {
  width: auto !important;
  max-width: 250px;
  min-width: 250px;
}
.venue-video .video-thumbs-container-full .video-thumbs-container {
  position: relative;
  padding: 15px;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .selectedDiv {
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .selectedDiv:after {
  content: "";
  background: #f2690c;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  position: absolute;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .video-thumbs {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto 15px;
  width: 100%;
  height: 120px;
  position: relative;
  z-index: 1;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .video-thumbs img {
  width: 100% !important;
  display: block;
  height: 100% !important;
  object-fit: cover;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .mob-text-for-video {
  position: relative;
  z-index: 10;
}
.venue-video .video-thumbs-container-full .video-thumbs-container .mob-text-for-video h4 {
  margin: 0;
  line-height: 1.2;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  white-space: inherit;
}
.venue-video .not-live {
  background: url(../../../../resources/no-video.jpg);
  position: relative;
  border-radius: 20px;
  margin: 0 10px 5px;
  min-height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  background-position: center 0;
  background-color: transparent;
}
@media (max-width: 768px) {
  .venue-video .not-live {
    margin: 10px 10px 5px;
  }
}
.venue-video .not-live:before {
  content: "";
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  height: 100%;
}
.venue-video .not-live p {
  font-size: 16px;
  z-index: 10;
  text-align: center;
  font-weight: 500;
  width: 500px;
  line-height: 1.2;
  margin: 30px auto;
  position: relative;
  padding: 0 15px;
}
@media (max-width: 768px) {
  .venue-video .not-live p {
    width: 100%;
  }
}
.venue-video.single-page {
  background: none;
}
.venue-video.single-page .video-thumbs-container-full {
  margin-top: 0;
}
.venue-video.single-page .video-thumbs-container-full .mx-templategrid-row {
  background: none;
}
.venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item,
.venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-empty {
  vertical-align: top;
  background: #eeeeee;
  width: 360px !important;
  max-width: 360px;
}
.venue-video.single-page .video-thumbs-container-full .video-thumbs-container .mob-text-for-video {
  display: inline-block;
}
.venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs {
  height: 175px;
}
.venue-video .video-badge {
  background: #449346;
  float: right;
  color: #fff;
  padding: 3px 15px;
  border-radius: 30px;
  font-size: 12px;
  margin-top: -2px;
  margin-bottom: 10px;
}
.venue-video .video-badge.yellow {
  background: #DB9E27;
}
.venue-video .live-badge {
  background: #449346;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 13px;
  float: right;
  margin-top: -3px;
}
.venue-video .overlayLinkVideoThumb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 100;
}

.offline-badge {
  background: #DB9E1B;
  color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: 400;
  line-height: 1;
  font-size: 13px;
  float: right;
  margin-top: -3px;
}

/* for swipe */
.venue-video #video-div {
  position: relative;
}
.venue-video #video-div .video-js:after, .venue-video #video-div .video-js:before {
  content: "";
  background: url(../../../../resources/swipe_right.png);
  background-size: 100%;
  position: absolute;
  /* left: 0; */
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  margin: 0 auto;
  opacity: 0;
}
.venue-video #video-div .video-js:before {
  background: url(../../../../resources/swipe_left.png);
  right: inherit;
  left: 40px;
  background-size: 100%;
}
.venue-video #video-div .video-js:hover:after, .venue-video #video-div .video-js:hover:before {
  animation-name: swipeHover;
  animation-duration: 2s;
}
.venue-video #video-div.single-view {
  padding-bottom: 25px;
}
@media (max-width: 768px) {
  .venue-video #video-div.single-view {
    padding-bottom: 0;
  }
}
.venue-video #video-div.single-view .video-js:before,
.venue-video #video-div.single-view .video-js:after {
  display: none !important;
}

@keyframes swipeHover {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Mobile */
@media (max-width: 768px) {
  .page-banner .img-badge {
    margin: 30px -5px 55px;
  }
  .venue-video {
    padding-top: 0;
  }
  .venue-video .share-btn {
    font-size: 12px;
    right: 0;
    top: 20px;
    left: 0;
    margin: 0 10px 0 0;
    text-align: center;
    position: relative;
    float: right;
  }
  .venue-video .share-btn:before {
    font-size: 16px;
    top: 2px;
  }
  .venue-video .date-time {
    height: inherit;
  }
  .venue-video .date-time .mx-grid-content {
    border: 0;
  }
  .venue-video .date-time .mx-grid-content .mx-templategrid-item {
    padding-bottom: 5px;
  }
  .venue-video .date-time .date-readonly.singledate {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .venue-video .date-time .date-readonly.singledate .date-time-container {
    float: left;
    width: 70%;
    padding: 0 0 0 10px;
  }
  .venue-video .date-time .date-readonly.singledate .date-time-container .onlydate {
    top: 11px;
    left: 22px;
  }
  .venue-video .date-time .date-readonly.singledate .date-time-container .onlydate span {
    font-size: 14px;
  }
  .venue-video .date-time .date-readonly.singledate .time-container {
    width: 30%;
    margin: -6px 0 0;
    padding: 0 10px 0;
    float: right;
  }
  .venue-video .date-time .date-readonly .date-dropdown {
    padding: 14px 8px;
  }
  .venue-video .date-time .date-readonly .time-dropdown .form-control {
    margin-bottom: 0;
    padding: 14px 35px 14px 15px;
    font-size: 14px;
  }
  .venue-video .date-time .date-readonly .time-dropdown .form-control:after {
    top: 11px;
  }
  .venue-video .date-toolbar {
    text-align: center;
  }
  .venue-video .date-toolbar .col-lg-5,
  .venue-video .date-toolbar .col-lg-7 {
    padding-right: 0;
    padding-left: 0;
  }
  .venue-video .video-btns {
    margin: 20px 10px;
    float: left;
    z-index: 10;
    right: inherit;
  }
  .venue-video .video-btns button {
    font-size: 10px;
    min-width: 120px;
  }
  .venue-video .video-btns .btn-active {
    font-size: 10px;
  }
  .venue-video .nav-tabs {
    margin: 0 auto;
    padding: 0 10px;
    width: 340px;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 0;
    right: 0;
  }
  .venue-video .nav-tabs li a {
    font-size: 12px;
    padding: 4px 10px;
    min-width: 150px;
  }
  .venue-video .tab-content {
    padding: 10px 15px 20px;
  }
  .venue-video .main-video {
    display: block;
    padding-bottom: 55px;
  }
  .venue-video .main-video img {
    width: 100%;
  }
  .venue-video .video-thumbs-container-full.video-stripe {
    border: 0;
    border-radius: 0;
    margin-top: 15px;
  }
  .venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row {
    background: #F4F5F6;
    display: block;
  }
  .venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row .mx-templategrid-item {
    width: 100% !important;
    display: block;
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    max-width: inherit;
  }
  .venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row .mx-templategrid-item:hover, .venue-video .video-thumbs-container-full.video-stripe .mx-templategrid-row .mx-templategrid-item.active {
    background: #FFFFFF;
    border-bottom-color: #F4F5F6;
    border-right-color: #f2690c;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container {
    display: flex;
    width: 100%;
    border-bottom: 2px solid #e1dfdf;
    margin: 0;
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .video-thumbs {
    margin: 0 0 -2px;
    width: 40%;
    height: 70px;
    border-radius: 0;
    overflow: inherit;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .video-thumbs:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 2px;
    background: #eeeeee;
    right: -10px;
    z-index: 10;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .mob-text-for-video {
    align-self: center;
    width: 60%;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .mob-text-for-video h4 {
    padding: 0 15px 0;
  }
  .venue-video .video-thumbs-container-full.video-stripe .video-thumbs-container .selectedDiv:after {
    left: initial;
    width: 5px;
    border-radius: 10px;
    height: 100%;
    right: 0;
  }
  .venue-video.single-page {
    margin: 0 15px 30px;
    padding-top: 30px;
    background: none;
  }
  .venue-video.single-page .video-thumbs-container-full .mx-templategrid-row {
    background: #eeeeee;
  }
  .venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
    border: 0;
    width: 100% !important;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container {
    display: block;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs {
    width: 100%;
    margin-bottom: 15px;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs img {
    border-radius: 10px;
  }
}
@media (max-width: 450px) {
  .role-administrator .video-btn-container,
  .role-customersupport .video-btn-container {
    padding: 0 2px;
  }
  .venue-video .video-btns {
    margin: 20px 3px;
  }
  .venue-video .date-time .date-readonly .time-dropdown .form-control {
    padding: 14px 30px 14px 15px;
  }
}
@media (max-width: 380px) {
  .venue-video .video-btns {
    zoom: 0.9;
  }
  .venue-video .share-btn {
    top: 14px;
  }
}
/* Smaller Devices */
@media (max-width: 1400px) {
  .venue-video .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
    display: inline-block;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
    width: 200px !important;
    max-width: 200px;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs {
    height: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
    width: 220px !important;
    max-width: 220px;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs {
    height: 120px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .venue-video.single-page .video-thumbs-container-full .mx-templategrid-row .mx-templategrid-item {
    width: 260px !important;
    max-width: 300px;
  }
  .venue-video.single-page .video-thumbs-container-full .video-thumbs-container .video-thumbs {
    height: 140px !important;
  }
}
@media (max-width: 1024px) {
  .tablet-view-venue {
    display: block !important;
  }
  .tablet-view-venue .sidebar,
  .tablet-view-venue .tablet-venue {
    display: block !important;
    flex: none;
    margin: 0 10px;
    width: calc(100% - 20px);
    min-height: inherit;
    padding: 0;
  }
  .tablet-view-venue .sidebar .mobile-sidebarWidth {
    width: 100%;
  }
  .tablet-view-venue .sidebar .mobile-sidebarWidth .venueList .mx-link {
    float: right;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .tablet-only {
    display: block !important;
  }
  .tablet-only .sidebar,
  .tablet-only .tablet-venue {
    display: block !important;
    flex: none;
    margin: 0 10px;
    width: calc(100% - 20px);
    min-height: inherit;
    padding: 0;
  }
  .tablet-only .sidebar .mobile-sidebarWidth {
    width: 100%;
  }
  .tablet-only .sidebar .mobile-sidebarWidth .venueList .mx-link {
    float: right;
  }
}
/* Video Widget */
.video-js {
  z-index: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.video-js .vjs-logo {
  z-index: inherit !important;
}
@media (max-width: 768px) {
  .video-js .vjs-logo {
    width: 80px;
  }
  .video-js .vjs-big-button {
    display: none !important;
  }
}
.video-js .vjs-control-bar {
  z-index: 1000 !important;
}
@media (max-width: 1000px) {
  .video-js {
    margin-bottom: 20px !important;
  }
}

.scoresheet {
  background: rgb(48, 49, 50);
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  z-index: 1;
  top: 10px;
  border-radius: 10px;
  left: 10px;
  width: 245px;
}
@media (max-width: 768px) {
  .scoresheet {
    zoom: 0.5;
    width: 275px;
  }
}
.scoresheet b {
  color: #f2690c;
  margin: 0 3px;
}
.scoresheet .innings {
  display: block;
  text-align: center;
  padding: 5px 10px 5px;
  border-bottom: 1px solid #6c6b6b;
  padding-bottom: 5px;
  font-size: 15px;
  margin: 0 10px;
}
@media (max-width: 768px) {
  .scoresheet .innings {
    font-size: 10px;
  }
}
.scoresheet .innings #top,
.scoresheet .innings #bottom {
  text-align: center;
  position: relative;
  width: 20px;
  display: inline-block;
  text-indent: -99999px;
  top: 5px;
}
@media (max-width: 768px) {
  .scoresheet .innings #top,
  .scoresheet .innings #bottom {
    top: 10px;
    zoom: 0.7;
  }
}
.scoresheet .innings #top:before,
.scoresheet .innings #bottom:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f2690c;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.scoresheet .innings #bottom:before {
  transform: rotate(180deg);
}
.scoresheet .teamA {
  padding: 5px 10px 5px;
  font-size: 15px;
  float: left;
}
@media (max-width: 768px) {
  .scoresheet .teamA {
    font-size: 10px;
  }
}
.scoresheet .teamA b {
  float: right;
  margin: 0 15px !important;
}
.scoresheet .teamB {
  padding: 5px 10px 5px;
  font-size: 15px;
  float: right;
}
@media (max-width: 768px) {
  .scoresheet .teamB {
    font-size: 10px;
  }
}
.scoresheet .teamB b {
  float: left;
  margin: 0 15px !important;
}
.scoresheet .advanced-score-section {
  float: left;
  width: 100%;
  padding: 0 5px 5px 0px;
  text-align: center;
}
.scoresheet .advanced-score-section div {
  display: inline-block;
  padding: 0 4px;
  font-size: 13px;
}
@media (max-width: 768px) {
  .scoresheet .advanced-score-section div {
    font-size: 8px;
  }
}
.scoresheet .advanced-score-section div b {
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .scoresheet .advanced-score-section div b {
    top: 1px;
    font-size: 9px;
  }
}
.scoresheet .advanced-score-section div.strikes {
  padding: 0 15px 0 10px;
  border-right: 1px solid #6c6b6b;
}
.scoresheet .advanced-score-section div.ball {
  border-right: 1px solid #6c6b6b;
  padding-right: 15px;
}
.scoresheet .advanced-score-section div.outs {
  padding-left: 14px;
}

@media (max-width: 768px) {
  .scoreContainer .mx-compound-control select {
    margin-bottom: 0;
  }
}

.scoreBtns {
  height: 55px;
  width: 55px;
}
.scoreBtns:active, .scoreBtns:focus {
  opacity: 1;
}
.scoreBtns.btn-success-green:active, .scoreBtns.btn-success-green:focus {
  opacity: 1;
}
.scoreBtns.btn-success-green:hover {
  opacity: 0.7;
}

.undo-btn {
  border: 2px #51565e solid;
  background-color: #51565e;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  padding: 15px 20px;
}
.undo-btn:hover {
  border: 2px #51565e solid;
  background-color: #51565e;
  color: #fff;
  opacity: 0.7;
}
.undo-btn:focus, .undo-btn:active {
  border: 2px #51565e solid;
  background-color: #51565e;
  color: #fff;
}

.scorTeam {
  font-size: 18px;
  margin: 10px 0;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0 4px;
}

.vjs-context-menu {
  display: none !important;
}

.MuiInputLabel-outlined {
  z-index: 1 !important;
  transform: translate(14px, 20px) scale(1) !important;
  font-weight: 400 !important;
  color: #343A41 !important;
  font-family: "KievitOffcPro", sans-serif !important;
  font-size: 18px !important;
}

.MuiInputBase-input {
  font-weight: 400 !important;
  color: #343A41 !important;
  font-size: 18px !important;
  font-family: "KievitOffcPro", sans-serif !important;
}

.MuiInputLabel-outlined.MuiInputLabel-shrink {
  display: none !important;
}

.livetag-form-time-content {
  padding-left: 10px !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-size: 20px !important;
  position: relative !important;
  font-family: "KievitOffcPro", sans-serif !important;
  top: 3px !important;
}

.livetag-button-cancel {
  background: none !important;
  text-align: center !important;
  justify-content: center !important;
  text-transform: none !important;
  font-size: 16px !important;
  color: #fff !important;
}

.btn-primary, .start-scoring-btn, .voluntary-score-creation button, .voluntary-score-msg .row .col-sm:nth-of-type(2) button, .datagrid-fullsearch.mx-grid .mx-grid-search-button {
  border-radius: 10px;
}

.livetag-form-text {
  margin: 0 15px !important;
  width: calc(100% - 30px) !important;
}

.role-administrator .livetag-form-text {
  margin: 0 !important;
  width: 100% !important;
}

.livetagBtns button {
  margin: 10px auto 0 !important;
  width: auto;
  min-width: 100%;
  background-color: #f2690c;
  font-family: inherit;
  font-size: 16px;
  border-radius: 10px;
  padding: 0.6em 1em;
  letter-spacing: 1px;
  font-weight: normal;
}
.livetagBtns button:hover, .livetagBtns button:focus {
  color: #f2690c !important;
  background-color: #fff !important;
}
.livetagBtns .livetag-button-cancel {
  background: none !important;
  text-align: center !important;
  justify-content: center !important;
  text-transform: none !important;
  font-size: 16px !important;
  color: #fff !important;
  padding-top: 8px !important;
}
.livetagBtns .livetag-button-cancel:hover, .livetagBtns .livetag-button-cancel:focus {
  color: #fff !important;
  background-color: transparent !important;
}
@media (max-width: 1024px) {
  .livetagBtns .livetag-button-cancel {
    padding: 16px !important;
  }
  .livetagBtns .MuiButton-label {
    font-size: 14px !important;
  }
  .livetagBtns .success-msg-first-part,
  .livetagBtns .lt-success-msg-first-part,
  .livetagBtns .success-msg-second-part,
  .livetagBtns .lt-success-msg-second-part {
    font-size: 12px !important;
  }
}

.livetag-form-col-text + br + .row {
  margin: -15px -10px 0;
}
.livetag-form-col-text + br + .row button {
  text-transform: none;
}
.livetag-form-col-text + br + .row button.livetag-button-cancel {
  background: none !important;
}

.livetag-form-col-text {
  margin-top: -12px;
}

.livetag-button {
  width: 130px !important;
  border-radius: 50px !important;
  position: relative;
  top: 7px;
  border: 2px solid #fff !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-family: inherit !important;
  font-weight: normal !important;
  padding: 0.6em 1em !important;
}
.livetag-button:focus {
  border: 2px solid #fff !important;
  color: #fff !important;
  opacity: 0.8 !important;
  background: none;
}
.livetag-button .dot {
  background-color: #F2690C !important;
  margin-right: 5px;
}
.livetag-button .MuiTouchRipple-root {
  display: none !important;
}
.livetag-button.highlight-button {
  top: 0;
  border: 2px solid white;
}
.livetag-button.highlight-button:hover .dot, .livetag-button.highlight-button:focus .dot {
  background-color: #4599C7 !important;
}
.livetag-button.highlight-button:hover {
  color: #fff !important;
}
.livetag-button.highlight-button .dot {
  background-color: #4599C7 !important;
}

.livetagContainer {
  position: relative;
  top: -20px;
}

.livetag {
  margin-top: 0 !important;
  left: inherit !important;
  right: 36px;
  bottom: 140px;
  position: relative !important;
  justify-content: end;
  margin-bottom: -50px;
}
@supports (-webkit-touch-callout: none) {
  .livetag {
    /* CSS specific to iOS devices */
    bottom: 100px;
    left: calc(100% - 100px) !important;
    justify-content: start;
  }
}
@media (max-width: 991px) {
  .livetag {
    right: 20px;
    bottom: 100px;
    left: calc(100% - 100px) !important;
    justify-content: start;
  }
}
@media (min-width: 1024px) {
  @supports (-webkit-touch-callout: none) {
    .livetag {
      left: calc(100% - 130px) !important;
      bottom: 110px;
    }
  }
}

.livetag-form,
.lt-success-saved {
  margin-top: 0 !important;
  width: 370px !important;
  margin-left: 0 !important;
  padding: 15px 10px 10px !important;
  bottom: 105px !important;
  right: 22px !important;
}
.livetag-form img,
.lt-success-saved img {
  width: auto;
}

.livetag-form {
  bottom: 135px !important;
}

.lt-success-saved {
  bottom: 115px !important;
}

.livetag-success-saved {
  margin: 0 !important;
  /* position: absolute !important; */
  right: 20px !important;
  /* width: 100% !important; */
  /* height: 167px !important; */
  /* margin-top: -23% !important; */
  z-index: 9999 !important;
  bottom: 150px;
}
@media (max-width: 1499px) {
  .livetag-success-saved {
    right: 15px !important;
  }
}
@media (max-width: 768px) {
  .livetag-success-saved {
    height: 45px !important;
    width: 90% !important;
  }
}
@media (max-width: 600px) {
  .livetag-success-saved {
    right: 15px !important;
  }
}
@media (max-width: 991px) {
  .livetag-success-saved {
    bottom: 100px;
  }
}
@media (max-width: 320px) {
  .livetag-success-saved {
    right: 10px !important;
  }
}
.livetag-success-saved .row {
  padding: 0 !important;
  justify-content: center !important;
}
.livetag-success-saved .row #success-icon-col,
.livetag-success-saved .row #success-msg-col {
  right: 0 !important;
  padding: 0 5px;
}

#square-div {
  position: absolute;
  width: 30px;
  height: 30px;
  background: rgb(4, 5, 9);
  transform: rotate(-45deg);
  right: 95px;
  bottom: 160px;
  top: inherit;
  border-radius: 5px;
}
@media (max-width: 1024px) {
  #square-div {
    display: none !important;
  }
}
@media (max-width: 768px) {
  #square-div {
    width: 25px;
    height: 25px;
    right: 75px;
    bottom: 125px;
  }
}
@media (max-width: 600px) {
  #square-div {
    width: 20px;
    height: 20px;
  }
}
.success-msg-second-part,
.lt-success-msg-second-part {
  color: #449346 !important;
  margin-top: 5px;
  display: inline-block;
  margin-left: 3px;
  font-weight: 700;
}

.success-msg-first-part,
.lt-success-msg-first-part {
  color: #fff !important;
  margin-top: 5px;
  display: inline-block;
  font-weight: 700;
}

.haveToSubsciption {
  background: rgba(4, 5, 9, 0.75) !important;
  position: absolute !important;
  z-index: 10 !important;
  width: 55% !important;
  padding: 7px !important;
  border-radius: 20px !important;
  margin: -180px auto 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.haveToSubsciption:before {
  display: none !important;
}
.haveToSubsciption .haveToSubsciption-button {
  margin: 0 !important;
}

.haveToSubsciption-text {
  color: #fff;
  font-weight: 500;
  top: 5px;
}
@media (min-width: 1001px) and (max-width: 1200px) {
  .haveToSubsciption-text {
    top: 0;
  }
}

.haveToSubsciption-text span:nth-of-type(3) {
  font-weight: normal;
  font-size: 14px;
}

.vjs-logo.vjs-logo-bottom {
  z-index: 1;
}
.vjs-logo.vjs-logo-bottom img {
  filter: brightness(0) invert(1);
  opacity: 0.5;
}

.liveTag-input input {
  font-family: "KievitOffcPro", sans-serif;
  font-style: normal !important;
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
}
.liveTag-input input ::placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  color: #8A8A8A;
  opacity: 1;
  /* Firefox */
}
.liveTag-input input :-ms-input-placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  color: #8A8A8A;
}
.liveTag-input input ::-ms-input-placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  color: #8A8A8A;
}
.liveTag-input fieldset {
  border: none;
}
.liveTag-input.Mui-focused fieldset {
  border: none;
}

/* timeline for video */
.share-part {
  padding-top: 27px !important;
  background: #272727;
  position: relative;
  bottom: -10px;
  z-index: 1000;
  width: calc(100% - 20px);
  margin: 0 10px 20px;
  border-radius: 20px;
}
@media (max-width: 1000px) {
  .share-part {
    bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 15px;
  }
}
@supports (-webkit-touch-callout: none) {
  .share-part {
    /* CSS specific to iOS devices */
  }
}
.share-part .MuiButtonBase-root:hover {
  border: 0 !important;
}
.share-part .noUi-target {
  background: #fff !important;
  height: 5px !important;
  opacity: 1 !important;
  z-index: 2 !important;
  border: 0;
  box-shadow: none;
  margin: 0 15px;
}
.share-part .noUi-target .noUi-connect {
  background: #F2690C !important;
  opacity: 1 !important;
  top: 0px !important;
  right: 0 !important;
  height: 105% !important;
}
.share-part .noUi-target .noUi-handle {
  border: 1px solid #F2690C !important;
  border-radius: 50px !important;
  background: #F2690C !important;
  box-shadow: none !important;
}
.share-part .noUi-target .noUi-handle:before, .share-part .noUi-target .noUi-handle:after {
  display: block !important;
  position: absolute !important;
  height: 14px !important;
  width: 1px !important;
  background: #F2690C !important;
  left: 14px !important;
  top: 6px !important;
}
.share-part .noUi-target .noUi-handle:after {
  left: 10px !important;
  height: 40px !important;
  width: 5px !important;
  border-radius: 10px !important;
}
.share-part .noUi-horizontal .noUi-handle {
  top: -30px !important;
  width: 25px !important;
  height: 25px !important;
  right: -11px !important;
}
.share-part .noUi-target + br + .row {
  position: absolute;
  top: 0;
  width: 100%;
}
.share-part .noUi-target + br + .row .col-md-4 .btn {
  border: 0;
  padding: 10px 5px;
  width: auto;
  margin: 0 !important;
  color: #fff;
}
.share-part .noUi-target + br + .row .col-md-4 .btn:focus, .share-part .noUi-target + br + .row .col-md-4 .btn:hover {
  background: none;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(1) .btn {
  background: none;
  margin-left: 10px !important;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(1) .btn:focus, .share-part .noUi-target + br + .row .col-md-4:nth-of-type(1) .btn:hover {
  background: none;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(2) {
  position: absolute;
  left: 17px;
  top: 75px;
  z-index: 1;
  width: auto;
  max-width: inherit;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(2) .btn {
  background: #f36b24;
  border-radius: 30px;
  width: auto;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1;
  margin-top: -30px !important;
  min-width: inherit;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(3) {
  position: absolute;
  right: 0;
}
.share-part .noUi-target + br + .row .col-md-4:nth-of-type(3) .btn {
  text-align: right;
  float: right;
  background: none;
}
.share-part .highlightInputRow {
  margin: -20px -5px 0;
}
.share-part .highlightInputRow .MuiFormControl-fullWidth .MuiOutlinedInput-input {
  border-radius: 10px;
  padding: 10px 15px 10px 75px;
  background: #fff;
}
.share-part .highlightInputRow .MuiInputLabel-formControl {
  padding: 0;
  margin: 0;
  top: -7px;
  left: 45px;
}
.share-part .saveHighlightBtn {
  padding: 10px;
  border-radius: 10px;
  margin: 10px auto !important;
  width: 250px;
  display: block;
  background: #f36b24;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  height: 42px;
}
.share-part .saveHighlightBtn:focus {
  padding: 10px;
  line-height: 1.3;
}
.share-part .MuiOutlinedInput-notchedOutline {
  background: #fff;
  border-radius: 10px;
}
.share-part .MuiOutlinedInput-input {
  padding: 10px;
  color: #000 !important;
  position: relative;
  z-index: 1;
  background: transparent;
  font-size: 14px !important;
  border-radius: 10px;
  width: calc(100% - 90px);
  margin-left: 70px;
}
.share-part .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: none;
}
.share-part .highlight-input input {
  font-family: "KievitOffcPro", sans-serif;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
}
.share-part .highlight-input input ::placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #8A8A8A;
  opacity: 1;
  /* Firefox */
}
.share-part .highlight-input input :-ms-input-placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #8A8A8A;
}
.share-part .highlight-input input ::-ms-input-placeholder {
  font-family: "KievitOffcPro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #8A8A8A;
}
.share-part .highlight-input.Mui-focused fieldset {
  border: none;
}
.share-part .MuiInputLabel-formControl {
  font-size: 14px !important;
  margin-left: 48px;
  font-weight: 500 !important;
  margin-top: -9px;
}
.share-part .btn.btn-bordered {
  background-color: #f2690c;
  color: #fff;
  border-color: #f2690c;
  text-transform: none;
  font-weight: 500;
  width: calc(100% - 30px);
  margin: 15px 15px 15px !important;
  line-height: 1;
  font-size: 14px;
  border: 0 !important;
  font-family: inherit;
  padding: 0.6em 1em;
  border-radius: 10px;
}
.share-part .btn.btn-bordered .MuiTouchRipple-root {
  display: none !important;
}
.share-part .btn.btn-bordered:hover, .share-part .btn.btn-bordered:focus {
  background-color: #fff;
  color: #f2690c;
  border-color: #f2690c;
  border: 1px solid #f2690c;
}
.share-part .btn.btn-bordered.heighlight-cancel-btn {
  border-color: #272727;
  background-color: #272727 !important;
  border: 0 !important;
}
@media (max-width: 991px) {
  .share-part .btn.btn-bordered.heighlight-cancel-btn {
    margin: 15px 0 15px 30px !important;
  }
}
.share-part .btn.btn-bordered.heighlight-cancel-btn:hover, .share-part .btn.btn-bordered.heighlight-cancel-btn:focus {
  background-color: #272727;
  border: 1px solid #272727;
}
.share-part .MuiInputBase-fullWidth {
  width: 99%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .share-part .timeline + .row + .row {
    flex-direction: row;
    flex-wrap: inherit;
  }
  .share-part .timeline + .row + .row .col-md-4:nth-of-type(1) {
    padding-right: 0;
  }
  .share-part .timeline + .row + .row .col-md-4:nth-of-type(1) .share-part .btn.btn-bordered.heighlight-cancel-btn {
    margin: 15px 0 15px 0px !important;
    padding-left: 20px;
  }
  .share-part .timeline + .row + .row .col-md-4:nth-of-type(2) {
    padding: 0;
  }
  .share-part .timeline + .row + .row .col-md-4:nth-of-type(3) {
    padding-left: 10px;
    margin-right: 10px;
  }
  .share-part .timeline + .row + .row .btn.btn-bordered {
    width: 100%;
    margin: 15px 0 15px !important;
  }
}

.livetag-form img,
.livetag-success-saved img {
  width: auto !important;
}

.lt-success-saved .rectangle,
.livetag-form .rectangle {
  display: none !important;
}

@media (max-width: 1000px) {
  .vjs-logo.vjs-logo-bottom img {
    width: 60px;
  }
  .livetag-button {
    zoom: 0.7;
  }
  .livetag-form,
  .lt-success-saved {
    width: 95% !important;
    right: 0 !important;
    left: 0 !important;
    zoom: 0.4;
    bottom: 135px !important;
    margin: 0 auto !important;
  }
  .livetag-form .rectangle,
  .lt-success-saved .rectangle {
    margin-left: 75% !important;
    display: none;
  }
  .lt-success-saved {
    bottom: 220px !important;
    width: 430px !important;
    margin: 0 !important;
    left: inherit !important;
    right: 10px !important;
  }
  .livetag-form {
    width: 400px !important;
    zoom: 0.5 !important;
    right: 20px !important;
    bottom: 100px !important;
    margin: 0 !important;
    left: inherit !important;
  }
  .livetagBtns .col-md-6 {
    width: 50%;
  }
  .MuiInputBase-fullWidth {
    width: calc(100% - 20px) !important;
    margin: 10px;
  }
  .timeline + .row + .row .col-md-6 {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .share-part .noUi-target + br + .row .col-md-4:nth-of-type(2) .btn {
    margin-left: 5px !important;
  }
  .share-part .MuiInputLabel-formControl {
    margin-top: 1px;
  }
}
/* Highlights Popup */
.my-highlights {
  left: 0 !important;
  right: 0;
  margin: auto;
  max-width: 600px;
  max-height: 455px;
  top: 0 !important;
  bottom: 0;
  height: auto !important;
}
.my-highlights .modal-content .modal-header {
  background: #fff;
  padding: 0;
  border: 0;
  min-height: 10px;
  margin: 0;
}
.my-highlights .modal-content .modal-header h4 {
  display: none;
}
.my-highlights .modal-content .livetag {
  display: none;
}
.my-highlights .modal-content .mx-dataview-content {
  padding: 0 10px !important;
  overflow: visible !important;
  height: auto !important;
}
.my-highlights .modal-content .form-group {
  margin-top: 10px;
}
.my-highlights .modal-content .form-group input {
  border: 0 !important;
  box-shadow: 1px 2px 3px #bebebe;
  font-weight: 500;
  color: #000;
  opacity: 1;
  border-radius: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.my-highlights .modal-content .save-btn {
  min-width: inherit;
  font-size: 11px;
  padding: 12px 9px;
  margin: 8px 0 0 -25px;
}
@media (max-width: 1000px) {
  .my-highlights .modal-content .save-btn {
    padding: 12px 13px;
  }
}
.my-highlights .modal-content .more-btn {
  background: #f2690c;
  border-radius: 100%;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  padding: 6px 6px 3px;
  margin-top: 15px;
  float: right;
}
.my-highlights .modal-content .livetaDataView {
  padding: 0 15px;
}
.my-highlights .modal-content .livetaDataView p {
  color: #8A8A8A;
  line-height: 1.2;
  margin: 0;
  font-size: 13px;
}
.my-highlights .modal-content .livetaDataView span {
  font-size: 13px;
  font-weight: 500 !important;
}
.my-highlights .modal-content .livetaDataView span.orange-badge {
  font-weight: normal !important;
}
.my-highlights .modal-content .mx-window-body {
  overflow: inherit;
  height: auto !important;
}
.my-highlights .mx-resizer {
  pointer-events: none !important;
}
.my-highlights .custom-dropdown .dropdown-menu {
  z-index: 1000 !important;
}
.my-highlights .scoresheet {
  width: 230px !important;
}
@media (max-width: 768px) {
  .my-highlights .scoresheet {
    zoom: 0.7;
    width: 225px !important;
  }
}

/* Dropdown Menu */
.dropdown-custom-menu {
  position: absolute;
  right: -200px;
  width: 190px;
  background: white;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0;
  font-weight: 300;
  text-transform: none;
  letter-spacing: inherit;
  margin: 0;
  margin-top: 0;
  box-shadow: 1px 1px 5px #c0c0c0;
  overflow: hidden;
  bottom: -10px;
  z-index: 100;
}
@media (max-width: 1000px) {
  .dropdown-custom-menu {
    right: 10px;
    border: 1px solid #f9f9f9;
    box-shadow: 1px 1px 5px #c3c2c2;
    bottom: -80px;
  }
}
.dropdown-custom-menu .mx-button {
  width: calc(100% - 15px);
  border: 0 !important;
  background: transparent !important;
  border-bottom: 2px solid #f0f0f0 !important;
  border-radius: 0 !important;
  color: #000;
  text-align: start !important;
  padding: 0.6em 5px 0.6em 0;
  font-weight: 500;
  letter-spacing: inherit;
  margin: 0 0 0 15px;
  font-size: 16px;
  text-transform: none;
  box-shadow: none;
}
.dropdown-custom-menu .mx-button:hover, .dropdown-custom-menu .mx-button:focus, .dropdown-custom-menu .mx-button.active {
  color: #f2690c;
}
.dropdown-custom-menu .mx-button.button-disabled {
  pointer-events: none;
  background: #eee !important;
  opacity: 0.6;
  margin: 0 0 0 -15px;
  padding: 0.6em 30px;
  width: 115%;
}
.dropdown-custom-menu .dropItem {
  margin: 0 auto;
  text-align: center;
  z-index: 4;
  background: #fff;
  position: relative;
}
.dropdown-custom-menu .dropItem.firstItem {
  border-radius: 10px 10px 0 0;
}
.dropdown-custom-menu .dropItem.lastItem {
  border-radius: 0 0 10px 10px;
}
.dropdown-custom-menu .dropItem.lastItem .mx-button {
  border-bottom: 0 !important;
}

.share-dropdown {
  right: -60px;
  bottom: -70px;
}
.share-dropdown .dropItem.lastItem .mx-button {
  border-bottom: 2px solid #f0f0f0 !important;
}
@media (max-width: 1000px) {
  .share-dropdown {
    right: 10px;
    bottom: -120px;
  }
}

.shareOverlay {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* poster view on video widget */
.vjs-poster {
  background-size: cover !important;
}

/* custom view for Mobile fullscreen */
.custom-phoneWidth {
  display: none;
}

.desktopWidth {
  display: block;
}

.role-anonymous .livetag {
  display: none !important;
}

@media (max-width: 1200px) {
  .custom-phoneWidth {
    display: block;
  }
  .desktopWidth {
    display: none;
  }
  .haveToSubsciption {
    width: calc(100% - 40px) !important;
    margin-left: 5px !important;
    left: -15%;
  }
  .haveToSubsciption-button {
    position: relative !important;
    margin-left: 0 !important;
  }
  .haveToSubsciption-button a {
    font-size: 12px;
    margin: 15px 0 5px !important;
    padding: 2px;
  }
  .haveToSubsciption-text {
    position: relative !important;
  }
  .role-administrator .custom-phoneWidth > .row .col-lg,
  .role-customersupport .custom-phoneWidth > .row .col-lg {
    padding: 0;
  }
  .role-administrator .custom-phoneWidth > .row .col-lg .videoContainer,
  .role-customersupport .custom-phoneWidth > .row .col-lg .videoContainer {
    padding: 0 15px !important;
  }
}
@media (min-width: 650px) and (max-width: 767px) {
  .haveToSubsciption {
    width: calc(100% - 40px) !important;
    left: -17%;
  }
  .haveToSubsciption-text {
    position: relative !important;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .haveToSubsciption {
    width: calc(100% - 25px) !important;
    left: -18.5%;
  }
  .haveToSubsciption-button {
    position: initial !important;
    margin-left: 68% !important;
  }
}
/* For Live Tag Button */
@media (max-width: 991px) {
  .livetag-button.highlight-button {
    left: 0 !important;
  }
}
.vjs-fullscreen {
  z-index: 10000000000 !important;
}
.vjs-fullscreen .livetag,
.vjs-fullscreen .share-part,
.vjs-fullscreen .haveToSubsciption,
.vjs-fullscreen .highlight,
.vjs-fullscreen .snapshot-share-part {
  position: absolute !important;
}
.vjs-fullscreen .haveToSubsciption,
.vjs-fullscreen .highlight {
  bottom: 100px;
}
.vjs-fullscreen .livetag {
  bottom: 120px;
}
@media (min-width: 768px) {
  .vjs-fullscreen .livetag {
    bottom: 140px;
  }
}
.vjs-fullscreen .livetag-button {
  border: 2px solid white !important;
  left: 0 !important;
  top: 0 !important;
}
@media (max-width: 600px) {
  .vjs-fullscreen .scoresheet {
    top: calc(50% - 240px);
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .vjs-fullscreen .scoresheet {
    left: 100px;
  }
}
@media (max-width: 1024px) {
  .vjs-fullscreen .livetag-form {
    bottom: 195px !important;
  }
  .vjs-fullscreen .lt-success-saved {
    left: initial !important;
    bottom: 240px !important;
    position: fixed !important;
    right: 0;
  }
}
.vjs-fullscreen .scorekeeper-rate-div,
.vjs-fullscreen .voluntary-score-msg {
  bottom: 120px;
}
@media (min-width: 768px) {
  .vjs-fullscreen .scorekeeper-rate-div,
  .vjs-fullscreen .voluntary-score-msg {
    bottom: 200px;
  }
}

.vjs-full-window .pageheader {
  display: none !important;
}
.vjs-full-window .my-highlights {
  z-index: 10000000000 !important;
}

@media (max-width: 1024px) {
  .vjs-full-window .mx-scrollcontainer-middle .mx-scrollcontainer-wrapper {
    width: 100vw !important;
    height: 100vh !important;
  }
  .vjs-full-window .venue-video {
    z-index: 10000000;
    height: 100vh;
    width: 100vw;
  }
  .vjs-full-window .livetag-search-container {
    z-index: -1 !important;
  }
  .vjs-full-window .back-search {
    display: none;
  }
  .vjs-full-window .mx-scrollcontainer-middle {
    z-index: 1000000000000000;
    position: fixed;
    top: 0;
    height: 100vh;
  }
  .vjs-full-window .featured-highlights li .videoJS {
    z-index: 10000000;
    height: 100vh;
    width: 100vw;
  }
}
.voluntary-score-msg {
  background: rgba(4, 5, 9, 0.75);
  position: absolute;
  z-index: 10000;
  width: 340px;
  padding: 25px 8px;
  border-radius: 14px;
  margin: -250px auto 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .voluntary-score-msg {
    width: 300px;
    margin: -200px auto 0;
    zoom: 0.8;
  }
}
.voluntary-score-msg .row {
  text-align: center;
  justify-content: center;
  font-size: 17px;
}
.voluntary-score-msg .row button {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  text-transform: none;
}
@media (max-width: 768px) {
  .voluntary-score-msg .row .col-sm {
    width: 50%;
  }
}
.voluntary-score-msg .row .col-sm:nth-of-type(2) button {
  width: 100%;
  font-weight: bold;
}

.start-scoring-btn, .voluntary-score-creation button {
  width: 250px;
  text-align: center !important;
  margin-right: 15px !important;
  font-weight: normal !important;
  letter-spacing: 0;
  float: right;
  padding: 5px;
  z-index: 1000;
  position: relative;
  background: #fff !important;
  color: #f2690c !important;
  border: 1px solid #f2690c !important;
  border-width: 2px !important;
}
@media (max-width: 768px) {
  .start-scoring-btn, .voluntary-score-creation button {
    width: 265px;
  }
}
@media (max-width: 768px) {
  .start-scoring-btn, .voluntary-score-creation button {
    padding: 2px;
    font-size: 14px;
    margin: 10px auto 15px !important;
    float: none;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .start-scoring-btn, .voluntary-score-creation button {
    margin-top: 10px;
  }
}
.start-scoring-btn:hover, .voluntary-score-creation button:hover, .start-scoring-btn:focus, .voluntary-score-creation button:focus {
  border: 1px solid #f2690c !important;
  border-width: 2px !important;
  opacity: 0.7;
}

.voluntary-score-creation {
  position: absolute;
  top: 0;
  left: 10px;
}
.voluntary-score-creation button {
  float: none;
  font-size: inherit;
  margin: 20px auto 0 !important;
  display: block;
  font-weight: bold !important;
  font-family: inherit;
  background: #f2690c !important;
  color: #fff !important;
}
.voluntary-score-creation button:hover, .voluntary-score-creation button:focus {
  opacity: 1;
  background: #fff !important;
  color: #f2690c !important;
}
.voluntary-score-creation .col-sm:nth-of-type(2) {
  position: absolute;
  right: 0px;
  width: 70px;
}
@media (max-width: 768px) {
  .voluntary-score-creation .col-sm:nth-of-type(2) {
    right: -25px;
  }
}
.voluntary-score-creation .collapse-button {
  background: #fff !important;
  width: 50px;
  color: #f2690c !important;
}
.voluntary-score-creation .collapse-button:hover, .voluntary-score-creation .collapse-button:focus {
  border: 0;
}
@media (max-width: 768px) {
  .voluntary-score-creation .collapse-button {
    margin-right: -10px !important;
  }
}
.voluntary-score-creation .collapse-button:before {
  content: "\e091";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.voluntary-score-creation .collapse-button.collapse-in {
  transform: translateX(-235px);
  transition: transform 300ms linear;
}
.voluntary-score-creation .collapse-button.collapse-in:before {
  transform: rotate(180deg);
  line-height: inherit;
}
@media (max-width: 768px) {
  .voluntary-score-creation .collapse-button.collapse-in {
    transform: translateX(10px);
  }
}
@media (max-width: 768px) {
  .voluntary-score-creation {
    zoom: 0.8;
  }
}

.scorekeeper-rate-div {
  background: rgba(4, 5, 9, 0.75);
  position: absolute;
  z-index: 10000;
  width: 400px;
  padding: 25px 8px 0;
  border-radius: 14px;
  margin: -250px auto 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 768px) {
  .scorekeeper-rate-div {
    width: 230px;
    margin: -130px auto 0;
    /* zoom: 0.65; */
    font-size: 15px;
    padding: 15px 8px 0;
  }
}
.scorekeeper-rate-div .container {
  max-width: 100%;
}
.scorekeeper-rate-div .row {
  color: #fff;
  justify-content: center;
}
.scorekeeper-rate-div .row label {
  color: #f36b24;
  font-size: 50px;
}
.scorekeeper-rate-div .row label .css-1c99szj-MuiRating-icon {
  color: inherit;
}
@media (max-width: 768px) {
  .scorekeeper-rate-div .row label {
    font-size: 26px;
  }
}
.scorekeeper-rate-div .row input {
  color: #f36b24;
}

/* Pocket Radar */
.pocket-radar .mx-dataview-content {
  overflow: visible !important;
}
.pocket-radar a.btn-icon-right {
  cursor: pointer;
  padding: 5px;
  border: 1px solid #666666;
  background: none !important;
  position: relative;
  border-radius: 10px !important;
}
.pocket-radar a.btn-icon-right:hover {
  background: #eee !important;
}
.pocket-radar a.btn-icon-right:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  right: -4px;
  top: -4px;
}
.pocket-radar a.btn-icon-right.btn-success-green:before {
  background-color: #4caf50;
}
.pocket-radar a.btn-icon-right.btn-warning:before {
  background-color: red;
}
.pocket-radar a.btn-icon-right.btn-inverse:before {
  background-color: #666666;
}
.pocket-radar .row-center a {
  color: #348536;
  margin: 0 !important;
  text-decoration: underline;
}
.pocket-radar .row-center img {
  width: 16px;
  margin-left: 5px;
}

.radar-measurement {
  float: right;
  color: #4caf50;
  font-weight: 500;
}

/* login */
.customLogin .HiHeader {
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.customLogin .form-group {
  position: relative;
}
.customLogin .form-group .control-label {
  color: #000;
  font-weight: 400;
}
.customLogin .form-control {
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #FFF !important;
  box-shadow: 1px 2px 3px #c0bfbc;
}
.customLogin .alert-danger {
  padding: 5px 10px;
  border-radius: 10px;
}
.customLogin .toggle-password-button {
  bottom: inherit;
  top: 33px;
}

.loginLayout::before {
  content: "";
  top: 0;
  left: 0;
  position: fixed;
  background-image: url(../../../../resources/login-bg.png);
  /* display: block; */
  /* position: absolute; */
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 1;
}

.loginCard {
  margin: 150px 0 50px;
  border-radius: 25px;
  border: 0;
  min-width: 450px;
  background: rgba(244, 245, 246, 0.9);
}
@media (max-width: 768px) {
  .loginCard {
    margin: 150px auto 50px;
    min-width: 95%;
  }
}
.loginCard .btn-lg img {
  height: 23px;
  position: relative;
  top: -1px;
}

.HiLogo {
  max-width: 200px;
}

.invertedBtn {
  background: #fff;
  box-shadow: #908c89 1px 2px 8px;
  border-color: #fff;
  color: #000;
  text-transform: none;
  letter-spacing: inherit;
  margin: 5px 0 !important;
}
.invertedBtn:hover, .invertedBtn:focus {
  background: #343A41;
  border-color: #343A41;
  color: #fff;
}

.hicastActBtn {
  background: #343A41;
  box-shadow: #908c89 1px 2px 8px;
  border-color: #343A41;
  color: #fff;
  text-transform: none;
  letter-spacing: inherit;
  margin: 5px 0 !important;
}
.hicastActBtn:hover, .hicastActBtn:focus {
  box-shadow: #908c89 1px 2px 8px;
  background: #fff;
  border-color: #fff;
  color: #343A41;
}

/* Deeplink */
.role-user .customLogin .footer-dataview {
  bottom: -1px;
  position: absolute;
  width: 100%;
}

/* Account Creation */
.account-form .mx-dataview-content .mx-image {
  display: block;
  margin: 20px auto 10px;
  max-width: 130px;
}
.account-form .form-group label {
  font-weight: 500;
}
.account-form .form-group input {
  box-shadow: 0px 2px 5px #c6c2c2;
  border: 0;
  border-radius: 6px;
}
.account-form .form-group input:focus, .account-form .form-group input:hover {
  border: 0 !important;
  box-shadow: 0px 2px 5px #c6c2c2;
}
.account-form .form-group input[disabled] {
  box-shadow: none;
  padding-left: 0;
}
.account-form .form-group .form-control-static, .account-form .form-group div[class*=textBox] > .control-label,
.account-form .form-group div[class*=textArea] > .control-label,
.account-form .form-group div[class*=datePicker] > .control-label {
  padding-left: 0;
}
.account-form .form-group .iti {
  width: 100%;
}
.account-form .form-group .iti input {
  width: 100%;
}
.account-form select.form-control {
  border: 0 !important;
  box-shadow: 0px 2px 5px #c6c2c2;
  border-radius: 6px;
  margin-bottom: 0;
}
.account-form select.form-control[disabled] {
  box-shadow: none;
  padding-left: 0;
}
.account-form .btn {
  min-width: 150px;
  border-radius: 10px;
}
.account-form .btn.disabled {
  background: #f2690c;
}
.account-form .btn.small-btn {
  min-width: 10px;
}
.account-form .btn.small-btn:hover, .account-form .btn.small-btn:focus {
  min-width: 10px;
}
.account-form .btn.orange-btn {
  background: #f2690c;
  color: #fff;
  min-width: 200px;
}
@media (max-width: 768px) {
  .account-form .btn.orange-btn {
    min-width: 150px;
  }
}
.account-form .btn.plain-btn {
  background: none;
  border: 0;
  color: #000;
  min-width: 200px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .account-form .btn.plain-btn {
    min-width: 150px;
  }
}
.account-form .btn.plain-btn:hover, .account-form .btn.plain-btn:focus {
  background: #e4e4e4;
}
.account-form .btn.add-btn {
  background: #404144;
  color: #fff;
  width: 470px;
  border-color: #404144;
  display: block;
  position: relative;
  margin: 30px auto 20px;
}
@media (max-width: 768px) {
  .account-form .btn.add-btn {
    width: 100%;
  }
}
.account-form .btn.add-btn:hover, .account-form .btn.add-btn:focus {
  border-color: #040509;
  color: #040509;
  background: transparent;
}
.account-form .btn.add-btn span {
  font-size: 23px;
  position: absolute;
  top: 7px;
  margin-left: -33px;
}
.account-form .mx-checkbox {
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .account-form .mx-checkbox {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
}
.account-form .mx-checkbox div[class*=col-] {
  align-items: flex-start;
}
.account-form .mx-checkbox label {
  font-weight: normal;
  position: relative;
  text-align: left;
}
@media (max-width: 768px) {
  .account-form .mx-checkbox label {
    width: 90%;
    top: -3px;
  }
}
.account-form .mx-compound-control input {
  background: #fff;
}

.overflow-auto-dataview.mx-dataview .mx-dataview-content,
.overflow-auto-dataview .mx-dataview-content {
  overflow-x: inherit !important;
}

.add-player-container {
  margin-left: -25px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .add-player-container {
    margin-left: 0;
  }
}
.add-player-container:after {
  content: "";
  background: #d8d6d6;
  width: 100vw;
  height: 2px;
  position: absolute;
  left: -55%;
}
@media (max-width: 768px) {
  .add-player-container:after {
    width: 100%;
    left: 0;
  }
}

/* edit profile */
.player-profile h1 {
  margin: 10px 0 30px;
}
@media (max-width: 768px) {
  .player-profile h1 {
    margin: 10px 0 30px;
    text-align: center;
  }
}
.player-profile .mx-dataview-content .mx-image {
  margin: 20px auto 0;
}
.player-profile .profile-img-center {
  margin: 0 auto 25px;
  width: 100px;
  height: 100px;
}
.player-profile .profile-img-center .mx-image {
  margin: 20px auto 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
@media (max-width: 768px) {
  .player-profile .profile-img-center a {
    text-align: center;
  }
}
.player-profile .h-line-top {
  margin-top: 0;
  padding-bottom: 30px;
}
.player-profile .h-line-top:before {
  content: "";
  background: #d8d6d6;
  width: 100vw;
  height: 2px;
  position: absolute;
  left: -55%;
  bottom: 0;
}
@media (max-width: 768px) {
  .player-profile .h-line-top:before {
    width: 100%;
    left: 0;
  }
}
.player-profile .mx-referencesetselector-select-button {
  min-width: auto !important;
}

.player-list {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .player-list {
    margin-top: 10px;
  }
}
.player-list:before {
  content: "";
  background: #d8d6d6;
  width: 100vw;
  height: 2px;
  position: absolute;
  left: -55%;
}
@media (max-width: 768px) {
  .player-list:before {
    width: calc(100% - 30px);
    left: inherit;
    margin: 0 auto;
  }
}
.player-list h4 {
  font-weight: 500;
  margin-top: 40px;
}
.player-list .btn {
  min-width: 80px;
  border-radius: 10px;
}
.player-list .mx-grid {
  display: block;
}
.player-list .mx-grid .mx-grid-controlbar {
  display: block;
}
.player-list .mx-grid .mx-grid-controlbar .mx-grid-toolbar {
  text-align: right;
}
.player-list .mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  background: white;
  align-items: center;
  align-self: center;
  justify-content: center;
  border: 1px solid #d2d1d1;
}
.player-list .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button,
.player-list .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {
  padding: 6px;
  margin: 0;
}
.player-list .mx-grid .mx-grid-content table thead th {
  background: #e4e3e3;
  border: 0;
}

/* Calendar */
.hicast-calendar.modal-dialog {
  width: 500px;
}
.hicast-calendar.modal-dialog .modal-header {
  padding: 0 !important;
  background: #fff !important;
  min-height: 16px;
  border: 0 !important;
  margin-bottom: -1px;
}
.hicast-calendar.modal-dialog .modal-header h4 {
  display: none;
}
.hicast-calendar.modal-dialog .modal-header .close {
  top: -60px !important;
}
.hicast-calendar.modal-dialog .modal-body {
  padding: 0 20px 0;
}
.hicast-calendar.modal-dialog .modal-body h2 {
  text-align: left;
  padding: 0;
  color: #000;
  font-weight: 500 !important;
  font-size: 22px;
}
.hicast-calendar.modal-dialog .modal-body .arrow-btn {
  padding: 0;
  margin: 5px;
}
.hicast-calendar.modal-dialog .modal-body .arrow-btn.prev {
  margin-left: 15px;
}
.hicast-calendar.modal-dialog .modal-body .arrow-btn:hover, .hicast-calendar.modal-dialog .modal-body .arrow-btn:focus {
  color: #f2690c;
}
.hicast-calendar.modal-dialog .modal-body .calDays {
  display: block;
}
.hicast-calendar.modal-dialog .modal-body .calDays .row {
  margin: 0;
}
.hicast-calendar.modal-dialog .modal-body .calDays span {
  color: #c2bfbf;
  font-size: 16px;
  display: block;
  padding: 0 0 10px;
}
.hicast-calendar.modal-dialog .modal-body .mx-templategrid-item {
  border: 2px solid #F4F5F6;
}
.hicast-calendar.modal-dialog .modal-body .mx-templategrid-item span {
  font-size: 16px;
  color: #c2bfbf;
  font-family: "KievitOffcPro", sans-serif !important;
  font-weight: 500 !important;
  display: block;
  padding: 15px;
}
.hicast-calendar.modal-dialog .modal-body .current-day {
  background: none;
  margin: 0 auto;
  line-height: 1;
  height: auto;
  padding: 0;
}
.hicast-calendar.modal-dialog .modal-body .legend span {
  font-size: 11px;
  color: #8A8A8A;
  display: block;
  padding: 15px 0 20px;
}
@media (max-width: 768px) {
  .hicast-calendar.modal-dialog .modal-body .legend span {
    font-size: 10px;
  }
}
.hicast-calendar.modal-dialog .modal-body .legend span:before {
  content: "";
  background: #000;
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50px;
  margin-right: 6px;
  position: relative;
  top: 1.5px;
}
.hicast-calendar.modal-dialog .modal-body .legend span.video-available:before {
  background: #000;
}
.hicast-calendar.modal-dialog .modal-body .legend span.no-video-available:before {
  background: #c2bfbf;
}
.hicast-calendar.modal-dialog .modal-body .legend span.video-request {
  text-align: right;
}
.hicast-calendar.modal-dialog .modal-body .legend span.video-request:before {
  background: #4599C7;
  position: absolute;
  right: 93px;
  top: 17px;
}
@media (max-width: 768px) {
  .hicast-calendar.modal-dialog .modal-body .legend span.video-request:before {
    right: 83px;
  }
}
@media (max-width: 768px) {
  .hicast-calendar.modal-dialog .modal-body .legend .col-md {
    padding: 0 5px;
  }
}

/* Subscription */
.subscription-cards {
  margin-top: 15px;
}
.subscription-cards ul {
  margin: 0;
}
.subscription-cards ul li {
  background: none !important;
  border: 0 !important;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 991px) {
  .subscription-cards ul li {
    width: 100%;
  }
}
.subscription-cards ul li.mx-listview-empty {
  width: 100%;
  color: #000;
  min-height: 200px;
}
.subscription-cards .sub-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 6px #c8c7c7;
  padding: 30px 40px;
  min-height: 420px;
}
@media (max-width: 991px) {
  .subscription-cards .sub-card {
    min-height: inherit;
  }
}
.subscription-cards .sub-card h2 {
  font-size: 23px;
  font-weight: 500;
  color: #000;
  border-bottom: 2px solid #e4e3e3;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-right: 60px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .subscription-cards .sub-card h2 {
    font-size: 22px;
  }
}
.subscription-cards .sub-card .price p {
  display: inline-block;
  color: #343A41;
  font-size: 26px;
  margin: 10px 10px 10px 0;
  line-height: 1;
}
.subscription-cards .sub-card .price p.text-primary {
  font-size: 36px;
}
.subscription-cards .sub-card .price p.text-primary + span {
  top: -9px;
}
.subscription-cards .sub-card .price span {
  display: inline-block;
  color: #8A8A8A;
  position: relative;
  font-weight: 500;
  top: -4px;
}
.subscription-cards .sub-card .descr {
  margin: 10px 0 25px;
}
.subscription-cards .sub-card .descr p {
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
.subscription-cards .sub-card .descr p.orange-txt {
  color: #f2690c;
  margin-bottom: 5px;
}
.subscription-cards .sub-card .choose-plan-btns {
  position: absolute;
  bottom: 50px;
  width: calc(100% - 80px);
}
@media (max-width: 991px) {
  .subscription-cards .sub-card .choose-plan-btns {
    position: relative;
    bottom: 0;
    width: 100%;
  }
}
.subscription-cards .sub-card .btn {
  width: 100%;
  background-color: #f2690c;
  color: #fff;
  padding: 10px;
  position: relative;
  border: 1px solid #f2690c;
  font-weight: 500;
}
.subscription-cards .sub-card .btn:hover, .subscription-cards .sub-card .btn:focus {
  background-color: #fff;
  color: #f2690c;
}
@media (max-width: 991px) {
  .subscription-cards .sub-card .btn {
    width: 100%;
    position: relative;
    bottom: inherit;
  }
}
.subscription-cards .sub-card .most-popular {
  position: absolute;
  top: 10px;
  right: 20px;
}
.subscription-cards .sub-card .most-popular img {
  position: relative;
}

.mx-name-annualTab:after {
  content: "Save 40%";
  color: #f2690c;
  font-size: 15px;
  margin-left: 5px;
}
@media (max-width: 768px) {
  .mx-name-annualTab:after {
    font-size: 12px;
  }
}

.custom-tabs .nav-tabs li.active a.mx-name-annualTab:after {
  color: #fff;
}
.custom-tabs .nav-tabs li.active a.mx-name-annualTab:hover:after {
  color: #fff;
}

/* Subscription Wizard */
.subscriptionWizard .modal-dialog.modal-content {
  border-radius: 0;
}
.subscriptionWizard .heading {
  color: #000;
}
.subscriptionWizard .heading h1 {
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #555;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.subscriptionWizard .heading p {
  margin: 0;
  font-weight: 100;
  text-align: center;
}
.subscriptionWizard .f1-steps {
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}
.subscriptionWizard .f1-steps .f1-progress {
  position: absolute;
  top: 21px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ddd;
}
.subscriptionWizard .f1-steps .f1-progress .f1-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #f36b24;
}
.subscriptionWizard .f1-steps .f1-step {
  position: relative;
  float: left;
  width: 33.333333%;
  padding: 0 5px;
  text-align: center;
  pointer-events: none;
}
.subscriptionWizard .f1-steps .f1-step .mx-link {
  color: #CACACA;
  text-align: center;
  font-size: 9px;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 500;
}
.subscriptionWizard .f1-steps .f1-step .mx-link .glyphicon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
  background: #ddd;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  border-radius: 50%;
  text-decoration: none !important;
}
.subscriptionWizard .f1-steps .f1-step.active .mx-link {
  color: #f36b24;
}
.subscriptionWizard .f1-steps .f1-step.active .glyphicon {
  background: #f36b24;
}
.subscriptionWizard .nextBtn {
  margin-top: 5px;
  letter-spacing: inherit;
}
@media (max-width: 991px) {
  .subscriptionWizard .nextBtn {
    width: 100%;
    margin-right: 0 !important;
    position: relative;
  }
}
.subscriptionWizard .nextBtn .glyphicon-arrow-right {
  top: 4px;
}
@media (max-width: 991px) {
  .subscriptionWizard .nextBtn .glyphicon-arrow-right {
    position: absolute;
    right: 10px;
    top: 12px;
  }
}
.subscriptionWizard .previousBtn {
  border-color: #F4F5F6;
  background-color: #F4F5F6;
  color: #8A8A8A;
  margin-top: 5px;
  letter-spacing: inherit;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .subscriptionWizard .previousBtn {
    width: 100%;
    margin-right: 0 !important;
    position: relative;
  }
}
.subscriptionWizard .previousBtn span {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
@media (max-width: 991px) {
  .subscriptionWizard .previousBtn span {
    position: absolute;
    left: 10px;
    top: 10px;
  }
}
.subscriptionWizard .add-card {
  color: #fff;
  display: inline-block;
  padding: 10px 0 0;
  width: 100%;
  line-height: 1;
  border-bottom: 2px solid #eceaea;
}
.subscriptionWizard .add-card a {
  color: #f2690c;
  margin-right: 6px;
}
.subscriptionWizard .add-card span {
  color: #f2690c;
  font-weight: 500;
}
.subscriptionWizard .subpass {
  color: #fff;
  float: right;
  background: #8A8A8A;
  border-radius: 30px;
  text-align: center;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 13px;
}
@media (max-width: 991px) {
  .subscriptionWizard .subpass {
    float: left;
  }
}
.subscriptionWizard .creditCard {
  position: relative;
  margin: 10px auto;
  overflow: hidden;
  z-index: 1;
  padding: 0px 12px 10px;
  border-bottom: 2px solid #eceaea;
}
.subscriptionWizard .creditCard .card-content {
  width: 100%;
  padding: 20px;
  position: relative;
  float: left;
  z-index: 1;
}
.subscriptionWizard .creditCard .card-content .col-md {
  padding: 0 5px;
}
.subscriptionWizard .creditCard label {
  color: #000;
  font-weight: 500;
  font-size: 13px;
}
.subscriptionWizard .creditCard input,
.subscriptionWizard .creditCard input:focus,
.subscriptionWizard .creditCard input:hover {
  background: #fff;
  border: 0 !important;
  color: #000;
  border-radius: 10px;
  box-shadow: 1px 2px 6px #c8c7c7;
}
.subscriptionWizard .creditCard.alignEnd .control-label {
  display: flex;
  min-height: 43px;
  align-items: end;
}
.subscriptionWizard .congrats {
  padding: 20px;
  margin: 30px 0 10px;
  text-align: center;
}
.subscriptionWizard .congrats h2 {
  font-size: 26px;
  font-weight: 500;
  color: #000;
  padding-bottom: 0px;
  margin-bottom: 5px;
}
.subscriptionWizard .congrats p {
  color: #343A41;
  font-weight: 500;
  text-align: center;
  padding: 0 5px 0 0;
  display: inline-block;
  margin: 0;
}
.subscriptionWizard .congrats span {
  color: #f2690c;
  font-weight: 500;
}
.subscriptionWizard .congrats.black-clr span {
  color: #252C36;
}
.subscriptionWizard .congrats-btn {
  text-align: center;
  margin-bottom: 60px;
}
.subscriptionWizard .congrats-btn .btn {
  margin: 0 5px;
  min-width: 160px;
  background-color: #f2690c;
  color: #fff;
  border-color: #f2690c;
}
@media (max-width: 991px) {
  .subscriptionWizard .congrats-btn .btn {
    margin: 5px 0;
    width: calc(100% - 10px);
  }
}
.subscriptionWizard .congrats-btn .btn:hover, .subscriptionWizard .congrats-btn .btn:focus {
  background-color: #fff;
  color: #f2690c;
  border-color: #f2690c;
}
.subscriptionWizard .congrats-btn .btn:nth-of-type(1) {
  background: #343A41;
  color: #fff;
  border-color: #343A41;
}
.subscriptionWizard .congrats-btn .btn:nth-of-type(1):hover, .subscriptionWizard .congrats-btn .btn:nth-of-type(1):focus {
  background: #fff;
  color: #343A41;
}

/* Credit card */
.card-modal {
  min-width: 800px;
}
@media (max-width: 768px) {
  .card-modal {
    min-width: inherit;
  }
}

.creditCard.alignEnd .control-label {
  display: flex;
  min-height: 43px;
  align-items: end;
}

.sharePage .modal-header {
  display: none;
}
.sharePage .modal-body {
  padding: 0 !important;
}
.sharePage .mx-layoutgrid {
  width: 350px;
}

.subscribeBox {
  padding: 20px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .subscribeBox {
    margin-bottom: 80px;
    padding: 0;
  }
}
.subscribeBox .mx-dataview-controls {
  padding-top: 20px;
  border: 0;
}
.subscribeBox .subsc-content {
  background: #fff;
  padding: 30px !important;
  border-radius: 10px;
  box-shadow: 1px 2px 6px #c8c7c7;
}
@media (max-width: 991px) {
  .subscribeBox .subsc-content {
    padding: 15px !important;
  }
}
.subscribeBox .subsc-content h2 {
  font-size: 23px;
  font-weight: 500;
  color: #000;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.subscribeBox .subsc-content .price p {
  display: inline-block;
  color: #343A41;
  font-size: 26px;
  margin: 10px 10px 10px 0;
}
.subscribeBox .subsc-content .price span {
  display: inline-block;
  color: #8A8A8A;
  position: relative;
  font-weight: 500;
  top: -4px;
}
.subscribeBox .subscr-date {
  padding: 20px 0 20px;
  margin: 0 -15px;
}
.subscribeBox .subscr-date p {
  font-weight: 500;
  line-height: 0.8;
  margin: 0 10px 0 0;
  display: inline-block;
  color: #f2690c;
}
@media (max-width: 767px) {
  .subscribeBox .subscr-date p {
    margin-bottom: 5px;
    display: block;
  }
}
.subscribeBox .subscr-date span {
  color: #000;
  font-weight: 500;
}
.subscribeBox .border-bot {
  border-bottom: 2px solid #e4e3e3;
}
.subscribeBox .border-top {
  border-top: 2px solid #e4e3e3;
}

.passCol {
  align-items: center;
  align-self: center;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 0;
}

.newSubscription {
  border: 0;
  background: #f2690c;
  color: #fff;
  margin-top: 15px;
  border-radius: 30px;
  padding: 5px 15px;
  margin-right: 0;
  min-width: inherit;
}
.newSubscription:hover, .newSubscription:focus {
  border: 0;
  background: #fff;
  color: #f2690c;
}
@media (max-width: 991px) {
  .newSubscription {
    padding: 3px 10px;
    margin-top: 20px;
    margin-right: 3px;
  }
}

.activeSubscription {
  border: 0;
  background: #4599c7;
  color: #fff;
  margin-top: 15px;
  border-radius: 30px;
  padding: 5px 15px;
  margin-right: 0;
  min-width: inherit;
}
.activeSubscription:hover, .activeSubscription:focus {
  border: 0;
  background: #fff;
  color: #4599c7;
}
@media (max-width: 991px) {
  .activeSubscription {
    padding: 3px 10px;
    margin-top: 20px;
    margin-right: 0;
  }
}

/* Subscribe List */
.subscribe-list {
  position: relative;
}
.subscribe-list .mx-listview-searchbar {
  position: relative;
}
.subscribe-list .mx-listview-searchbar button {
  display: none;
}
.subscribe-list .mx-listview-searchbar:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 6px;
  color: #f2690c;
  position: absolute;
  right: 10px;
  top: 6px;
  font-size: 18px;
}
.subscribe-list .mx-listview-searchbar input[type=text] {
  width: 100%;
  border: 0 !important;
  box-shadow: 1px 2px 3px #dad7d7;
  font-weight: 500;
  color: #000;
  opacity: 1;
  border-radius: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.subscribe-list .mx-listview-searchbar input[type=text]::placeholder {
  color: #000;
  opacity: 1;
}
.subscribe-list .mx-listview-searchbar input[type=text]:focus, .subscribe-list .mx-listview-searchbar input[type=text]:hover {
  border: 0;
  box-shadow: 1px 2px 3px #dad7d7;
}
.subscribe-list .search-placeholder {
  position: absolute;
  top: 7px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 991px) {
  .subscribe-list .search-placeholder {
    top: 8px;
    z-index: 1;
    height: 23px;
    overflow: hidden;
  }
}
.subscribe-list .search-placeholder span {
  font-size: 17px;
  font-weight: 100;
}
@media (max-width: 991px) {
  .subscribe-list .search-placeholder span {
    font-size: 12px;
  }
}
.subscribe-list .search-placeholder span::nth-of-type(2) {
  font-weight: 500;
}
.subscribe-list ul li {
  border: 0 !important;
  border-radius: 10px !important;
  margin-bottom: 15px;
  box-shadow: 1px 1px 5px #d0d0d0;
}
.subscribe-list ul li .row {
  align-items: center;
}
.subscribe-list ul li li {
  border-radius: 0 !important;
  margin-bottom: 0px;
  box-shadow: none;
  padding: 5px 0;
  border: 0 !important;
  border-bottom: 1px solid #eceaea !important;
}
.subscribe-list ul li li.mx-listview-empty {
  border-bottom: 0 !important;
}
.subscribe-list ul li li.mx-listview-empty:before {
  width: 50px;
  height: 50px;
}
.subscribe-list ul li .col {
  align-self: center;
}
.subscribe-list h2 {
  font-size: 23px;
  font-weight: 500;
  color: #000;
  padding-bottom: 5px;
  margin: 0;
  padding-right: 60px;
  line-height: 1.1;
}
@media (max-width: 991px) {
  .subscribe-list h2 {
    font-size: 22px;
    padding-bottom: 10px;
  }
}
.subscribe-list .price {
  display: inline-block;
  color: #343A41;
  font-size: 26px;
  margin: 10px 10px 10px 0;
  line-height: 1;
}
.subscribe-list .dates span {
  font-weight: 500;
  font-size: 14px;
}
.subscribe-list .dates .orange-txt {
  color: #f2690c;
}
.subscribe-list .descr p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 5px;
}
.subscribe-list .descr p.orange-txt {
  color: #f2690c;
}
.subscribe-list button {
  width: 100%;
  background-color: #f2690c;
  color: #fff;
  padding: 10px;
  position: relative;
  border: 1px solid #f2690c;
  font-weight: 500;
  font-size: 13px;
  white-space: normal;
}
.subscribe-list button:hover, .subscribe-list button:focus {
  background-color: #fff;
  color: #f2690c;
}
@media (max-width: 991px) {
  .subscribe-list ul li {
    padding: 35px;
  }
  .subscribe-list .descr p {
    line-height: 1.4;
  }
  .subscribe-list button {
    margin-top: 15px;
  }
}

/* Manage Subscriptions */
.manage-subscription-table {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px #e0e0e0;
}
.manage-subscription-table .row {
  align-items: center;
}
.manage-subscription-table .mx-dataview-content {
  overflow: hidden;
}
.manage-subscription-table h2 {
  color: #8A8A8A;
  margin: 0;
  line-height: 1.2;
  font-size: 22px;
}
.manage-subscription-table h2.active {
  color: #000;
}
@media (max-width: 768px) {
  .manage-subscription-table h2 {
    margin-bottom: 5px;
  }
}
.manage-subscription-table .time {
  color: #8A8A8A;
  font-size: 14px;
}
.manage-subscription-table .time.active {
  color: #000;
}
.manage-subscription-table .t-head span {
  font-weight: 500;
  color: #a9adb2;
  font-size: 16px;
  padding-bottom: 5px;
  display: block;
}
.manage-subscription-table .badge {
  display: inline-block;
  font-size: 10px;
  padding: 5px 15px;
  letter-spacing: 1px;
}
.manage-subscription-table .badge span {
  font-weight: 500;
}
.manage-subscription-table .badge.active-badge {
  background: #f2690c;
}
.manage-subscription-table ul li {
  border-top: 2px solid #f4f2f2;
  border-bottom: 0 !important;
  padding: 20px 0;
}
.manage-subscription-table .btn-icon-right {
  position: relative;
  top: -3px;
}

/* Subscription - Manage */
.subscribeContent {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px #e0e0e0;
}
.subscribeContent .badge {
  display: inline-block;
  font-size: 10px;
  padding: 5px 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
.subscribeContent .badge span {
  font-weight: 500;
}
.subscribeContent .badge.active-badge {
  background: #f2690c;
}
.subscribeContent .plain-txt {
  color: #404144;
  font-size: 16px;
  font-weight: 500;
}
.subscribeContent .orange-txt {
  color: #f2690c;
  font-size: 16px;
  font-weight: 500;
}
.subscribeContent .black-txt {
  color: #000;
}
.subscribeContent h2 {
  font-size: 26px;
  margin: 15px 0 5px;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
}
.subscribeContent h2.inactive {
  color: #868686;
}
.subscribeContent h3 {
  color: #f2690c;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
}
.subscribeContent p {
  color: #8A8A8A;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 15px;
}
.subscribeContent .top-line {
  border-top: 2px solid #f4f2f2;
}
.subscribeContent .f-m {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.subscribeContent .listview li {
  border-bottom: 1px solid #d6d5d5 !important;
}
.subscribeContent .listview li.mx-listview-empty {
  padding-top: 10px;
  border: 0 !important;
}
.subscribeContent .listview li .form-group {
  margin: 0;
}
.subscribeContent .listview li .form-control-static, .subscribeContent .listview li .form-group div[class*=textBox] > .control-label, .form-group .subscribeContent .listview li div[class*=textBox] > .control-label,
.subscribeContent .listview li .form-group div[class*=textArea] > .control-label,
.form-group .subscribeContent .listview li div[class*=textArea] > .control-label,
.subscribeContent .listview li .form-group div[class*=datePicker] > .control-label,
.form-group .subscribeContent .listview li div[class*=datePicker] > .control-label {
  border: 0;
}
@media (max-width: 768px) {
  .subscribeContent .row-right {
    justify-content: flex-start !important;
  }
  .subscribeContent .f-m {
    margin-left: 0;
    top: 0;
    display: block;
  }
}

/* New Subscription */
.new-subscripton .dates span {
  font-weight: 500;
  font-size: 14px;
}
.new-subscripton .dates .orange-txt {
  color: #f2690c;
}

/* Deeplink Pages */
.highlight-share .mx-layoutgrid {
  overflow: hidden;
}
@media (max-width: 768px) {
  .highlight-share .mx-layoutgrid .mx-dataview {
    padding: 0 15px;
  }
}
.highlight-share .img {
  display: block;
  margin: 20px auto 40px;
  width: 210px;
}
.highlight-share .badge {
  margin: 10px 0;
  font-size: 10px;
}
.highlight-share h3 {
  line-height: 1.2;
  margin: 0;
  color: #f2690c;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
}
.highlight-share span {
  font-size: 15px;
  line-height: 1.2;
}
.highlight-share span.display-inline {
  font-weight: 500;
}
.highlight-share p {
  color: #646363;
  line-height: 1.3;
  font-size: 13px;
}
.highlight-share .form-vertical .orange-btn {
  width: calc(100% - 10px);
  box-shadow: 1px 1px 6px #a09d9d;
  margin: 10px 5px;
}

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